1
1
$output.file("web/src/app/entities/${entity.model.var}/${entity.model.var}-detail.component.html")##
2
2
## -- [MACRO]
3
3
#macro(xToOneEdit $relation)
4
- <div class="ui-grid-row">
5
- <div class="ui-grid-col-2"><label for="$relation.to.var">${relation.labels.label}#{if}($relation.isMandatory()) *#{end}</label></div>
6
- <div class="ui-grid-col-4">
4
+ <div class="ui-g-12 ui-md-2 ui-lg-1"><label for="$relation.to.var"#{if}($relation.isMandatory()) class="required"#{end}>${relation.labels.label}</label></div>
5
+ <div class="ui-g-12 ui-md-10 ui-lg-5">
6
+ <div class="ui-g">
7
+ <div class="ui-g-12 ui-md-5 ui-lg-5">
7
8
<${relation.toEntity.model.var}-auto-complete [(ngModel)]="${entity.model.var}.${relation.to.var}" id="${relation.to.var}" name="${relation.to.var}" [disabled]="sub"></${relation.toEntity.model.var}-auto-complete>
8
9
</div>
9
- <div class="ui-grid-col-1 ">
10
+ <div class="ui-g-12 ui-md-2 ui-lg-2 ">
10
11
<button pButton id="goto${relation.to.varUp}" type="button" (click)="goto${relation.to.varUp}()" *ngIf="!sub && ${entity.model.var}.${relation.to.var}" icon="fa-pencil" label="Edit"></button>
11
12
</div>
12
- <div class="ui-grid-col-1 ">
13
+ <div class="ui-g-12 ui-md-2 ui-lg-2 ">
13
14
<button pButton id="clear${relation.to.varUp}" type="button" (click)="clear${relation.to.varUp}()" *ngIf="!sub && ${entity.model.var}.${relation.to.var}" icon="fa-chain-broken" label="Clear"></button>
14
15
</div>
16
+ </div>
15
17
</div>
16
18
#end
17
19
#macro(required $attribute)
18
- #if($attribute.isRequired() && $attribute.isString() ) required #end
20
+ #if($attribute.isRequired()) required #end
19
21
#end
20
22
#macro(minlength $attribute)
21
23
#if($attribute.columnConfig.hasMin()) minlength="$attribute.columnConfig.min"#end
22
24
#end
23
- #macro(asterisk $attribute)
24
- #if($attribute.isRequired()) * #end
25
+ #macro(requiredclass $attribute)
26
+ #if($attribute.isRequired()) class="required" #end
25
27
#end
26
28
#macro(mderror $attribute)
27
29
28
- #if($attribute.isRequired() && $attribute.isString() )
30
+ #if($attribute.isRequired())
29
31
<md-error *ngIf="!${attribute.var}.valid && ${attribute.var}.dirty && ${attribute.var}.errors['required']">
30
32
$attribute.labels.label is required.
31
33
</md-error>
@@ -50,7 +52,7 @@ $output.file("web/src/app/entities/${entity.model.var}/${entity.model.var}-detai
50
52
<md-card *ngIf="$entity.model.var" ngForm #${entity.model.var}Form="ngForm">
51
53
<md-card-title>$entity.model.type Details</md-card-title>
52
54
<md-card-content>
53
- <div class="ui-grid ui-grid-responsive ui-fluid ui-grid-pad ">
55
+ <div class="ui-g alignlabels ">
54
56
## ---------------------------------------------------------
55
57
#foreach($attr in $entity.formAttributes.flatUp.list)
56
58
#if ($attr.isSimplePk() && !$attr.jpa.isManuallyAssigned())
@@ -63,71 +65,70 @@ $output.file("web/src/app/entities/${entity.model.var}/${entity.model.var}-detai
63
65
#else
64
66
#set( $valuePath = "$attr.fullVar")##
65
67
#end
66
- <div class="ui-grid-row">
67
- <div class="ui-grid-col-2"><label for="$attr.var">$attr.labels.label #asterisk($attr)</label></div>
68
+ <div class="ui-g-12 ui-md-2 ui-lg-1"><label for="$attr.var" #requiredclass($attr)>$attr.labels.label</label></div>
68
69
#if($attr.springMvc.isPassword())
69
- <div class="ui-grid-col-2 ">
70
- <md-input-container style="width: 100 %">
70
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
71
+ <md-input-container style="width: 90 %">
71
72
<input mdInput type="password" [(ngModel)]="$valuePath" #required($attr) #minlength($attr) name="$attr.var" ${p}$attr.var="ngModel"/>
72
73
#mderror($attr)
73
74
</md-input-container>
74
75
#elseif($attr.isHtml())
75
76
todo html
76
77
#elseif($attr.isTextArea())
77
- <div class="ui-grid-col-6 ">
78
- <md-input-container style="width: 100 %">
79
- <textarea mdInput id="$attr.var" [(ngModel)]="$valuePath" autoResize="true" name="$attr.var" ${p}$attr.var="ngModel"></textarea>
78
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
79
+ <md-input-container style="width: 90 %">
80
+ <textarea mdInput id="$attr.var" [(ngModel)]="$valuePath" #required($attr) #minlength($attr) autoResize="true" name="$attr.var" ${p}$attr.var="ngModel"></textarea>
80
81
#mderror($attr)
81
82
</md-input-container>
82
83
#elseif($attr.isEnum())
83
- <div class="ui-grid-col-2 ">
84
- <md-select [(ngModel)]="$valuePath" name="$attr.var" ${p}$attr.var="ngModel" style="width: 100 %">
84
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
85
+ <md-select [(ngModel)]="$valuePath" name="$attr.var" ${p}$attr.var="ngModel" style="width: 90 %">
85
86
<md-option *ngFor="let ${attr.var}Option of ${attr.var}Options" [value]="${attr.var}Option.value">{{ ${attr.var}Option.label }}</md-option>
86
87
</md-select>
87
88
#elseif($attr.isEmail())
88
- <div class="ui-grid-col-3 ">
89
- <md-input-container style="width: 100 %">
89
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
90
+ <md-input-container style="width: 90 %">
90
91
<input mdInput id="$attr.var" type="email" [(ngModel)]="$valuePath" #required($attr) #minlength($attr) validateEmail name="$attr.var" ${p}$attr.var="ngModel"/>
91
92
#mderror($attr)
92
93
</md-input-container>
93
94
#elseif($attr.isUrl())
94
- <div class="ui-grid-col-4 ">
95
- <md-input-container style="width: 100 %">
96
- <input mdInput id="$attr.var" type="url" [(ngModel)]="$valuePath" #required($attr) #minlength($attr) name="$attr.var" ${p}$attr.var="ngModel"/>
95
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
96
+ <md-input-container style="width: 90 %">
97
+ <input mdInput id="$attr.var" type="url" pattern="^http.*" [(ngModel)]="$valuePath" #required($attr) #minlength($attr) name="$attr.var" ${p}$attr.var="ngModel"/>
97
98
#mderror($attr)
98
99
</md-input-container>
99
100
#elseif($attr.isString())
100
- <div class="ui-grid-col-4 ">
101
- <md-input-container style="width: 100 %">
101
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
102
+ <md-input-container style="width: 90 %">
102
103
<input mdInput id="$attr.var" type="text" [(ngModel)]="$valuePath" #required($attr) #minlength($attr) name="$attr.var" ${p}$attr.var="ngModel"/>
103
104
#mderror($attr)
104
105
</md-input-container>
105
106
#elseif($attr.isNumeric())
106
- <div class="ui-grid-col-2 ">
107
- <md-input-container style="width: 100 %">
107
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
108
+ <md-input-container style="width: 90 %">
108
109
<input mdInput id="$attr.var" type="number" [(ngModel)]="$valuePath" #required($attr) name="$attr.var" ${p}$attr.var="ngModel" />
109
110
#mderror($attr)
110
111
</md-input-container>
111
112
#elseif($attr.isDate() && !$attr.isVersion())
112
113
#if($attr.isJavaUtilOnlyDate() || $attr.isLocalDate())
113
- <div class="ui-grid-col-2 ">
114
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
114
115
<md-input-container>
115
116
<input mdInput id="$attr.var" [mdDatepicker]="${attr.var}Picker" [(ngModel)]="$valuePath" #required($attr) name="$attr.var" ${p}$attr.var="ngModel">
116
117
<button mdSuffix [mdDatepickerToggle]="${attr.var}Picker"></button>
117
118
</md-input-container>
118
119
<md-datepicker ${pound}${attr.var}Picker></md-datepicker>
119
120
#elseif($attr.isLocalDateTime() || $attr.isInstant())
120
- <div class="ui-grid-col-2 ">
121
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
121
122
<p-calendar [(ngModel)]="$valuePath" dateFormat="yy-mm-dd" showTime="true" [ngModelOptions]="{standalone: true}"></p-calendar>
122
123
#else
123
- <div class="ui-grid-col-2 ">
124
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
124
125
Date type not supported, do it manually and send us the solution!
125
126
#end
126
127
#elseif($attr.isBoolean())
127
- <div class="ui-grid-col-2 ">
128
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
128
129
<p-triStateCheckbox [(ngModel)]="$valuePath" name="$attr.var"></p-triStateCheckbox>{{$valuePath}}
129
130
#elseif($attr.isFile() && $attr.filename)
130
- <div class="ui-grid-col-8 ">
131
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
131
132
<ul *ngIf="${entity.model.var}.${attr.filename.var}">
132
133
<li><a href="/api/${entity.model.vars}/{{${entity.model.var}.${identifiableProperty.var}}}/download/${attr.var}">Download {{${entity.model.var}.${attr.filename.var}}}</a></li>
133
134
<li>Content-Type: {{${entity.model.var}.${attr.fileContentType.var}}}</li>
@@ -140,14 +141,13 @@ $output.file("web/src/app/entities/${entity.model.var}/${entity.model.var}-detai
140
141
Please save the form before being able to upload a file
141
142
</p>
142
143
#else
143
- <div class="ui-grid-col-4 ">
144
- <md-input-container style="width: 100 %">
144
+ <div class="ui-g-12 ui-md-10 ui-lg-5 ">
145
+ <md-input-container style="width: 90 %">
145
146
<input mdInput id="$attr.var" type="text" [(ngModel)]="$valuePath" #required($attr) #minlength($attr) name="$attr.var" ${p}$attr.var="ngModel"/>
146
147
#mderror($attr)
147
148
</md-input-container>
148
149
#end
149
150
</div>
150
- </div>
151
151
#end ##---------- [/NON VERSION]
152
152
#end ## foreach(....
153
153
## ---------------------------------------------------------
@@ -162,6 +162,7 @@ $output.file("web/src/app/entities/${entity.model.var}/${entity.model.var}-detai
162
162
## TABS FOR RELATIONS
163
163
##
164
164
#if($entity.inverseOneToOne.flatUp.size > 0 || $entity.oneToMany.flatUp.size > 0 || $entity.manyToMany.flatUp.size > 0)
165
+ <br/>
165
166
<md-card *ngIf="$entity.model.var && ${entity.model.var}.$identifiableProperty.var">
166
167
<md-card-subtitle>$entity.model.type db relations</md-card-subtitle>
167
168
<md-card-content>
0 commit comments