Commit fe8815bdb476d1ff99068e1e374aa16cf1c5ae91

Authored by Carlos Alberto
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,247 +66,243 @@
66 </div><!-- .col --> 66 </div><!-- .col -->
67 </div><!-- .row --> 67 </div><!-- .row -->
68 </fieldset> 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 </div> 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 </form> 307 </form>
312 </div><!-- .page-content --> 308 </div><!-- .page-content -->