load the font style correctly

This commit ensures that when you open the tag
cloud settings, the bold and italic font sliders
are enabled according to the actual setting.

Closes #114

src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.html

@@ -81,9 +81,9 @@
           </mat-form-field>
         </div>
         <div class="input-row special-settings automatic-spelling" fxLayout="row" fxLayoutGap="5px" fxLayout.xs="column">
-          <mat-radio-group matTooltip="{{'tag-cloud-config.notation-tooltip' | translate}}" aria-label="Notation:"> 
-            <div><mat-slide-toggle value="italic" (change)="italicChecked($event)"[ngModelOptions]="{standalone: true}">{{'tag-cloud-config.font-style-italic' | translate}}</mat-slide-toggle> </div>
-            <div><mat-slide-toggle value="bold" (change)="boldChecked($event)" [ngModelOptions]="{standalone: true}">{{'tag-cloud-config.font-style-bold' | translate}}</mat-slide-toggle> </div>
+          <mat-radio-group matTooltip="{{'tag-cloud-config.notation-tooltip' | translate}}" aria-label="Notation:">
+            <div><mat-slide-toggle [checked]="checkItalic()" (change)="italicChecked($event)"[ngModelOptions]="{standalone: true}">{{'tag-cloud-config.font-style-italic' | translate}}</mat-slide-toggle> </div>
+            <div><mat-slide-toggle [checked]="checkBold()" (change)="boldChecked($event)" [ngModelOptions]="{standalone: true}">{{'tag-cloud-config.font-style-bold' | translate}}</mat-slide-toggle> </div>
           </mat-radio-group>
         </div>
         <div class="input-row" fxLayout="column" fxLayoutGap="5px">

src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.ts

@@ -157,7 +157,7 @@ export class CloudConfigurationComponent implements OnInit {
     this.parent.tagCloudDataManager.demoActive = false;
     this.parent.setCloudParameters(this.cloudParameters);
     this.parent.configurationOpen = false;
-   this.setStep(0)
+   this.setStep(0);
 
   }
 
@@ -207,4 +207,12 @@ export class CloudConfigurationComponent implements OnInit {
     event.checked == true ? this.cloudParameters.fontWeight = "bold" : this.cloudParameters.fontWeight = "normal";
     this.valueChanged();
   }
+
+  checkItalic() {
+    return this.cloudParameters.fontStyle === 'italic';
+  }
+
+  checkBold() {
+    return this.cloudParameters.fontWeight === 'bold';
+  }
 }