webapp/src/app/pages/projects/project-card/project-card.component.html

   1 <nb-card class="xds-projects">
   2   <nb-card-header>
   3
   4     <div class="row">
   5       <div class="col-12 col-md-8">
   6         {{ project.label }}
   7       </div>
   8       <div class="col-6 col-md-4 text-right" role="group">
   9         <button class="btn btn-outline-danger btn-tn btn-xds" (click)="delete(project)">
  10           <span class="fa fa-trash fa-size-x2"></span>
  11         </button>
  12       </div>
  13     </div>
  14   </nb-card-header>
  15
  16   <nb-card-body>
  17     <table class="table table-striped">
  18       <tbody>
  19         <tr>
  20           <th>
  21             <span class="fa fa-fw fa-id-badge"></span>&nbsp;
  22             <span>Project ID</span>
  23           </th>
  24           <td>{{ project.id }}</td>
  25         </tr>
  26         <tr>
  27           <th>
  28             <span class="fa fa-fw fa-exchange"></span>&nbsp;
  29             <span>Sharing type</span>
  30           </th>
  31           <td>{{ project.type | readableType }}</td>
  32         </tr>
  33         <tr>
  34           <th>
  35             <span class="fa fa-fw fa-folder-open-o"></span>&nbsp;
  36             <span>Local path</span>
  37           </th>
  38           <td>{{ project.pathClient }}</td>
  39         </tr>
  40         <tr *ngIf="project.pathServer && project.pathServer != ''">
  41           <th>
  42             <span class="fa fa-fw fa-folder-open-o"></span>&nbsp;
  43             <span>Server path</span>
  44           </th>
  45           <td>{{ project.pathServer }}</td>
  46         </tr>
  47         <tr>
  48           <th>
  49             <span class="fa fa-fw fa-flag"></span>&nbsp;
  50             <span>Status</span>
  51           </th>
  52           <td>{{ project.status }} - {{ project.isInSync ? "Up to Date" : "Out of Sync"}}
  53             <button *ngIf="!project.isInSync" class="btn btn-outline-info btn-tn btn-xds" (click)="sync(project)" style="margin-left:2em;">
  54               <span class="fa fa-refresh fa-size-x2"></span>
  55             </button>
  56           </td>
  57         </tr>
  58       </tbody>
  59     </table>
  60   </nb-card-body>
  61
  62   <nb-card-footer>
  63     <!-- <pre>{{project | json}}</pre> -->
  64   </nb-card-footer>
  65 </nb-card>