import { Component, Input, Pipe, PipeTransform } from '@angular/core';
import { ConfigService, IProject, ProjectType } from "../services/config.service";
+import { AlertService } from "../services/alert.service";
@Component({
selector: 'project-card',
<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>
+ <button class="btn btn-link" (click)="delete(project)">
+ <span class="fa fa-trash fa-size-x2"></span>
+ </button>
</div>
</div>
</div>
<th><span class="fa fa-fw fa-folder-open-o"></span> <span>Local path</span></th>
<td>{{ project.pathClient }}</td>
</tr>
- <tr *ngIf="project.pathServer != ''">
+ <tr *ngIf="project.pathServer && project.pathServer != ''">
<th><span class="fa fa-fw fa-folder-open-o"></span> <span>Server path</span></th>
<td>{{ project.pathServer }}</td>
</tr>
- <!--
<tr>
- <th><span class="fa fa-fw fa-status"></span> <span>Status</span></th>
- <td>{{ project.remotePrjDef.status }}</td>
+ <th><span class="fa fa-fw fa-flag"></span> <span>Status</span></th>
+ <td>{{ project.status }} - {{ project.isInSync ? "Up to Date" : "Out of Sync"}}
+ <button *ngIf="!project.isInSync" class="btn btn-link" (click)="sync(project)">
+ <span class="fa fa-refresh fa-size-x2"></span>
+ </button>
+ </td>
</tr>
- -->
</tbody>
</table >
`,
@Input() project: IProject;
- constructor(private configSvr: ConfigService) {
+ constructor(
+ private alert: AlertService,
+ private configSvr: ConfigService
+ ) {
}
-
delete(prj: IProject) {
- this.configSvr.deleteProject(prj);
+ this.configSvr.deleteProject(prj)
+ .subscribe(res => {
+ }, err => {
+ this.alert.error("Delete local ERROR: " + err);
+ });
+ }
+
+ sync(prj: IProject) {
+ this.configSvr.syncProject(prj)
+ .subscribe(res => {
+ }, err => {
+ this.alert.error("ERROR: " + err);
+ });
}
}