Rev 1894 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed
Rev | Author | Line No. | Line |
---|---|---|---|
1830 | jmachado | 1 | <%@ page contentType="text/html;charset=UTF-8" language="java" %> |
1848 | jmachado | 2 | <style> |
1888 | grupo2 | 3 | .sections |
4 | { |
||
5 | padding-left: 20px; |
||
6 | } |
||
1848 | jmachado | 7 | .buttonTools |
8 | { |
||
9 | border: 1px solid gray; |
||
10 | background-color: lightgray; |
||
11 | padding: 5px; |
||
12 | } |
||
13 | .customComponent |
||
14 | { |
||
15 | padding: 0; |
||
16 | } |
||
17 | .documentSimpleComponent |
||
18 | { |
||
19 | border: 1px solid gray; |
||
20 | padding: 5px; |
||
21 | margin-bottom: 5px; |
||
22 | } |
||
23 | .componentBody |
||
24 | { |
||
25 | border: 1px solid gray; |
||
26 | padding: 5px; |
||
27 | } |
||
1934 | grupo2 | 28 | |
29 | .ta-editor.form-control.myform1-height, .ta-scroll-window.form-control.myform1-height { |
||
30 | min-height: 200px; |
||
31 | height: auto; |
||
32 | overflow: auto; |
||
33 | font-family: inherit; |
||
34 | font-size: 100%; |
||
35 | } |
||
36 | .form-control.myform1-height > .ta-bind { |
||
37 | height: auto; |
||
38 | min-height: 200px; |
||
39 | padding: 6px 12px; |
||
40 | } |
||
41 | |||
42 | #textAngular-editableFix-010203040506070809 { |
||
43 | visibility: hidden; |
||
44 | } |
||
1848 | jmachado | 45 | </style> |
1830 | jmachado | 46 | |
1888 | grupo2 | 47 | <!--Require templateObj--> |
48 | <script type="text/ng-template" id="callDocumentTemplate"> |
||
1848 | jmachado | 49 | |
1888 | grupo2 | 50 | <div ng-include="class2id(templateObj)"></div> |
51 | </script> |
||
52 | |||
1830 | jmachado | 53 | <%-- |
54 | customPane Need component customPane in variable customPane |
||
55 | docAppSelector selector usualy an html ID for ng-app example #docReport |
||
56 | --%> |
||
1848 | jmachado | 57 | <script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_CustomPane"> |
58 | <div class="customComponent clearfix component"> |
||
1830 | jmachado | 59 | <div class="buttonTools clearfix"> |
1848 | jmachado | 60 | <button class="btn btn-default pullleft" type="button" ng-click="addText(comp)"> |
1830 | jmachado | 61 | <span class="glyphicon glyphicon-plus"></span> |
62 | <span class="glyphicon glyphicon-font"></span> |
||
63 | </button> |
||
64 | |||
1848 | jmachado | 65 | <button class="btn btn-default pullleft" type="button" ng-click="addImage(comp)"> |
1830 | jmachado | 66 | <span class="glyphicon glyphicon-plus"></span> |
67 | <span class="glyphicon glyphicon-picture"></span> |
||
68 | </button> |
||
69 | Secção personalizada |
||
70 | </div> |
||
1848 | jmachado | 71 | <div class="componentBody"> |
72 | <div class="clearfix" ng-repeat="subComp in comp.components" ng-init="parent=comp;comp=subComp" ng-include="class2id(subComp)"> |
||
1830 | jmachado | 73 | |
1848 | jmachado | 74 | </div> |
1890 | grupo1 | 75 | </div> |
1848 | jmachado | 76 | </script> |
1830 | jmachado | 77 | |
1848 | jmachado | 78 | <script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_ImageComponent"> |
79 | <div class="imageComponent component"> |
||
80 | <div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="buttonTools clearfix"> |
||
1888 | grupo2 | 81 | <button class="btn btn-danger pull-right" type="button" ng-click="removeComponent($index,parent.components)"> |
82 | <span class="glyphicon glyphicon-remove"></span> |
||
83 | </button> |
||
84 | <label>Componente de Imagem (Use esta funcinalidade para adicionar gráficos ou tabelas que ache necessárias)</label> |
||
1848 | jmachado | 85 | </div> |
1830 | jmachado | 86 | |
1888 | grupo2 | 87 | <div class="componentBody"> |
88 | <div class="form-group clearfix" ng-if="comp.image.identifier"> |
||
89 | <label class="col-md-2 control-label">Legenda</label> |
||
90 | <div class="col-md-10"> |
||
91 | <input type="text" class="form-control" rows="10" ng-model="comp.title"> |
||
1830 | jmachado | 92 | </div> |
1888 | grupo2 | 93 | </div> |
94 | <div class="form-group clearfix"> |
||
95 | <div class="col-md-2 control-label"> |
||
96 | <a class="btn btn-default" href="#" ng-model="comp" |
||
97 | data-title="Escolha Imagem" |
||
98 | data-showmetafields="false" |
||
99 | data-confirmonupload="true" |
||
100 | data-toggle="modal" |
||
101 | data-target="#filesUploadModal" |
||
102 | data-multiple="false" |
||
103 | data-allowed-extensions="jpg,png,gif" |
||
104 | data-callback-target-function="angular.element($('{{docAppSelector}}')).scope().callbackUploadedFiles"> |
||
1830 | jmachado | 105 | <span ng-if="comp.image.identifier"> |
1848 | jmachado | 106 | Substituir Imagem |
1830 | jmachado | 107 | </span> |
108 | <span ng-if="!(comp.image.identifier)"> |
||
1848 | jmachado | 109 | Carregar Imagem |
1830 | jmachado | 110 | </span> |
111 | |||
1888 | grupo2 | 112 | <span class="glyphicon glyphicon-upload"/> |
1830 | jmachado | 113 | |
1888 | grupo2 | 114 | </a> |
115 | </div> |
||
116 | |||
117 | <div class="col-md-10"> |
||
118 | <div ng-if="!(comp.image.identifier)"> |
||
119 | Clique em carregar imagens e escolha uma imagem para adicionar nesta secção. |
||
1830 | jmachado | 120 | </div> |
121 | |||
1888 | grupo2 | 122 | <label ng-if="comp.image.identifier"> Limites do PDF </label> |
123 | <div ng-if="comp.image.identifier" style="text-align: center; width: 595px; border: 1px solid black; padding: 45px"> |
||
124 | <center> |
||
125 | <div style="width: 200px;height: 200px; max-width: 500px; max-height: 750px" resizable on-resize="resize($evt, $ui, comp)"> |
||
126 | <img style="width: 100%;height: 100%" ng-src="{{comp.imageUrl}}"> |
||
127 | </div> |
||
128 | (Se desejar altere o tamanho da imagem arrastando no canto inferior direito) |
||
129 | </center> |
||
1830 | jmachado | 130 | </div> |
1888 | grupo2 | 131 | </div> |
1830 | jmachado | 132 | </div> |
1848 | jmachado | 133 | </div> |
134 | </div> |
||
135 | </script> |
||
1830 | jmachado | 136 | |
1848 | jmachado | 137 | <script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_TextComponent"> |
138 | <div class="textComponent component"> |
||
1830 | jmachado | 139 | |
1848 | jmachado | 140 | <div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="buttonTools clearfix"> |
141 | <button class="btn btn-danger pull-right" type="button" ng-click="removeComponent($index,parent.components)"> |
||
142 | <span class="glyphicon glyphicon-remove"></span> |
||
143 | </button> |
||
144 | <label>Componente de Texto</label> |
||
145 | </div> |
||
146 | <div class="componentBody"> |
||
147 | <div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="form-group clearfix"> |
||
148 | <label class="col-md-2 control-label">Titulo de Parágrafo</label> |
||
149 | <div class="col-md-10"> |
||
150 | <input type="text" class="form-control" rows="10" ng-model="comp.title"> |
||
1830 | jmachado | 151 | </div> |
1848 | jmachado | 152 | </div> |
153 | <div class="form-group clearfix"> |
||
154 | <label class="col-md-2 control-label">Texto</label> |
||
155 | <div class="col-md-10"> |
||
1934 | grupo2 | 156 | <text-angular ng-model="comp.text" ta-text-editor-class="form-control myform1-height" ta-html-editor-class="form-control myform1-height"></text-angular> |
1830 | jmachado | 157 | </div> |
158 | </div> |
||
159 | </div> |
||
1848 | jmachado | 160 | </div> |
1888 | grupo2 | 161 | </script> |
162 | |||
163 | <!-- |
||
164 | @section objeto com seccoes e componentes |
||
165 | @optional @chapter capitulo do documento para esta seccao para contcatenar às subsections |
||
166 | --> |
||
167 | <script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_DocumentSection"> |
||
168 | <div class="sections"> |
||
169 | <ul class="nav nav-tabs"> |
||
170 | <li ng-model="section" class="separatorSectionNav" |
||
171 | ng-class="{ active : subSection.active}" |
||
172 | ng-repeat="subSection in section.sections"> |
||
173 | <a ng-click="showSep(section,subSection)"> {{$chapter}}{{$index+1}} - {{subSection.title}}</a> |
||
174 | </li> |
||
175 | </ul> |
||
176 | <div ng-model="subSection" |
||
177 | ng-class="{ hidden: !subSection.active }" |
||
178 | ng-repeat="subSection in section.sections" |
||
179 | class="separatorSection clearfix"> |
||
180 | <div ng-repeat="comp in subSection.components" |
||
181 | ng-include="class2id(comp)"> |
||
182 | |||
183 | </div> |
||
184 | <div ng-if="subSection.sections" |
||
185 | ng-init="section=subSection;$chapter=$chapter+($index+1)+'.'" |
||
186 | ng-include="class2id(subSection)"> |
||
187 | </div> |
||
188 | </div> |
||
189 | </div> |
||
1894 | grupo2 | 190 | </script> |