summaryrefslogtreecommitdiffstats
path: root/webapp/src/app/config/downloadXdsAgent.component.ts
blob: 55aa203123db808d56f733d57f678a0c2988606c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
import { Component, Input, Pipe, PipeTransform } from '@angular/core';

import { IxdsAgentPackage } from "../services/config.service";

@Component({
    selector: 'dl-xds-agent',
    template: `
        <template #popTemplate>
            <h3>Download xds-agent packages:</h3>
            <ul>
                <li *ngFor="let p of packageUrls">
                    for <a href="{{p.url}}">{{p.os | capitalize}}</a>
                </li>
            </ul>
            <button type="button" class="btn btn-sm" (click)="pop.hide()"> Cancel </button>
        </template>
        <button type="button" class="btn btn-link fa fa-download fa-size-x2"
            [popover]="popTemplate"
            #pop="bs-popover"
            placement="left">
        </button>
    `,
    styles: [`
        .fa-size-x2 {
            font-size: 20px;
        }
    `]
})

export class DlXdsAgentComponent {

    @Input() packageUrls: IxdsAgentPackage[];

}

@Pipe({
    name: 'capitalize'
})
export class CapitalizePipe implements PipeTransform {
    transform(value: string): string {
        if (value) {
            return value.charAt(0).toUpperCase() + value.slice(1);
        }
        return value;
    }
}