1,5 → 1,9 |
<%@ page contentType="text/html;charset=UTF-8" language="java" %> |
<style> |
.sections |
{ |
padding-left: 20px; |
} |
.buttonTools |
{ |
border: 1px solid gray; |
23,7 → 27,12 |
} |
</style> |
|
<!--Require templateObj--> |
<script type="text/ng-template" id="callDocumentTemplate"> |
|
<div ng-include="class2id(templateObj)"></div> |
</script> |
|
<%-- |
customPane Need component customPane in variable customPane |
docAppSelector selector usualy an html ID for ng-app example #docReport |
40,70 → 49,72 |
<span class="glyphicon glyphicon-plus"></span> |
<span class="glyphicon glyphicon-picture"></span> |
</button> |
Secção personalizada |
Secção personalizada |
</div> |
<div class="componentBody"> |
<div class="clearfix" ng-repeat="subComp in comp.components" ng-init="parent=comp;comp=subComp" ng-include="class2id(subComp)"> |
|
</div> |
<div> |
<div> |
</div> |
</div> |
</div> |
</script> |
|
<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_ImageComponent"> |
<div class="imageComponent component"> |
<div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="buttonTools clearfix"> |
<button class="btn btn-danger pull-right" type="button" ng-click="removeComponent($index,parent.components)"> |
<span class="glyphicon glyphicon-remove"></span> |
</button> |
<label>Componente de Imagem (Use esta funcinalidade para adicionar gráficos ou tabelas que ache necessárias)</label> |
<button class="btn btn-danger pull-right" type="button" ng-click="removeComponent($index,parent.components)"> |
<span class="glyphicon glyphicon-remove"></span> |
</button> |
<label>Componente de Imagem (Use esta funcinalidade para adicionar gráficos ou tabelas que ache necessárias)</label> |
</div> |
|
<div class="componentBody" ng-if="comp['@class']=='pt.estgp.estgweb.utils.documentBuilder.ImageComponent'"> |
<div class="form-group clearfix" ng-if="comp.image.identifier"> |
<label class="col-md-2 control-label">Legenda</label> |
<div class="col-md-10"> |
<input type="text" class="form-control" rows="10" ng-model="comp.title"> |
</div> |
<div class="componentBody"> |
<div class="form-group clearfix" ng-if="comp.image.identifier"> |
<label class="col-md-2 control-label">Legenda</label> |
<div class="col-md-10"> |
<input type="text" class="form-control" rows="10" ng-model="comp.title"> |
</div> |
<div class="form-group clearfix"> |
<div class="col-md-2 control-label"> |
<a class="btn btn-default" href="#" ng-model="comp" |
data-title="Escolha Imagem" |
data-showmetafields="false" |
data-confirmonupload="true" |
data-toggle="modal" |
data-target="#filesUploadModal" |
data-multiple="false" |
data-allowed-extensions="jpg,png,gif" |
data-callback-target-function="angular.element($('{{docAppSelector}}')).scope().callbackUploadedFiles"> |
</div> |
<div class="form-group clearfix"> |
<div class="col-md-2 control-label"> |
<a class="btn btn-default" href="#" ng-model="comp" |
data-title="Escolha Imagem" |
data-showmetafields="false" |
data-confirmonupload="true" |
data-toggle="modal" |
data-target="#filesUploadModal" |
data-multiple="false" |
data-allowed-extensions="jpg,png,gif" |
data-callback-target-function="angular.element($('{{docAppSelector}}')).scope().callbackUploadedFiles"> |
<span ng-if="comp.image.identifier"> |
Substituir Imagem |
</span> |
<span ng-if="!(comp.image.identifier)"> |
<span ng-if="!(comp.image.identifier)"> |
Carregar Imagem |
</span> |
|
<span class="glyphicon glyphicon-upload"/> |
<span class="glyphicon glyphicon-upload"/> |
|
</a> |
</a> |
</div> |
|
<div class="col-md-10"> |
<div ng-if="!(comp.image.identifier)"> |
Clique em carregar imagens e escolha uma imagem para adicionar nesta secção. |
</div> |
|
<div class="col-md-10"> |
<div ng-if="!(comp.image.identifier)"> |
Clique em carregar imagens e escolha uma imagem para adicionar nesta secção. |
</div> |
|
<label ng-if="comp.image.identifier"> Limites do PDF </label> |
<div ng-if="comp.image.identifier" style="text-align: center; width: 595px; border: 1px solid black; padding: 45px"> |
<center> |
<div style="width: 200px;height: 200px; max-width: 500px; max-height: 750px" resizable on-resize="resize($evt, $ui, comp)"> |
<img style="width: 100%;height: 100%" ng-src="{{comp.imageUrl}}"> |
</div> |
(Se desejar altere o tamanho da imagem arrastando no canto inferior direito) |
</center> |
</div> |
<label ng-if="comp.image.identifier"> Limites do PDF </label> |
<div ng-if="comp.image.identifier" style="text-align: center; width: 595px; border: 1px solid black; padding: 45px"> |
<center> |
<div style="width: 200px;height: 200px; max-width: 500px; max-height: 750px" resizable on-resize="resize($evt, $ui, comp)"> |
<img style="width: 100%;height: 100%" ng-src="{{comp.imageUrl}}"> |
</div> |
(Se desejar altere o tamanho da imagem arrastando no canto inferior direito) |
</center> |
</div> |
</div> |
</div> |
</div> |
</div> |
120,7 → 131,7 |
</div> |
<div class="componentBody"> |
<div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="form-group clearfix"> |
<label class="col-md-2 control-label">Titulo de Parágrafo</label> |
<label class="col-md-2 control-label">Titulo de Parágrafo</label> |
<div class="col-md-10"> |
<input type="text" class="form-control" rows="10" ng-model="comp.title"> |
</div> |
135,4 → 146,33 |
</div> |
</div> |
</div> |
</script> |
|
<!-- |
@section objeto com seccoes e componentes |
@optional @chapter capitulo do documento para esta seccao para contcatenar às subsections |
--> |
<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_DocumentSection"> |
<div class="sections"> |
<ul class="nav nav-tabs"> |
<li ng-model="section" class="separatorSectionNav" |
ng-class="{ active : subSection.active}" |
ng-repeat="subSection in section.sections"> |
<a ng-click="showSep(section,subSection)"> {{$chapter}}{{$index+1}} - {{subSection.title}}</a> |
</li> |
</ul> |
<div ng-model="subSection" |
ng-class="{ hidden: !subSection.active }" |
ng-repeat="subSection in section.sections" |
class="separatorSection clearfix"> |
<div ng-repeat="comp in subSection.components" |
ng-include="class2id(comp)"> |
|
</div> |
<div ng-if="subSection.sections" |
ng-init="section=subSection;$chapter=$chapter+($index+1)+'.'" |
ng-include="class2id(subSection)"> |
</div> |
</div> |
</div> |
</script> |