X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=webapp%2Fsrc%2Fapp%2Fprojects%2FprojectAddModal.component.ts;h=0718f4c10bd6e73380ce5627ff9e6dd087fc7968;hb=fb2f6b918beb0a994ad304bfd678ef0c5c562210;hp=1352060d8327b4169a1c816bc01fc4d53feadd08;hpb=c51d5034d527578da70bdd41b9ce13f28455c598;p=src%2Fxds%2Fxds-agent.git diff --git a/webapp/src/app/projects/projectAddModal.component.ts b/webapp/src/app/projects/projectAddModal.component.ts index 1352060..0718f4c 100644 --- a/webapp/src/app/projects/projectAddModal.component.ts +++ b/webapp/src/app/projects/projectAddModal.component.ts @@ -8,22 +8,22 @@ import 'rxjs/add/operator/map'; import 'rxjs/add/operator/filter'; import 'rxjs/add/operator/debounceTime'; -import { AlertService, IAlert } from "../services/alert.service"; -import { ProjectService, IProject, ProjectType, ProjectTypes } from "../services/project.service"; +import { AlertService, IAlert } from '../services/alert.service'; +import { ProjectService, IProject, ProjectType, ProjectTypes } from '../services/project.service'; @Component({ - selector: 'project-add-modal', - templateUrl: './app/projects/projectAddModal.component.html', - styleUrls: ['./app/projects/projectAddModal.component.css'] + selector: 'xds-project-add-modal', + templateUrl: 'projectAddModal.component.html', + styleUrls: ['projectAddModal.component.css'] }) -export class ProjectAddModalComponent { +export class ProjectAddModalComponent implements OnInit { @ViewChild('childProjectModal') public childProjectModal: ModalDirective; @Input() title?: string; @Input('server-id') serverID: string; - cancelAction: boolean = false; - userEditedLabel: boolean = false; + cancelAction = false; + userEditedLabel = false; projectTypes = ProjectTypes; addProjectForm: FormGroup; @@ -37,17 +37,17 @@ export class ProjectAddModalComponent { private fb: FormBuilder ) { // Define types (first one is special/placeholder) - this.projectTypes.unshift({ value: ProjectType.UNSET, display: "--Select a type--" }); + this.projectTypes.unshift({ value: ProjectType.UNSET, display: '--Select a type--' }); - this.typeCtrl = new FormControl(this.projectTypes[0].value, Validators.pattern("[A-Za-z]+")); - this.pathCliCtrl = new FormControl("", Validators.required); - this.pathSvrCtrl = new FormControl({ value: "", disabled: true }, [Validators.required, Validators.minLength(1)]); + this.typeCtrl = new FormControl(this.projectTypes[0].value, Validators.pattern('[A-Za-z]+')); + this.pathCliCtrl = new FormControl('', Validators.required); + this.pathSvrCtrl = new FormControl({ value: '', disabled: true }, [Validators.required, Validators.minLength(1)]); this.addProjectForm = fb.group({ type: this.typeCtrl, pathCli: this.pathCliCtrl, pathSvr: this.pathSvrCtrl, - label: ["", Validators.nullValidator], + label: ['', Validators.nullValidator], }); } @@ -57,15 +57,15 @@ export class ProjectAddModalComponent { .debounceTime(100) .filter(n => n) .map(n => { - let last = n.split('/'); + const last = n.split('/'); let nm = n; if (last.length > 0) { nm = last.pop(); - if (nm === "" && last.length > 0) { + if (nm === '' && last.length > 0) { nm = last.pop(); } } - return "Project_" + nm; + return 'Project_' + nm; }) .subscribe(value => { if (value && !this.userEditedLabel) { @@ -77,8 +77,8 @@ export class ProjectAddModalComponent { this.typeCtrl.valueChanges .debounceTime(500) .subscribe(valType => { - let dis = (valType === String(ProjectType.SYNCTHING)); - this.pathSvrCtrl.reset({ value: "", disabled: dis }); + const dis = (valType === String(ProjectType.SYNCTHING)); + this.pathSvrCtrl.reset({ value: '', disabled: dis }); }); } @@ -93,19 +93,19 @@ export class ProjectAddModalComponent { } onKeyLabel(event: any) { - this.userEditedLabel = (this.addProjectForm.value.label !== ""); + this.userEditedLabel = (this.addProjectForm.value.label !== ''); } /* FIXME: change input to file type - + onChangeLocalProject(e) { if e.target.files.length < 1 { console.log('NO files'); } let dir = e.target.files[0].webkitRelativePath; - console.log("files: " + dir); + console.log('files: ' + dir); let u = URL.createObjectURL(e.target.files[0]); } */ @@ -117,9 +117,9 @@ export class ProjectAddModalComponent { return; } - let formVal = this.addProjectForm.value; + const formVal = this.addProjectForm.value; - let type = formVal['type'].value; + const type = formVal['type'].value; this.projectSvr.Add({ serverId: this.serverID, label: formVal['label'], @@ -129,12 +129,12 @@ export class ProjectAddModalComponent { // FIXME: allow to set defaultSdkID from New Project config panel }) .subscribe(prj => { - this.alert.info("Project " + prj.label + " successfully created."); + this.alert.info('Project ' + prj.label + ' successfully created.'); this.hide(); // Reset Value for the next creation this.addProjectForm.reset(); - let selectedType = this.projectTypes[0].value; + const selectedType = this.projectTypes[0].value; this.addProjectForm.patchValue({ type: selectedType }); },