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