blame | history | raw | HEAD
rsanchez
2017-06-30 78e3bdc18435ee55e2d90a8bf5fe9376adf09a19 
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119

<td-layout-card-over cardWidth="60">

    <md-toolbar role="toolbar" class="mat-secondary">

        <button md-icon-button (click)="goBack()" color="accent">

            <md-icon>arrow_back</md-icon>

        </button>

        <span [innerText]="form_title"></span>

        <span style="margin-left:10px;">({{data.code}})</span>

        <span flex></span>

        <button md-icon-button (click)="save()"><md-icon>save</md-icon></button>

        <md-toolbar-row class="inner-padding" *ngIf="!!pack" >

            <div>

                <span i18n>Pack</span>: {{pack.code}}        

                <button md-icon-button (click)="editPack()"><md-icon>edit</md-icon></button>

            </div>

            <div class="inner-padding" flex="70" style="margin-left: 10px;" layout-align="start center" layout="row">

                <md-chip selected [mdTooltip]="$L.get('field.application_name')" color="primary">{{pack.application_name}} </md-chip>

                <md-chip selected [mdTooltip]="$L.get('field.organization_id')" color="accent">{{pack.organization_name}} </md-chip>

                <md-chip selected [mdTooltip]="$L.get('field.license_type_id')" color="accent">{{pack.licensetype_code}} </md-chip>

            </div>

            <span flex></span>

            <md-chip-list>

                <md-chip [mdTooltip]="$L.get('field.num_available')" color="secondary" [class.bgc-red-A100]="pack.num_available <= 0">

                    <span i18n="field.num_available"></span>: {{pack.num_available}} </md-chip>

            </md-chip-list>

        </md-toolbar-row>

    </md-toolbar>

    <div class="margin" layout-align-gt-xs="center start" layout-fill="" layout-gt-xs="row">

            <md-card  flex="70">

                <md-card-title>

                    {{form_subtitle}}

                </md-card-title>

                <md-divider></md-divider>

                <md-card-content>

                    <form #form="ngForm" class="inset" (keyup.enter)="save()">

                        <div layout="column" layout-align="start center">

                            <div layout="row" layout-fill layout-padding>

                                <field-readonly [value]="data.id" label="field.id" flex="20" *ngIf="!isNew"></field-readonly>

                                <field-readonly [value]="data.code" label="field.code" flex></field-readonly>

                            </div>

                            <div layout="row" layout-fill layout-padding>

                                <field-readonly [value]="data.activation_code" label="field.activation_code" flex></field-readonly>

                            </div>

                            <div layout="row" layout-fill layout-padding *ngIf="!isNew">

                                <field-readonly [value]="data.expiration_date | date: 'mediumDate'" label="field.expiration_date" flex></field-readonly>

                                <field-readonly [value]="licenses.getStatusName(data.status)" label="field.status" flex></field-readonly>

                            </div>

                            <div layout="row" layout-fill layout-padding>

                                <div layout="column" layout-fill flex>

                                    <md-input-container flex>

                                        <input  #firstField mdInput type="text" [(ngModel)]="data.full_name" name="full_name" required maxlength="200" />

                                        <md-placeholder>

                                            <span i18n="field.full_name"></span>

                                        </md-placeholder>

                                    </md-input-container>

                                    <error-checker [fieldName]="$L.get('field.full_name')" [formField]="form.controls.full_name"></error-checker>

                                </div>

                                <div layout="column" layout-fill flex>

                                    <md-input-container flex>

                                        <input mdInput type="email" [(ngModel)]="data.email" name="email" required maxlength="200" />

                                        <md-placeholder>

                                            <span i18n="field.email"></span>

                                        </md-placeholder>

                                    </md-input-container>

                                    <error-checker [fieldName]="$L.get('field.email')" [formField]="form.controls.email"></error-checker>

                                </div>

                            </div>

                            <div layout="row" layout-fill layout-padding>

                                <div layout="column" layout-fill flex>

                                    <md-input-container flex>

                                        <textarea mdInput type="text" type="text" [(ngModel)]="data.request_data" name="request_data" maxlength="2048"></textarea>

                                        <md-placeholder>

                                            <span i18n="field.request_data"></span>

                                        </md-placeholder>

                                        <md-hint align="end">(max 2048)</md-hint>

                                    </md-input-container>

                                </div>

                                <td-file-input #requestFileUploader (select)="requestFileSelected($event)" accept=".req,.txt,.json">

                                    <md-icon>attachment</md-icon>

                                </td-file-input>

                            </div>

                            <div layout="row" layout-fill layout-padding>

                                <div layout="column" layout-fill flex>

                                    <md-input-container flex>

                                        <textarea mdInput type="text" type="text" [(ngModel)]="data.comments" name="comments" maxlength="1024"></textarea>

                                        <md-placeholder>

                                            <span i18n="field.comments"></span>

                                        </md-placeholder>

                                        <md-hint align="end">(max 1024)</md-hint>

                                    </md-input-container>

                                </div>

                            </div>

                            <div layout="row" layout-fill layout-padding *ngIf="!isNew">

                                <field-readonly [value]="data.created_by_id" label="field.created_by" flex></field-readonly>

                                <field-readonly [value]="data.creation_date | date: 'medium'" label="field.creation_date" flex></field-readonly>

                            </div>

                            <metadata-manager [readonly]="true" [metadata]="data.metadata" ></metadata-manager>

                        </div>

                    </form>

                </md-card-content>

                <md-divider></md-divider>

                <md-card-actions>

                    <div layout="row" layout-align="start center" class="margin">

                        <button *ngIf="canBeDeleted()" md-raised-button color="warn" (click)="delete(data.id)">Delete</button>

                        <span flex></span>

                        <button md-icon-button [mdMenuTriggerFor]="licMenu" aria-label="License menu" *ngIf="!isNew">

                            <md-icon>more_vert</md-icon>

                        </button>

                        <md-menu #licMenu="mdMenu" >

                            <button md-menu-item *ngFor="let action of license_menu_options" (click)="licenseAction(action.command)" [disabled]="!licenses.isActionAvailable(action.command, data)">

                                <md-icon *ngIf="!!action.icon">{{ action.icon }}</md-icon> {{ action.name }}

                            </button>

                        </md-menu>

                        <button [disabled]="!form.form.valid" md-raised-button color="primary" (click)="save()">Save</button>

                        <button md-button (click)="goBack()">Cancel</button>

                    </div>

                </md-card-actions>

            </md-card>

    </div>

</td-layout-card-over>