[Update 修改luna登录选择用户

angular.json

@@ -19,7 +19,6 @@
             "assets": [
               "src/assets",
               "src/static",
-              "src/theme/default",
               "src/favicon.ico"
             ],
             "styles": [
@@ -28,6 +27,7 @@
               "node_modules/ngx-toastr/toastr.css",
               "src/sass/style.scss",
               "src/styles.css",
+              "src/theme.scss",
               "src/assets/ztree/awesomeStyle/awesome.css"
             ],
             "scripts": [

src/app/elements/connect/connect.component.ts

@@ -107,8 +107,8 @@ export class ElementConnectComponent implements OnInit, OnDestroy {
     if (systemUsers.length > 1) {
       return new Promise<SystemUser>(resolve => {
         const dialogRef = this._dialog.open(AssetTreeDialogComponent, {
-          height: '200px',
-          width: '300px',
+          height: '250px',
+          width: '500px',
           data: {users: systemUserMaxPriority}
         });
 

src/app/elements/connect/dialog.html

 <h1 mat-dialog-title>{{"Found"|trans}} {{data.users.length}} {{"Users "|trans}}</h1>
 
-<mat-form-field style="width: 100%">
-  <mat-select [(value)]="selected"
-              [compareWith]="compareFn"
-              [formControl]="UserSelectControl"
-              placeholder="{{'Choose a User'|trans}}" required>
-    <mat-option *ngFor="let u of data.users" value="{{u.id}}">{{u.name}}</mat-option>
-  </mat-select>
+<div style="height: 110px">
+  <div *ngIf="data.users.length < 5">
+    <div>
+      <label>{{'Choose a User'|trans}}: </label>
+    </div>
+    <mat-radio-group required [formControl]="UserSelectControl" [(ngModel)]="selected">
+      <mat-radio-button *ngFor="let u of data.users" value="{{u.id}}"
+                        style="padding-right: 10px">{{u.name}}</mat-radio-button>
+    </mat-radio-group>
+  </div>
+
+  <div *ngIf="data.users.length >= 5">
+    <mat-form-field style="width: 100%" >
+      <mat-select [(value)]="selected"
+                  [compareWith]="compareFn"
+                  [formControl]="UserSelectControl"
+                  placeholder="{{'Choose a User'|trans}}" required>
+        <mat-option *ngFor="let u of data.users" value="{{u.id}}">{{u.name}}</mat-option>
+      </mat-select>
+    </mat-form-field>
+  </div>
   <mat-error *ngIf="UserSelectControl.hasError('required')">{{"Please choose a User"|trans}}</mat-error>
 
-</mat-form-field>
+</div>
+
 <div style="float: right">
   <button mat-raised-button (click)="onNoClick()">{{"Cancel"|trans}}</button>
   <button mat-raised-button color="primary" [mat-dialog-close]="selected" cdkFocusInitial>{{"Confirm"|trans}}</button>

src/app/plugins/MaterialModule.component.ts

 import {NgModule} from '@angular/core';
 import {
-  // MatAutocompleteModule,
+  MatAutocompleteModule,
   MatButtonModule,
-  // MatButtonToggleModule,
+  MatButtonToggleModule,
   MatCardModule,
-  // MatCheckboxModule,
+  MatCheckboxModule,
   MatChipsModule,
-  // MatDatepickerModule,
+  MatDatepickerModule,
   MatDialogModule,
-  // MatExpansionModule,
-  // MatGridListModule,
-  // MatIconModule,
+  MatExpansionModule,
+  MatGridListModule,
+  MatIconModule,
   MatInputModule,
-  // MatListModule,
-  // MatMenuModule,
-  // MatNativeDateModule,
-  // MatPaginatorModule,
-  // MatProgressBarModule,
-  // MatProgressSpinnerModule,
+  MatListModule,
+  MatMenuModule,
+  MatNativeDateModule,
+  MatPaginatorModule,
+  MatProgressBarModule,
+  MatProgressSpinnerModule,
   MatRadioModule,
-  // MatRippleModule,
+  MatRippleModule,
   MatSelectModule,
-  // MatSidenavModule,
-  // MatSliderModule,
-  // MatSlideToggleModule,
-  // MatSnackBarModule,
-  // MatSortModule,
-  // MatTableModule,
-  // MatTabsModule,
-  // MatToolbarModule,
-  // MatTooltipModule,
-  // MatStepperModule,
+  MatSidenavModule,
+  MatSliderModule,
+  MatSlideToggleModule,
+  MatSnackBarModule,
+  MatSortModule,
+  MatTableModule,
+  MatTabsModule,
+  MatToolbarModule,
+  MatTooltipModule,
+  MatStepperModule,
 } from '@angular/material';
 import {CdkTableModule} from '@angular/cdk/table';
 
 @NgModule({
   exports: [
     CdkTableModule,
-    // MatAutocompleteModule,
+    MatAutocompleteModule,
     MatButtonModule,
-    // MatButtonToggleModule,
+    MatButtonToggleModule,
     MatCardModule,
-    // MatCheckboxModule,
+    MatCheckboxModule,
     MatChipsModule,
-    // MatStepperModule,
-    // MatDatepickerModule,
+    MatStepperModule,
+    MatDatepickerModule,
     MatDialogModule,
-    // MatExpansionModule,
-    // MatGridListModule,
-    // MatIconModule,
+    MatExpansionModule,
+    MatGridListModule,
+    MatIconModule,
     MatInputModule,
-    // MatListModule,
-    // MatMenuModule,
-    // MatNativeDateModule,
-    // MatPaginatorModule,
-    // MatProgressBarModule,
-    // MatProgressSpinnerModule,
+    MatListModule,
+    MatMenuModule,
+    MatNativeDateModule,
+    MatPaginatorModule,
+    MatProgressBarModule,
+    MatProgressSpinnerModule,
     MatRadioModule,
-    // MatRippleModule,
+    MatRippleModule,
     MatSelectModule,
-    // MatSidenavModule,
-    // MatSliderModule,
-    // MatSlideToggleModule,
-    // MatSnackBarModule,
-    // MatSortModule,
-    // MatTableModule,
-    // MatTabsModule,
-    // MatToolbarModule,
-    // MatTooltipModule,
+    MatSidenavModule,
+    MatSliderModule,
+    MatSlideToggleModule,
+    MatSnackBarModule,
+    MatSortModule,
+    MatTableModule,
+    MatTabsModule,
+    MatToolbarModule,
+    MatTooltipModule,
   ]
 })
 export class MaterialModule {

src/theme.scss

+@import '~@angular/material/theming';
+@include mat-core();
+
+$my-teal: (
+  50: #e0f2f1,
+  100: #b2dfdb,
+  200: #80cbc4,
+  300: #4db6ac,
+  400: #26a69a,
+  500: #1ab394,
+  600: #00897b,
+  700: #00796b,
+  800: #00695c,
+  900: #004d40,
+  A100: #a7ffeb,
+  A200: #64ffda,
+  A400: #1de9b6,
+  A700: #00bfa5,
+  contrast: (
+    50: $dark-primary-text,
+    100: $dark-primary-text,
+    200: $dark-primary-text,
+    300: $dark-primary-text,
+    400: $dark-primary-text,
+    500: $light-primary-text,
+    600: $light-primary-text,
+    700: $light-primary-text,
+    800: $light-primary-text,
+    900: $light-primary-text,
+    A100: $dark-primary-text,
+    A200: $dark-primary-text,
+    A400: $dark-primary-text,
+    A700: $dark-primary-text,
+  )
+);
+
+$candy-app-primary: mat-palette($my-teal, 500);
+$candy-app-accent:  mat-palette($my-teal, 500);
+
+// The warn palette is optional (defaults to red).
+$candy-app-warn:    mat-palette($mat-red);
+
+// Create the theme object (a Sass map containing all of the palettes).
+$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);
+
+// Include theme styles for core and each component used in your app.
+// Alternatively, you can import and @include the theme mixins for each component
+// that you are using.
+@include angular-material-theme($candy-app-theme);