Commit fe8815bdb476d1ff99068e1e374aa16cf1c5ae91
1 parent
16d7b028
Exists in
master
Melhoria de layout no cadastro de pacotes
Showing
1 changed file
with
235 additions
and
239 deletions
Show diff stats
cit-esi-web/src/main/webapp/html/pack/packEdit.html
... | ... | @@ -66,247 +66,243 @@ |
66 | 66 | </div><!-- .col --> |
67 | 67 | </div><!-- .row --> |
68 | 68 | </fieldset> |
69 | - | |
70 | - <div class="row"> | |
71 | - <div class="col-sm-4"> | |
72 | - <fieldset> | |
73 | - <legend><h4><translate>ESI.DROOLS_DSLR</translate></h4></legend> | |
74 | - <div class="row"> | |
75 | - <div class="col-sm-12"> | |
76 | - <auto-complete | |
77 | - ng-find="findDSLR(value)" | |
78 | - ng-set-result="setDSLR(item)" | |
79 | - ng-acao-borracha="clearDSLR()" | |
80 | - ng-item="item.name" | |
81 | - ng-id="dslr" | |
82 | - ng-label="" | |
83 | - ng-model="dslr" | |
84 | - ng-disabled="false" | |
85 | - form="packForm" | |
86 | - ng-obrigatorio="false"> | |
87 | - </auto-complete> | |
88 | - </div> | |
89 | - </div> | |
90 | - <div class="row"> | |
91 | - <div class="col-sm-1"> | |
92 | - </div> | |
93 | - <div class="col-sm-11"> | |
94 | - <table class="table table-striped table-bordered table-hover table-striped"> | |
95 | - <tbody> | |
96 | - <tr ng-repeat="dslr in pack.elements" ng-if="dslr.type == 'DSLR'"> | |
97 | - <td width="3%" class="text-center"> | |
98 | - <a href="" ng-click="removeElement(dslr)"> | |
99 | - <i class="ace-icon fa fa-times red"></i> | |
100 | - </a> | |
101 | - </td> | |
102 | - <td >{{dslr.name}}</td> | |
103 | - </tr> | |
104 | - </tbody> | |
105 | - </table> | |
106 | - </div> | |
107 | - </div> | |
108 | - </fieldset> | |
109 | - </div> | |
110 | - | |
111 | - <div class="col-sm-4"> | |
112 | - <fieldset> | |
113 | - <legend><h4><translate>ESI.REGRAS_NEGOCIO</translate></h4></legend> | |
114 | - <div class="row"> | |
115 | - <div class="col-sm-12"> | |
116 | - <auto-complete | |
117 | - ng-find="findBusinessRule(value)" | |
118 | - ng-acao-borracha="clearBusinessRule()" | |
119 | - ng-set-result="setBusinessRule(item)" | |
120 | - ng-item="item.description" | |
121 | - ng-label="" | |
122 | - ng-model="businessRule" | |
123 | - ng-disabled="false" | |
124 | - form="packForm" | |
125 | - ng-obrigatorio="false"> | |
126 | - </auto-complete> | |
127 | - </div> | |
128 | - </div> | |
129 | - <div class="row"> | |
130 | - <div class="col-sm-1"> | |
131 | - </div> | |
132 | - <div class="col-sm-11"> | |
133 | - <table class="table table-striped table-bordered table-hover table-striped"> | |
134 | - <tbody> | |
135 | - <tr ng-repeat="rule in pack.elements" ng-if="rule.type == 'BUSINESS_RULE'"> | |
136 | - <td width="3%" class="text-center"> | |
137 | - <a href="" ng-click="removeElement(rule)"> | |
138 | - <i class="ace-icon fa fa-times red"></i> | |
139 | - </a> | |
140 | - </td> | |
141 | - <td >{{rule.description}}</td> | |
142 | - </tr> | |
143 | - </tbody> | |
144 | - </table> | |
145 | - </div> | |
146 | - </div> | |
147 | - </fieldset> | |
148 | - </div> | |
149 | - | |
150 | - <div class="col-sm-4"> | |
151 | - <fieldset> | |
152 | - <legend><h4><translate>ESI.FLUXOS</translate></h4></legend> | |
153 | - <div class="row"> | |
154 | - <div class="col-sm-12"> | |
155 | - <auto-complete | |
156 | - ng-find="findFlow(value)" | |
157 | - ng-acao-borracha="clearFlow()" | |
158 | - ng-set-result="setFlow(item)" | |
159 | - ng-item="item.description" | |
160 | - ng-label="" | |
161 | - ng-model="flow" | |
162 | - ng-disabled="false" | |
163 | - form="packForm" | |
164 | - ng-obrigatorio="false"> | |
165 | - </auto-complete> | |
166 | - </div> | |
167 | - </div> | |
168 | - <div class="row"> | |
169 | - <div class="col-sm-1"> | |
170 | - </div> | |
171 | - <div class="col-sm-11"> | |
172 | - <table class="table table-striped table-bordered table-hover table-striped"> | |
173 | - <tbody> | |
174 | - <tr ng-repeat="flow in pack.elements" ng-if="flow.type == 'FLOW'"> | |
175 | - <td width="3%" class="text-center"> | |
176 | - <a href="" ng-click="removeElement(flow)"> | |
177 | - <i class="ace-icon fa fa-times red"></i> | |
178 | - </a> | |
179 | - </td> | |
180 | - <td >{{flow.description}}</td> | |
181 | - </tr> | |
182 | - </tbody> | |
183 | - </table> | |
184 | - </div> | |
185 | - </div> | |
186 | - </fieldset> | |
187 | - </div> | |
188 | - </div> | |
189 | - | |
190 | - <div class="row"> | |
191 | - <div class="col-sm-4"> | |
192 | - <fieldset> | |
193 | - <legend><h4><translate>ESI.OBJETOS_DADOS</translate></h4></legend> | |
194 | - <div class="row"> | |
195 | - <div class="col-sm-12"> | |
196 | - <auto-complete | |
197 | - ng-find="findDataObject(value)" | |
198 | - ng-set-result="setDataObject(item)" | |
199 | - ng-acao-borracha="clearDataObject()" | |
200 | - ng-item="item.description" | |
201 | - ng-id="dataObject" | |
202 | - ng-label="" | |
203 | - ng-model="dataObject" | |
204 | - ng-disabled="false" | |
205 | - form="packForm" | |
206 | - ng-obrigatorio="false"> | |
207 | - </auto-complete> | |
208 | - </div> | |
209 | - </div> | |
210 | - <div class="row"> | |
211 | - <div class="col-sm-1"> | |
212 | - </div> | |
213 | - <div class="col-sm-11"> | |
214 | - <table class="table table-striped table-bordered table-hover table-striped"> | |
215 | - <tbody> | |
216 | - <tr ng-repeat="element in pack.elements" ng-if="element.type == 'DATA_OBJECT'"> | |
217 | - <td width="3%" class="text-center"> | |
218 | - <a href="" ng-click="removeElement(element)"> | |
219 | - <i class="ace-icon fa fa-times red"></i> | |
220 | - </a> | |
221 | - </td> | |
222 | - <td >{{element.description}}</td> | |
223 | - </tr> | |
224 | - </tbody> | |
225 | - </table> | |
226 | - </div> | |
227 | - </div> | |
228 | - </fieldset> | |
229 | - </div> | |
230 | - | |
231 | - <div class="col-sm-4"> | |
232 | - <fieldset> | |
233 | - <legend><h4><translate>ESI.FORMULARIOS</translate></h4></legend> | |
234 | - <div class="row"> | |
235 | - <div class="col-sm-12"> | |
236 | - <auto-complete | |
237 | - ng-find="findForm(value)" | |
238 | - ng-set-result="setForm(item)" | |
239 | - ng-acao-borracha="clearForm()" | |
240 | - ng-item="item.description" | |
241 | - ng-id="formResource" | |
242 | - ng-label="" | |
243 | - ng-model="formResource" | |
244 | - ng-disabled="false" | |
245 | - form="packForm" | |
246 | - ng-obrigatorio="false"> | |
247 | - </auto-complete> | |
248 | - </div> | |
249 | - </div> | |
250 | - <div class="row"> | |
251 | - <div class="col-sm-1"> | |
252 | - </div> | |
253 | - <div class="col-sm-11"> | |
254 | - <table class="table table-striped table-bordered table-hover table-striped"> | |
255 | - <tbody> | |
256 | - <tr ng-repeat="form in pack.elements" ng-if="form.type == 'FORM'"> | |
257 | - <td width="3%" class="text-center"> | |
258 | - <a href="" ng-click="removeElement(form)"> | |
259 | - <i class="ace-icon fa fa-times red"></i> | |
260 | - </a> | |
261 | - </td> | |
262 | - <td >{{form.description}}</td> | |
263 | - </tr> | |
264 | - </tbody> | |
265 | - </table> | |
266 | - </div> | |
267 | - </div> | |
268 | - </fieldset> | |
269 | - </div> | |
69 | + | |
270 | 70 | |
271 | - <div class="col-sm-4"> | |
272 | - <fieldset> | |
273 | - <legend><h4><translate>ESI.PROCESSOS_NEGOCIO</translate></h4></legend> | |
274 | - <div class="row"> | |
275 | - <div class="col-sm-12"> | |
276 | - <auto-complete | |
277 | - ng-find="findBusinessProcess(value)" | |
278 | - ng-acao-borracha="clearBusinessProcess()" | |
279 | - ng-set-result="setBusinessProcess(item)" | |
280 | - ng-item="item.description" | |
281 | - ng-label="" | |
282 | - ng-model="businessProcess" | |
283 | - ng-disabled="false" | |
284 | - form="packForm" | |
285 | - ng-obrigatorio="false"> | |
286 | - </auto-complete> | |
287 | - </div> | |
288 | - </div> | |
289 | - <div class="row"> | |
290 | - <div class="col-sm-1"> | |
291 | - </div> | |
292 | - <div class="col-sm-11"> | |
293 | - <table class="table table-striped table-bordered table-hover table-striped"> | |
294 | - <tbody> | |
295 | - <tr ng-repeat="process in pack.elements" ng-if="process.type == 'BUSINESS_PROCESS'"> | |
296 | - <td width="3%" class="text-center"> | |
297 | - <a href="" ng-click="removeElement(process)"> | |
298 | - <i class="ace-icon fa fa-times red"></i> | |
299 | - </a> | |
300 | - </td> | |
301 | - <td >{{process.description}}</td> | |
302 | - </tr> | |
303 | - </tbody> | |
304 | - </table> | |
71 | + <div class="row"> | |
72 | + <div class="col-sm-2"> | |
73 | + </div> | |
74 | + <div class="col-sm-8"> | |
75 | + <fieldset> | |
76 | + <legend><translate>ESI.ELEMENTOS</translate></legend> | |
77 | + <tabset class="tabbable tabs-left" vertical="true" ng-show="!interfaceUsuario.resource && !interfaceUsuario.executeCustomPage"> | |
78 | + <tab> | |
79 | + <tab-heading><translate>ESI.DROOLS_DSLR</tab-heading> | |
80 | + <div class="row"> | |
81 | + <div class="col-sm-12"> | |
82 | + <auto-complete | |
83 | + ng-find="findDSLR(value)" | |
84 | + ng-set-result="setDSLR(item)" | |
85 | + ng-acao-borracha="clearDSLR()" | |
86 | + ng-item="item.name" | |
87 | + ng-id="dslr" | |
88 | + ng-label="" | |
89 | + ng-model="dslr" | |
90 | + ng-disabled="false" | |
91 | + form="packForm" | |
92 | + ng-obrigatorio="false"> | |
93 | + </auto-complete> | |
94 | + </div> | |
95 | + </div> | |
96 | + <div class="row" style="min-height:250px"> | |
97 | + <div class="col-sm-1"> | |
98 | + </div> | |
99 | + <div class="col-sm-11"> | |
100 | + <table class="table table-striped table-bordered table-hover table-striped"> | |
101 | + <tbody> | |
102 | + <tr ng-repeat="dslr in pack.elements" ng-if="dslr.type == 'DSLR'"> | |
103 | + <td width="3%" class="text-center"> | |
104 | + <a href="" ng-click="removeElement(dslr)"> | |
105 | + <i class="ace-icon fa fa-times red"></i> | |
106 | + </a> | |
107 | + </td> | |
108 | + <td >{{dslr.name}}</td> | |
109 | + </tr> | |
110 | + </tbody> | |
111 | + </table> | |
112 | + </div> | |
305 | 113 | </div> |
306 | - </div> | |
307 | - </fieldset> | |
308 | - </div> | |
309 | - </div> | |
114 | + </tab> | |
115 | + | |
116 | + <tab> | |
117 | + <tab-heading><translate>ESI.REGRAS_NEGOCIO</tab-heading> | |
118 | + <div class="row"> | |
119 | + <div class="col-sm-12"> | |
120 | + <auto-complete | |
121 | + ng-find="findBusinessRule(value)" | |
122 | + ng-acao-borracha="clearBusinessRule()" | |
123 | + ng-set-result="setBusinessRule(item)" | |
124 | + ng-item="item.description" | |
125 | + ng-label="" | |
126 | + ng-model="businessRule" | |
127 | + ng-disabled="false" | |
128 | + form="packForm" | |
129 | + ng-obrigatorio="false"> | |
130 | + </auto-complete> | |
131 | + </div> | |
132 | + </div> | |
133 | + <div class="row" style="min-height:250px"> | |
134 | + <div class="col-sm-1"> | |
135 | + </div> | |
136 | + <div class="col-sm-11"> | |
137 | + <table class="table table-striped table-bordered table-hover table-striped"> | |
138 | + <tbody> | |
139 | + <tr ng-repeat="rule in pack.elements" ng-if="rule.type == 'BUSINESS_RULE'"> | |
140 | + <td width="3%" class="text-center"> | |
141 | + <a href="" ng-click="removeElement(rule)"> | |
142 | + <i class="ace-icon fa fa-times red"></i> | |
143 | + </a> | |
144 | + </td> | |
145 | + <td >{{rule.description}}</td> | |
146 | + </tr> | |
147 | + </tbody> | |
148 | + </table> | |
149 | + </div> | |
150 | + </div> | |
151 | + </tab> | |
310 | 152 | |
153 | + <tab> | |
154 | + <tab-heading><translate>ESI.FLUXOS</tab-heading> | |
155 | + <div class="row"> | |
156 | + <div class="col-sm-12"> | |
157 | + <auto-complete | |
158 | + ng-find="findFlow(value)" | |
159 | + ng-acao-borracha="clearFlow()" | |
160 | + ng-set-result="setFlow(item)" | |
161 | + ng-item="item.description" | |
162 | + ng-label="" | |
163 | + ng-model="flow" | |
164 | + ng-disabled="false" | |
165 | + form="packForm" | |
166 | + ng-obrigatorio="false"> | |
167 | + </auto-complete> | |
168 | + </div> | |
169 | + </div> | |
170 | + <div class="row" style="min-height:250px"> | |
171 | + <div class="col-sm-1"> | |
172 | + </div> | |
173 | + <div class="col-sm-11"> | |
174 | + <table class="table table-striped table-bordered table-hover table-striped"> | |
175 | + <tbody> | |
176 | + <tr ng-repeat="flow in pack.elements" ng-if="flow.type == 'FLOW'"> | |
177 | + <td width="3%" class="text-center"> | |
178 | + <a href="" ng-click="removeElement(flow)"> | |
179 | + <i class="ace-icon fa fa-times red"></i> | |
180 | + </a> | |
181 | + </td> | |
182 | + <td >{{flow.description}}</td> | |
183 | + </tr> | |
184 | + </tbody> | |
185 | + </table> | |
186 | + </div> | |
187 | + </div> | |
188 | + </tab> | |
189 | + | |
190 | + <tab> | |
191 | + <tab-heading><translate>ESI.OBJETOS_DADOS</tab-heading> | |
192 | + <div class="row"> | |
193 | + <div class="col-sm-12"> | |
194 | + <auto-complete | |
195 | + ng-find="findDataObject(value)" | |
196 | + ng-set-result="setDataObject(item)" | |
197 | + ng-acao-borracha="clearDataObject()" | |
198 | + ng-item="item.description" | |
199 | + ng-id="dataObject" | |
200 | + ng-label="" | |
201 | + ng-model="dataObject" | |
202 | + ng-disabled="false" | |
203 | + form="packForm" | |
204 | + ng-obrigatorio="false"> | |
205 | + </auto-complete> | |
206 | + </div> | |
207 | + </div> | |
208 | + <div class="row" style="min-height:250px"> | |
209 | + <div class="col-sm-1"> | |
210 | + </div> | |
211 | + <div class="col-sm-11"> | |
212 | + <table class="table table-striped table-bordered table-hover table-striped"> | |
213 | + <tbody> | |
214 | + <tr ng-repeat="element in pack.elements" ng-if="element.type == 'DATA_OBJECT'"> | |
215 | + <td width="3%" class="text-center"> | |
216 | + <a href="" ng-click="removeElement(element)"> | |
217 | + <i class="ace-icon fa fa-times red"></i> | |
218 | + </a> | |
219 | + </td> | |
220 | + <td >{{element.description}}</td> | |
221 | + </tr> | |
222 | + </tbody> | |
223 | + </table> | |
224 | + </div> | |
225 | + </div> | |
226 | + </tab> | |
227 | + | |
228 | + <tab> | |
229 | + <tab-heading><translate>ESI.FORMULARIOS</tab-heading> | |
230 | + <div class="row"> | |
231 | + <div class="col-sm-12"> | |
232 | + <auto-complete | |
233 | + ng-find="findForm(value)" | |
234 | + ng-set-result="setForm(item)" | |
235 | + ng-acao-borracha="clearForm()" | |
236 | + ng-item="item.description" | |
237 | + ng-id="formResource" | |
238 | + ng-label="" | |
239 | + ng-model="formResource" | |
240 | + ng-disabled="false" | |
241 | + form="packForm" | |
242 | + ng-obrigatorio="false"> | |
243 | + </auto-complete> | |
244 | + </div> | |
245 | + </div> | |
246 | + <div class="row" style="min-height:250px"> | |
247 | + <div class="col-sm-1"> | |
248 | + </div> | |
249 | + <div class="col-sm-11"> | |
250 | + <table class="table table-striped table-bordered table-hover table-striped"> | |
251 | + <tbody> | |
252 | + <tr ng-repeat="form in pack.elements" ng-if="form.type == 'FORM'"> | |
253 | + <td width="3%" class="text-center"> | |
254 | + <a href="" ng-click="removeElement(form)"> | |
255 | + <i class="ace-icon fa fa-times red"></i> | |
256 | + </a> | |
257 | + </td> | |
258 | + <td >{{form.description}}</td> | |
259 | + </tr> | |
260 | + </tbody> | |
261 | + </table> | |
262 | + </div> | |
263 | + </div> | |
264 | + </tab> | |
265 | + | |
266 | + <tab> | |
267 | + <tab-heading><translate>ESI.PROCESSOS_NEGOCIO</tab-heading> | |
268 | + <div class="row"> | |
269 | + <div class="col-sm-12"> | |
270 | + <auto-complete | |
271 | + ng-find="findBusinessProcess(value)" | |
272 | + ng-acao-borracha="clearBusinessProcess()" | |
273 | + ng-set-result="setBusinessProcess(item)" | |
274 | + ng-item="item.description" | |
275 | + ng-label="" | |
276 | + ng-model="businessProcess" | |
277 | + ng-disabled="false" | |
278 | + form="packForm" | |
279 | + ng-obrigatorio="false"> | |
280 | + </auto-complete> | |
281 | + </div> | |
282 | + </div> | |
283 | + <div class="row" style="min-height:250px"> | |
284 | + <div class="col-sm-1"> | |
285 | + </div> | |
286 | + <div class="col-sm-11"> | |
287 | + <table class="table table-striped table-bordered table-hover table-striped"> | |
288 | + <tbody> | |
289 | + <tr ng-repeat="process in pack.elements" ng-if="process.type == 'BUSINESS_PROCESS'"> | |
290 | + <td width="3%" class="text-center"> | |
291 | + <a href="" ng-click="removeElement(process)"> | |
292 | + <i class="ace-icon fa fa-times red"></i> | |
293 | + </a> | |
294 | + </td> | |
295 | + <td >{{process.description}}</td> | |
296 | + </tr> | |
297 | + </tbody> | |
298 | + </table> | |
299 | + </div> | |
300 | + </div> | |
301 | + </tab> | |
302 | + </tabset> | |
303 | + </div> | |
304 | + </fieldset> | |
305 | + </div> | |
306 | + | |
311 | 307 | </form> |
312 | 308 | </div><!-- .page-content --> | ... | ... |