X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=webapp%2Fsrc%2Fapp%2Fprojects%2FprojectCard.component.ts;fp=webapp%2Fsrc%2Fapp%2Fprojects%2FprojectCard.component.ts;h=010b47603fd65e20083e17d7bc7379541afbe469;hb=ec7051e1da665206f594c7616ad381bfeaea333a;hp=0000000000000000000000000000000000000000;hpb=ca3e1762832b27dc25cf90125b376c56e24e2db2;p=src%2Fxds%2Fxds-server.git

diff --git a/webapp/src/app/projects/projectCard.component.ts b/webapp/src/app/projects/projectCard.component.ts
new file mode 100644
index 0000000..010b476
--- /dev/null
+++ b/webapp/src/app/projects/projectCard.component.ts
@@ -0,0 +1,63 @@
+import { Component, Input, Pipe, PipeTransform } from '@angular/core';
+import { ConfigService, IProject, ProjectType } from "../common/config.service";
+
+@Component({
+    selector: 'project-card',
+    template: `
+        <div class="row">
+            <div class="col-xs-12">
+                <div class="text-right" role="group">
+                    <button class="btn btn-link" (click)="delete(project)"><span class="fa fa-trash fa-size-x2"></span></button>
+                </div>
+            </div>
+        </div>
+
+        <table class="table table-striped">
+            <tbody>
+            <tr>
+                <th><span class="fa fa-fw fa-id-badge"></span>&nbsp;<span>Project ID</span></th>
+                <td>{{ project.id }}</td>
+            </tr>
+            <tr>
+                <th><span class="fa fa-fw fa-folder-open-o"></span>&nbsp;<span>Folder path</span></th>
+                <td>{{ project.path}}</td>
+            </tr>
+            <tr>
+                <th><span class="fa fa-fw fa-exchange"></span>&nbsp;<span>Synchronization type</span></th>
+                <td>{{ project.type | readableType }}</td>
+            </tr>
+
+            </tbody>
+        </table >
+    `,
+    styleUrls: ['./app/config/config.component.css']
+})
+
+export class ProjectCardComponent {
+
+    @Input() project: IProject;
+
+    constructor(private configSvr: ConfigService) {
+    }
+
+
+    delete(prj: IProject) {
+        this.configSvr.deleteProject(prj);
+    }
+
+}
+
+// Remove APPS. prefix if translate has failed
+@Pipe({
+    name: 'readableType'
+})
+
+export class ProjectReadableTypePipe implements PipeTransform {
+  transform(type: ProjectType): string {
+    switch (+type) {
+        case ProjectType.NATIVE:    return "Native";
+        case ProjectType.SYNCTHING: return "Cloud (Syncthing)";
+        default:                    return String(type);
+    }
+  }
+}
\ No newline at end of file