summaryrefslogtreecommitdiffstats
path: root/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.html
blob: a94687b3722aced7b7098797064c2befb9985648 (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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<div class="card creat-card">
    <div class="single-line">
        <label class="label-name">Mode</label>
        <label name="trst" *ngFor="let mode of modes; let i = index">
            <input class="form-check-input" [(ngModel)]="metaDataTab.mode" type="radio"
                   name="exampleRadios" id="exampleRadios1" value={{mode.name}}>

            <span>
                                            <i [className]="mode.style" aria-hidden="true" [id]="mode.name"></i>
                {{mode.name}}
                                            </span>
        </label>
    </div>

</div>
<div class="card creat-card">
    <div class="single-line">
        <label class="label-name">Name</label>
        <div class="label-input">
            <input type="input"
                   [(ngModel)]="metaDataTab.name" placeholder="Topology name.vLB.CDS">
        </div>
    </div>
    <hr/>
    <div class="single-line">
        <label class="label-name">Description</label>
        <div class="label-input">
            <input type="input" [(ngModel)]="metaDataTab.description"
                   placeholder="Descripe the package">
        </div>
    </div>
    <hr/>
    <div class="single-line">
        <label class="label-name">Version</label>
        <div class="label-input">
            <input type="input" [(ngModel)]="metaDataTab.version"
                   (input)="validatePackageNameAndVersion()"
                   placeholder="Example: 1.0.0">
        </div>
        <div><label style="color: red">{{errorMessage}}</label></div>
    </div>
    <hr/>
    <div class="single-line">
        <label class="label-name">tags</label>
        <div class="label-input">
            <input type="input" [(ngModel)]="metaDataTab.tags"
                   placeholder="Ex., vDNS-CDS">
        </div>
    </div>
</div>
<div id="container">
    <div id="target">
        <div class="card creat-card">
            <div class="single-line">
                <h5 class="label-name">
                    Custom key <a class="delete-key" (click)="deleteCustomKey($event)">Delete</a>
                </h5>

            </div>
            <div class="single-line">
                <label class="label-name">Name</label>
                <div class="label-input">
                    <input name="key" type="input" placeholder="Enter Name">
                </div>
            </div>
            <hr/>
            <div class="single-line">
                <label class="label-name">Value</label>
                <div class="label-input">
                    <input name="value" type="input"
                           placeholder="Enter Value">
                </div>
            </div>

        </div>
    </div>
</div>
<div class="card creat-card">
    <div class="single-line">
        <div name="custom key">
            <button class="custom-key" (click)="createAnotherCustomKeyDiv()"><i
                    class="fa fa-plus" aria-hidden="true"></i> Add a custom key
            </button>


        </div>
    </div>
</div>