feat: remove dead code and unused third party library

Signed-off-by: Huaqiao Zhang <huaqiaoz@vmware.com>

Author: Huaqiao Zhang

web/src/app/app-service/app-service-configurable/app-service-configurable.component.ts

@@ -91,7 +91,6 @@ export class AppServiceConfigurableComponent implements OnInit {
 
             this.selectedFunctionsName = writable.Pipeline.ExecutionOrder.split(',');
             Object.assign(this.availableFunctions, writable.Pipeline.Functions);
-            // console.log(this.availableFunctions)
         })
     }
 
@@ -101,7 +100,6 @@ export class AppServiceConfigurableComponent implements OnInit {
     }
 
     submit() {
-        // console.log(this.getFuncExecutionOrder())
         let writable = {} as Writable;
         let pipeline: any = {
             ExecutionOrder: this.getFuncExecutionOrder(),
@@ -117,10 +115,10 @@ export class AppServiceConfigurableComponent implements OnInit {
         writable.Pipeline = pipeline;
         writable.InsecureSecrets = this.insecureSecrets;
         writable.StoreAndForward = this.configWritable.StoreAndForward;
-        // this.appSvc.deployToConsul({'Writable': writable}, this.appServiceKey).subscribe(()=>{
-        //     this.msgSvc.success('deploy configuration',`service: ${this.appServiceKey}`);
-        //     this.router.navigate(['../app-service-list'],{relativeTo: this.route})
-        // })
+        this.appSvc.deployToConsul({'Writable': writable}, this.appServiceKey).subscribe(()=>{
+            this.msgSvc.success('deploy configuration',`service: ${this.appServiceKey}`);
+            this.router.navigate(['../app-service-list'],{relativeTo: this.route})
+        })
     }
 
     removeSelectedFuncsAll() {

web/src/app/app-service/app-service-configurable/pipeline-function/pipeline-function.component.html

@@ -42,12 +42,7 @@
             <div class="card-header font-weight-bold">
                 <i class="fa fa-file-text mr-2 text-danger"></i>
                 <span>Selected Pipeline Functions</span>
-                <!-- <button *ngIf="selectedFunctionsName.length !== 0" class="btn btn-success btn-sm float-right" (click)="submit()"><i class="fa fa-save"></i> Submit</button> -->
             </div>
-            <!-- <div class="card-header py-1" *ngIf="selectedFunctionsName.length !== 0 ">
-                <button class="btn btn-danger btn-sm mr-2"><i class="fa fa-trash"></i> RemoveAll</button>
-                <button class="btn btn-success btn-sm" (click)="submit()"><i class="fa fa-save"></i> Submit</button>
-            </div> -->
             <div class="card-body">
                 <div appDragHighlight class="card mb-3" (drop)="ondropFuncExecutionOrder($event)">
                     <div class="card-header font-weight-bold text-nowrap text-truncate">
@@ -66,9 +61,7 @@
                             </tbody>
                         </table>
                         <span *ngFor="let funcName of selectedFunctionsName">
-                            <!-- <span appDragHighlight role="button" (dragover)="dropzoneShow($event)" [class.d-none]="!dropzoneToggle" [class.d-inline]="dropzoneToggle" (dragleave)="dropzoneHide($event)" class="badge badge-secondary mx-2" style="width: 20px; border: 1px; border-style: dashed;">dada</span> -->
                             <span draggable="true" role="button" id="{{funcExecOrderZoneIdentifier}}{{funcName}}" class="badge badge-secondary text-nowrap text-truncate mr-2" (dragstart)="ondragstartFuncExecutionOrder($event,funcName)">{{funcName}}</span>
-                            <!-- <span appDragHighlight role="button" (dragover)="dropzoneShow($event)" [class.d-none]="!dropzoneToggle" [class.d-inline]="dropzoneToggle" (dragleave)="dropzoneHide($event)" class="badge badge-secondary  mx-2" style="width: 20px; border: 1px; border-style: dashed;">sss</span> -->
                         </span>
                     </div>
                 </div>
@@ -248,7 +241,6 @@
                                                     <app-device-profile-combo-list 
                                                     [selectedProfiles]="profileNames"
                                                     (deviceProfileSelectedEvent)="onDeviceProfileSelectedEvent($event)"></app-device-profile-combo-list>
-                                                    <!-- <input type="text" class="form-control" name="ProfileNames" [(ngModel)]="availableFunctions.FilterByProfileName.Parameters.ProfileNames"> -->
                                                 </div>
                                             </div>
                                             <div class="form-group row">

web/src/app/app-service/app-service-configurable/pipeline-function/pipeline-function.component.ts

@@ -59,7 +59,6 @@ export class PipelineFunctionComponent implements OnInit, OnChanges {
     }
 
     ngOnInit(): void {
-        //   console.log(this.availableFunctions)
     }
 
     ngOnChanges() {

web/src/app/app-service/app-service.component.html

@@ -1,18 +1 @@
-<!-- <div class="card">
-    <div class="card-header">
-      <ul class="nav nav-tabs card-header-tabs font-weight-bold">
-          <li class="nav-item">
-            <a class="nav-link " routerLink="./app-service-list" routerLinkActive="active">App Service List</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link disabled" routerLink="./app-service-configurable" routerLinkActive="active">App Service Configurable</a>
-            <a class="nav-link" routerLink="./app-service-configurable" routerLinkActive="active">App Service Configurable</a>
-          </li>
-      </ul>
-    </div>
-    <div class="card-body">
-        <router-outlet></router-outlet>
-    </div>
-</div> -->
-
 <router-outlet></router-outlet>

web/src/app/app-service/app-service.module.ts

@@ -6,8 +6,7 @@ import { AppServiceRoutingModule } from './app-service-routing.module';
 import { AppServiceComponent } from './app-service.component';
 import { AppServiceListComponent } from './app-service-list/app-service-list.component';
 import { AppServiceConfigurableComponent } from './app-service-configurable/app-service-configurable.component';
-// import { AngularDraggableModule } from 'angular2-draggable';
-// import { AngularMultiSelectModule } from 'angular2-multiselect-dropdown';
+
 import { DraggableDirective } from '../directives/draggable.directive';
 import { DragHighlightDirective } from '../directives/drag-highlight.directive';
 import { AddAppServiceComponent } from './add-app-service/add-app-service.component';