#0 enh - Added readonly mode for metadata forms and fix a problem with act...

rsanchez

2017-06-30 bc388cba3d2a9d57abe30ece31f80562536f8709

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
<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 *ngIf="!isNew" style="margin-left:10px;">({{data.code}})</span>
        <span flex></span>
        <button md-icon-button (click)="save()"><md-icon>save</md-icon></button>
    </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">
                    <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('org_parent_id')" flex [(ngModel)]="data.org_parent_id" name="org_parent_id">
                                    <md-option *ngFor="let org of parentOrganizations" [value]="org.id">
                                        {{org.label}}
                                    </md-option>
                                </md-select>
                                <error-checker [fieldName]="getFieldName('org_parent_id')" [formField]="form.controls.org_parent_id"></error-checker>
                            </div>
                        </div>
                        <div layout="row" layout-fill layout-padding >
                            <td-chips flex [mdTooltip]="$L.get('Users with access to this organization')" [placeholder]="$L.get('Select users')" 
                                        [items]="usernames" [(ngModel)]="data.users_ids" name="users_ids" requireMatch>
                            </td-chips>
                        </div>
                    </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>