| New file |
|---|
| 0,0 → 1,328 |
|---|
| <%@ taglib uri="/WEB-INF/tlds/struts-html.tld" prefix="html" %> |
| <%@ taglib uri="/WEB-INF/tlds/struts-nested.tld" prefix="nested" %> |
| <%@ taglib uri="/WEB-INF/tlds/struts-logic.tld" prefix="logic" %> |
| <%@ taglib uri="/WEB-INF/tlds/struts-bean.tld" prefix="bean" %> |
| <%@ taglib uri="/WEB-INF/tlds/struts-tiles.tld" prefix="tiles" %> |
| <%@ taglib tagdir="/WEB-INF/tags" prefix="bacoTags" %> |
| <%@ page contentType="text/html;charset=UTF-8" language="java" %> |
| <style> |
| .bg-red{ |
| background-color: red !important; |
| color: #600000 !important; |
| padding: 10px; |
| } |
| .bg-green{ |
| background-color: green !important; |
| color: #00ff00 !important; |
| } |
| table tr td |
| { |
| background-color: red !important; |
| } |
| </style> |
| <div class="container-fluid"> |
| |
| <div id="treeAppPageContent" ng-app="treeAppPageContent" ng-controller="treeAppPageContentController"> |
| |
| |
| <script> |
| ping(); |
| var treeAppPageContent = angular.module('treeAppPageContent', ['ui.tree']); |
| GLOBAL_BacoAngularAppDependencies.push('treeAppPageContent'); |
| |
| <!-- estes codigos todos do remove e do toggle e etc's não mechi em nada limitei-me a copiar dos gajos--> |
| treeAppPageContent.controller('treeAppPageContentController', function ($scope) { |
| |
| $scope.data = { |
| "showTitle" : true, |
| "showDescription" : false |
| }; |
| |
| |
| |
| /* |
| $scope.data = [ |
| { |
| "id" : 1, |
| "name" : "Nao deixa fazer drag", |
| "nodrag" : true, |
| "isDirectory" : true |
| |
| }, |
| { |
| "id" : 2, |
| "name" : "Nao deixa fazer drop", |
| "nodrop" : true, |
| "isDirectory" : true |
| }, |
| { |
| "id" : 3, |
| "name" : "Deixa fazer Tudo", |
| "isDirectory" : true |
| }, |
| { |
| "id" : 4, |
| "name" : "Deixa fazer Tudo e ja foi movido", |
| "moved" : true, |
| "isDirectory" : true |
| }, |
| { |
| "id" : 5, |
| "name" : "Exemplo de folha nao deixa abrir", |
| "isDirectory" : false |
| } |
| ];*/ |
| $scope.treeOptions = { |
| accept: function(sourceNodeScope, destNodesScope, destIndex) { |
| if(sourceNodeScope.$modelValue.type == destNodesScope.$modeValue.type) |
| return true; |
| return false; |
| }, |
| dropped: function(e) { |
| //console.log (e.source.nodeScope.$modelValue); |
| //alert ("Largado o nó com nome: " + e.source.nodeScope.$modelValue.name + " sobre " + e.dest.nodesScope.$parent.$modelValue.name); |
| } |
| }; |
| |
| $scope.addRow = function(container) |
| { |
| if(!container.rows) |
| { |
| container.rows = []; |
| } |
| container.rows.push( |
| { |
| "showTitle" : true, |
| "showDescription" : false, |
| "type" : "row" |
| } |
| ); |
| } |
| $scope.addColumn = function(row) |
| { |
| if(!row.columns) |
| { |
| row.columns = []; |
| } |
| row.columns.push( |
| { |
| "showTitle" : true, |
| "showDescription" : false, |
| "cols" : 6, |
| "type" : "column" |
| } |
| ); |
| } |
| |
| $scope.getColStyle = function(column) |
| { |
| return "col-md-" + column.cols; |
| } |
| } |
| ); |
| |
| </script> |
| |
| |
| <div class="panel panel-primary"> |
| <div class="panel-heading clearfix"> |
| Criação de Interface para o Repositório Digital |
| </div> |
| <div class="panel-body"> |
| |
| <div class="web-messages"></div> |
| |
| |
| <div class="form-horizontal"> |
| <div class="form-group"> |
| <label class="col-md-1 control-label">ID</label> |
| <div class="col-md-11"> |
| <input disabled type="text" class="form-control" ng-model="data.id"/> |
| </div> |
| </div> |
| <div class="form-group"> |
| <label class="col-md-1 control-label">Título</label> |
| <div class="col-md-9"> |
| <input type="text" class="form-control" ng-model="data.title"/> |
| </div> |
| <div class="col-md-2"> |
| <select ng-class="{'bg-red': data.showTitle == false, 'bg-green': data.showTitle == true}" class="form-control chosenOff" type="text" ng-model="data.showTitle" ng-options="o.v as o.n for o in [{ n: 'Mostrar', v: true }, { n: 'Não Mostrar', v: false }]">> |
| |
| </select> |
| </div> |
| </div> |
| <div class="form-group"> |
| <label class="col-md-1 control-label">Descrição</label> |
| <div class="col-md-9"> |
| <textarea rows="3" class="form-control" ng-model="data.description"> |
| |
| </textarea> |
| </div> |
| <div class="col-md-2" > |
| <select ng-class="{'bg-red': data.showDescription == false, 'bg-green': data.showDescription == true}" class="form-control chosenOff" type="text" ng-model="data.showDescription" ng-options="o.v as o.n for o in [{ n: 'Mostrar', v: true }, { n: 'Não Mostrar', v: false }]">> |
| |
| </select> |
| </div> |
| </div> |
| <div class="panel panel-default"> |
| <div class="panel-heading">Linhas <button ng-click="addRow(data)" class="btn btn-default pull-right"><span class="glyphicon glyphicon-plus"></span> Linha</button></div> |
| <div class="panel-body" ui-tree="treeOptions" id="page-content-root"> |
| |
| <div ui-tree-nodes ng-model="data.rows"> |
| <div ng-repeat="row in data.rows" ui-tree-node ng-include="'rows_renderer.html'"></div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| |
| |
| <pre class="code">{{ data | json }}</pre> |
| |
| </div> |
| |
| |
| </div> |
| |
| </div> |
| |
| </div> |
| |
| |
| |
| <!--TEMPLATE RECURSIVO--> |
| <script type="text/ng-template" id="rows_renderer.html"> |
| <!--Para nao deixar fazer drag--> |
| <div class="row tree-node tree-node-content clearfix" ng-class="{modified: node.modified, nodrop: node.nodrop, nodrag: node.nodrag, moved: node.moved}"> |
| <div class="panel panel-primary"> |
| <div class="panel-heading"> <i class="glyphicon glyphicon-resize-vertical" ui-tree-handle></i> Linha {{$index + 1}} </div> |
| <div class="panel-body"> |
| |
| <div class="form-group"> |
| <label class="col-md-1 control-label">Título</label> |
| <div class="col-md-9"> |
| <input type="text" class="form-control" ng-model="row.title"/> |
| </div> |
| <div class="col-md-2"> |
| <select ng-class="{'bg-red': row.showTitle == false, 'bg-green': row.showTitle == true}" class="form-control chosenOff" type="text" ng-model="row.showTitle" ng-options="o.v as o.n for o in [{ n: 'Mostrar', v: true }, { n: 'Não Mostrar', v: false }]">> |
| |
| </select> |
| </div> |
| </div> |
| <div class="form-group"> |
| <label class="col-md-1 control-label">Descrição</label> |
| <div class="col-md-9"> |
| <textarea rows="3" class="form-control" ng-model="row.description"> |
| |
| </textarea> |
| </div> |
| <div class="col-md-2"> |
| <select ng-class="{'bg-red': row.showDescription == false, 'bg-green': row.showDescription == true}" class="form-control chosenOff" type="text" ng-model="row.showDescription" ng-options="o.v as o.n for o in [{ n: 'Mostrar', v: true }, { n: 'Não Mostrar', v: false }]">> |
| |
| </select> |
| </div> |
| </div> |
| |
| <div class="col-md-12" style="padding: 10px"> |
| <div class="panel panel-info"> |
| <div class="panel-heading clearfix"> |
| Colunas |
| <button ng-click="addColumn(row)" class="btn btn-default pull-right"><span class="glyphicon glyphicon-plus"></span> Coluna</button> |
| </div> |
| <div class="panel-body"> |
| |
| |
| <div class="row" ui-tree-nodes="" ng-model="row.columns"> |
| <div ng-class="getColStyle(column)" ng-repeat="column in row.columns" ui-tree-node ng-include="'columns_renderer.html'"> |
| |
| </div> |
| </div> |
| |
| </div> |
| </div> |
| </div> |
| |
| </div> |
| </div> |
| </div> |
| |
| |
| |
| </script> |
| |
| |
| <!--TEMPLATE RECURSIVO--> |
| <script type="text/ng-template" id="columns_renderer.html"> |
| <!--Para nao deixar fazer drag--> |
| <div class="clearfix" ng-class="{modified: node.modified, nodrop: node.nodrop, nodrag: node.nodrag, moved: node.moved}"> |
| <div class="panel panel-primary"> |
| <div class="panel-heading clearfix"> |
| <i class="glyphicon glyphicon-resize-vertical" ui-tree-handle></i> |
| Coluna {{$index + 1}} |
| <select class="pull-right chosenOff" |
| style="color:black" |
| ng-model="column.cols" |
| ng-options="o.v as o.n for o in [{ n: '1', v: 1 },{ n: '2', v: 2 },{ n: '3', v: 3 }, { n: '4', v: 4 }, { n: '5', v: 5 }, { n: '6', v: 6 }, { n: '7', v: 7 }, { n: '8', v: 8 }, { n: '9', v: 9 }, { n: '10', v: 10 }, { n: '11', v: 11 }, { n: '12', v: 12 }]"> |
| |
| |
| </select> |
| </div> |
| <div class="panel-body"> |
| |
| <div class="form-group"> |
| <label class="col-md-3 control-label">Título</label> |
| <div class="col-md-7"> |
| <input type="text" class="form-control" ng-model="column.title"/> |
| </div> |
| <div class="col-md-2"> |
| <select ng-class="{'bg-red': column.showTitle == false, 'bg-green': column.showTitle == true}" class="form-control chosenOff" ng-model="column.showTitle" ng-options="o.v as o.n for o in [{ n: 'Mostrar', v: true }, { n: 'Não Mostrar', v: false }]"> |
| |
| </select> |
| </div> |
| </div> |
| <div class="form-group"> |
| <label class="col-md-3 control-label">Descrição</label> |
| <div class="col-md-7"> |
| <textarea rows="3" class="form-control" ng-model="column.description"> |
| |
| </textarea> |
| </div> |
| <div class="col-md-2"> |
| <select ng-class="{'bg-red': column.showDescription == false, 'bg-green': column.showDescription == true}" class="form-control chosenOff" ng-model="column.showDescription" ng-options="o.v as o.n for o in [{ n: 'Mostrar', v: true }, { n: 'Não Mostrar', v: false }]"> |
| |
| </select> |
| </div> |
| </div> |
| |
| |
| <div class="col-md-12" style="padding: 10px"> |
| <div class="panel panel-info"> |
| <div class="panel-heading">Blocos</div> |
| <div class="panel-body"> |
| |
| |
| <div ui-tree-nodes="" ng-model="column.blocks"> |
| <div ng-repeat="block in column.blocks" ui-tree-node ng-include="'blocks_renderer.html'"> |
| </div> |
| </div> |
| |
| </div> |
| </div> |
| </div> |
| |
| </div> |
| </div> |
| </div> |
| |
| |
| |
| <!-- |
| <ol data-nodrag ui-tree-nodes="" data-nodrop-enabled="true" ng-model="node" ng-class="{hidden: collapsed }"> |
| <li ng-repeat="node in node.childs" ui-tree-node ng-include="'childs_renderer.html'"> |
| </li> |
| <li ng-repeat="node in node.documents" ui-tree-node ng-include="'documents_renderer.html'"> |
| </li> |
| </ol> |
| --> |
| |
| </script> |