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