add scopes component and use fusio- prefix for all components

Author: chriskapp

projects/fusio-sdk/src/lib/component/empty/empty.component.ts

@@ -1,7 +1,7 @@
 import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
 
 @Component({
-  selector: 'app-empty',
+  selector: 'fusio-empty',
   templateUrl: './empty.component.html',
   styleUrls: ['./empty.component.css']
 })

projects/fusio-sdk/src/lib/component/help/help.component.ts

@@ -3,7 +3,7 @@ import {NgbActiveModal} from "@ng-bootstrap/ng-bootstrap";
 import {DomSanitizer, SafeUrl} from "@angular/platform-browser";
 
 @Component({
-  selector: 'app-help',
+  selector: 'fusio-help',
   templateUrl: './help.component.html',
   styleUrls: ['./help.component.css']
 })

projects/fusio-sdk/src/lib/component/message/message.component.ts

@@ -2,7 +2,7 @@ import {Component, Input, OnInit} from '@angular/core';
 import {Message} from "fusio-sdk/dist/src/generated/backend/Message";
 
 @Component({
-  selector: 'app-message',
+  selector: 'fusio-message',
   templateUrl: './message.component.html',
   styleUrls: ['./message.component.css']
 })

projects/fusio-sdk/src/lib/component/scopes/scopes.component.css

@@ -0,0 +1,2 @@
+
+<span *ngFor="let scope of scopes"><span class="badge bg-primary me-1">{{scope}}</span></span>

projects/fusio-sdk/src/lib/component/scopes/scopes.component.html

@@ -0,0 +1,17 @@
+import {Component, Input, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'fusio-scopes',
+  templateUrl: './scopes.component.html',
+  styleUrls: ['./scopes.component.css']
+})
+export class ScopesComponent implements OnInit {
+
+  @Input() scopes?: Array<string>;
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

projects/fusio-sdk/src/lib/component/scopes/scopes.component.ts

@@ -2,7 +2,7 @@ import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
 import {HelpService} from "../../service/help.service";
 
 @Component({
-  selector: 'app-search',
+  selector: 'fusio-search',
   templateUrl: './search.component.html',
   styleUrls: ['./search.component.css']
 })

projects/fusio-sdk/src/lib/component/search/search.component.ts

@@ -2,7 +2,7 @@ import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
 import {ModelId} from "../../abstract/list";
 
 @Component({
-  selector: 'app-sidebar',
+  selector: 'fusio-sidebar',
   templateUrl: './sidebar.component.html',
   styleUrls: ['./sidebar.component.css']
 })

projects/fusio-sdk/src/lib/component/sidebar/sidebar.component.ts

@@ -9,14 +9,16 @@ import {SearchComponent} from "./component/search/search.component";
 import {SidebarComponent} from "./component/sidebar/sidebar.component";
 import {HelpComponent} from "./component/help/help.component";
 import {BrowserModule} from "@angular/platform-browser";
+import {ScopesComponent} from "./component/scopes/scopes.component";
 
 @NgModule({
   declarations: [
     EmptyComponent,
+    HelpComponent,
     MessageComponent,
+    ScopesComponent,
     SearchComponent,
     SidebarComponent,
-    HelpComponent,
   ],
   imports: [
     BrowserModule,
@@ -27,10 +29,11 @@ import {BrowserModule} from "@angular/platform-browser";
   ],
   exports: [
     EmptyComponent,
+    HelpComponent,
     MessageComponent,
+    ScopesComponent,
     SearchComponent,
     SidebarComponent,
-    HelpComponent,
   ]
 })
 export class FusioSdkModule { }