blame | history | raw | HEAD
rsanchez
2017-03-21 a6e1ace2b6bdba8c08a4acfa42433f3ac073b747 
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

<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 class="md-title" [innerText]="form_title"></span>

        <span flex></span>

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

    </md-toolbar>

    <!--

            code: 'CICS',

  creation_timestamp: 1418384439000,

  description: 'Wellbore integrity analysis software',

  id: 1,

  license_filename: 'config_server.lic',

  name: 'CurisIntegrity',

  metadata: 

   [ { key: 'max_docs',

       value: '250000',

       readonly: true,

       mandatory: true } ] 

}

        -->

    <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">

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

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

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

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

                                <md-input-container>

                                    <input #firstField mdInput maxLength="50" type="text" [(ngModel)]="data.code" name="code" required [readonly]="!isNew" />

                                    <md-placeholder>

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

                                    </md-placeholder>

                                </md-input-container>

                                <error-checker [fieldName]="getFieldName('code')" [formField]="form.controls.code"></error-checker>

                            </div>

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

                                <md-input-container flex>

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

                                    <md-placeholder>

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

                                    </md-placeholder>

                                </md-input-container>

                                <error-checker [fieldName]="getFieldName('name')" [formField]="form.controls.name"></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.description" name="description" maxlength="1024"></textarea>

                                    <md-placeholder>

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

                                    </md-placeholder>

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

                                </md-input-container>

                            </div>

                        </div>

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

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

                                <md-select [placeholder]="getFieldName('application_id')" flex [(ngModel)]="data.application_id" name="application_id"

                                 (change)="changeApplication($event)">

                                    <md-option *ngFor="let org of allApplications" [value]="org.id">

                                        {{org.label}}

                                    </md-option>

                                </md-select>

                                <error-checker [fieldName]="getFieldName('application_id')" [formField]="form.controls.application_id"></error-checker>

                            </div>

                        </div>

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

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

                        </div>

                        <metadata-manager [addOrDelete]="false" [editKeys]="false" [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="!isNew" md-raised-button color="warn" (click)="delete(data.id)">Delete</button>

                    <span flex></span>

                    <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>