Show/Hide Features settings (#128)

.docker/features.json

@@ -3,6 +3,7 @@
     "nisqAnalyzer": "true",
     "qprov": "true",
     "patternAtlas": "true",
-    "nisqAnalyzerCompilerComparison": "true"
+    "nisqAnalyzerCompilerComparison": "true",
+    "showSettings":  "true"
   }
 }

README.md

@@ -1,10 +1,23 @@
-# QcAtlasUi
+# QC Atlas UI
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.2.
+[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
+
+User Interface for the QuAntiL Environment supporting
+ - [QC Atlas](https://github.com/UST-QuAntiL/qc-atlas)
+ - [LaTeX Renderer](https://github.com/UST-QuAntiL/latex-renderer)
+ - [NISQ Analyzer](https://github.com/UST-QuAntiL/nisq-analyzer)
+ - [Pattern Atlas](https://github.com/PatternAtlas/pattern-atlas-api)
+ - [QProv](https://github.com/UST-QuAntiL/qprov)
+
+A detailed user guide and documentation can be found [here](https://quantil.readthedocs.io/en/latest/).
+
+For running the UI with all its backend components, visit [quantil-docker](https://github.com/UST-QuAntiL/quantil-docker).
+
+The UI was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.2.
 
 ## Development server
 
-Run `ng serve` for a dev server. Navigate to `http://localhost:80/`. The app will automatically reload if you change any of the source files.
+Run `ng serve` for a dev server. Navigate to <http://localhost:4200>. The app will automatically reload if you change any of the source files.
 
 ## Code scaffolding
 

src/app/components/feature-toggling/feature-toggling.component.ts

@@ -35,12 +35,20 @@ export class FeatureTogglingComponent implements OnInit {
   }
 
   toggleFeature(feature: UiFeatures, event: Event): void {
-    this.configService.applyConfig(feature, event.target['checked']).subscribe(
-      () => this.utilService.callSnackBar('Successfully saved config!'),
-      (error: HttpErrorResponse) =>
-        this.utilService.callSnackBar(
-          'Error while saving config!' + error.message
-        )
-    );
+    if (this.config.features.showSettings) {
+      this.configService
+        .applyConfig(feature, event.target['checked'])
+        .subscribe(
+          () => this.utilService.callSnackBar('Successfully saved config!'),
+          (error: HttpErrorResponse) =>
+            this.utilService.callSnackBar(
+              'Error while saving config!' + error.message
+            )
+        );
+    } else {
+      this.utilService.callSnackBar(
+        'Adjustments are not allowed and will not be saved!'
+      );
+    }
   }
 }

src/app/components/navigation/navigation.component.html

@@ -59,7 +59,9 @@
           <span class="pl-3">Compute Resource Property Types</span>
         </a>
       </div>
-      <a mat-list-item (click)="executionEnvironmentCollapseContent.hide(); minorComponentsCollapse.hide()" [routerLink]="'./feature-toggling'" routerLinkActive="routerLinkActive">
+      <a *ngIf="configData.configuration.features.showSettings"
+         mat-list-item (click)="executionEnvironmentCollapseContent.hide(); minorComponentsCollapse.hide()"
+         [routerLink]="'./feature-toggling'" routerLinkActive="routerLinkActive">
         Settings
       </a>
     </mat-nav-list>

src/app/directives/qc-atlas-ui-repository-configuration.service.ts

@@ -9,6 +9,7 @@ export enum UiFeatures {
   QPROV = 'qprov',
   PATTERN_ATLAS = 'patternAtlas',
   NISQ_ANALYZER_COMPILER_COMPARISON = 'nisqAnalyzerCompilerComparison',
+  SHOW_SETTINGS = 'showSettings',
 }
 
 export interface QcAtlasUiConfiguration {
@@ -17,6 +18,7 @@ export interface QcAtlasUiConfiguration {
     qprov: boolean;
     patternAtlas: boolean;
     nisqAnalyzerCompilerComparison: boolean;
+    showSettings: boolean;
   };
 }
 
@@ -40,6 +42,7 @@ const initialValues: QcAtlasUiConfiguration = {
     qprov: false,
     patternAtlas: false,
     nisqAnalyzerCompilerComparison: false,
+    showSettings: false,
   },
 };