Fixed not correct label text for weight font; Refactoring

ui-ngx/src/app/modules/home/components/widget/lib/analogue-compass.models.ts

@@ -163,7 +163,7 @@ export const analogueCompassSettingsSchema: JsonSettingsSchema = {
   form: [
     {
       key: 'majorTicks',
-      items:[
+      items: [
         'majorTicks[]'
       ]
     },
@@ -267,7 +267,7 @@ export const analogueCompassSettingsSchema: JsonSettingsSchema = {
             },
             {
               value: '700',
-              label: '800'
+              label: '700'
             },
             {
               value: '800',

ui-ngx/src/app/modules/home/components/widget/lib/analogue-compass.ts

@@ -43,7 +43,7 @@ export class TbAnalogueCompass extends TbBaseGauge<AnalogueCompassSettings, Radi
   protected createGaugeOptions(gaugeElement: HTMLElement, settings: AnalogueCompassSettings): RadialGaugeOptions {
 
     const majorTicks = (settings.majorTicks && settings.majorTicks.length > 0) ? deepClone(settings.majorTicks) :
-      ['N','NE','E','SE','S','SW','W','NW'];
+      ['N', 'NE', 'E', 'SE', 'S', 'SW', 'W', 'NW'];
     majorTicks.push(majorTicks[0]);
 
     return {

ui-ngx/src/app/modules/home/components/widget/lib/analogue-gauge.models.ts

@@ -492,7 +492,7 @@ export const analogueGaugeSettingsSchema: JsonSettingsSchema = {
             },
             {
               value: '700',
-              label: '800'
+              label: '700'
             },
             {
               value: '800',
@@ -581,7 +581,7 @@ export const analogueGaugeSettingsSchema: JsonSettingsSchema = {
             },
             {
               value: '700',
-              label: '800'
+              label: '700'
             },
             {
               value: '800',
@@ -670,7 +670,7 @@ export const analogueGaugeSettingsSchema: JsonSettingsSchema = {
             },
             {
               value: '700',
-              label: '800'
+              label: '700'
             },
             {
               value: '800',
@@ -759,7 +759,7 @@ export const analogueGaugeSettingsSchema: JsonSettingsSchema = {
             },
             {
               value: '700',
-              label: '800'
+              label: '700'
             },
             {
               value: '800',
@@ -842,7 +842,7 @@ export abstract class TbBaseGauge<S, O extends GenericOptions> {
   private gauge: BaseGauge;
 
   protected constructor(protected ctx: WidgetContext, canvasId: string) {
-    const gaugeElement = $('#'+canvasId, ctx.$container)[0];
+    const gaugeElement = $('#' + canvasId, ctx.$container)[0];
     const settings: S = ctx.settings;
     const gaugeData: O = this.createGaugeOptions(gaugeElement, settings);
     this.gauge = this.createGauge(gaugeData as O).draw();
@@ -859,7 +859,7 @@ export abstract class TbBaseGauge<S, O extends GenericOptions> {
         const tvPair = cellData.data[cellData.data.length -
         1];
         const value = tvPair[1];
-        if(value !== this.gauge.value) {
+        if (value !== this.gauge.value) {
           this.gauge.value = value;
         }
       }
@@ -876,10 +876,10 @@ export abstract class TbBaseGauge<S, O extends GenericOptions> {
   }
 }
 
-export abstract class TbAnalogueGauge<S extends AnalogueGaugeSettings, O extends GenericOptions> extends TbBaseGauge<S,O> {
+export abstract class TbAnalogueGauge<S extends AnalogueGaugeSettings, O extends GenericOptions> extends TbBaseGauge<S, O> {
 
   protected constructor(ctx: WidgetContext, canvasId: string) {
-    super(ctx,canvasId);
+    super(ctx, canvasId);
   }
 
   protected createGaugeOptions(gaugeElement: HTMLElement, settings: S): O {
@@ -891,26 +891,26 @@ export abstract class TbAnalogueGauge<S extends AnalogueGaugeSettings, O extends
     const keyColor = settings.defaultColor || dataKey.color;
 
     const majorTicksCount = settings.majorTicksCount || 10;
-    const total = maxValue-minValue;
-    let step = (total/majorTicksCount);
+    const total = maxValue - minValue;
+    let step = (total / majorTicksCount);
 
     const valueInt = settings.valueInt || 3;
 
     const valueDec = getValueDec(this.ctx, settings);
 
-    step = parseFloat(parseFloat(step+'').toFixed(valueDec));
+    step = parseFloat(parseFloat(step + '').toFixed(valueDec));
 
     const majorTicks: number[] = [];
     const highlights: Highlight[] = [];
     let tick = minValue;
 
-    while(tick<=maxValue) {
+    while (tick <= maxValue) {
       majorTicks.push(tick);
-      let nextTick = tick+step;
-      nextTick = parseFloat(parseFloat(nextTick+'').toFixed(valueDec));
-      if (tick<maxValue) {
+      let nextTick = tick + step;
+      nextTick = parseFloat(parseFloat(nextTick + '').toFixed(valueDec));
+      if (tick < maxValue) {
         const highlightColor = tinycolor(keyColor);
-        const percent = (tick-minValue)/total;
+        const percent = (tick - minValue) / total;
         highlightColor.setAlpha(percent);
         const highlight: Highlight = {
           from: tick,