webapp/src/app/config/downloadXdsAgent.component.ts

   1 import { Component, Input, Pipe, PipeTransform } from '@angular/core';
   2
   3 @Component({
   4     selector: 'dl-xds-agent',
   5     template: `
   6         <template #popTemplate>
   7             <h3>Install xds-agent:</h3>
   8             <ul>
   9                 <li>On Linux machine <a href="{{url_OS_Linux}}" target="_blank">
  10                 <span class="fa fa-external-link"></span></a></li>
  11
  12                 <li>On Windows machine <a href="{{url_OS_Other}}" target="_blank"><span class="fa fa-external-link"></span></a></li>
  13
  14                 <li>On MacOS machine <a href="{{url_OS_Other}}" target="_blank"><span class="fa fa-external-link"></span></a></li>
  15             </ul>
  16             <button type="button" class="btn btn-sm" (click)="pop.hide()"> Cancel </button>
  17         </template>
  18         <button type="button" class="btn btn-link fa fa-download fa-size-x2"
  19             [popover]="popTemplate"
  20             #pop="bs-popover"
  21             placement="left">
  22         </button>
  23         `,
  24     styles: [`
  25         .fa-size-x2 {
  26             font-size: 20px;
  27         }
  28     `]
  29 })
  30
  31 export class DlXdsAgentComponent {
  32
  33     public url_OS_Linux = "https://en.opensuse.org/LinuxAutomotive#Installation_AGL_XDS";
  34     public url_OS_Other = "https://github.com/iotbzh/xds-agent#how-to-install-on-other-platform";
  35 }
  36
  37 @Pipe({
  38     name: 'capitalize'
  39 })
  40 export class CapitalizePipe implements PipeTransform {
  41     transform(value: string): string {
  42         if (value) {
  43             return value.charAt(0).toUpperCase() + value.slice(1);
  44         }
  45         return value;
  46     }
  47 }