Subversion Repositories bacoAlunos

Compare Revisions

Ignore whitespace Rev 1830 → Rev 1848

/branches/v3/impl/src/web/user/utils/documentsBuilder.jsp
1,64 → 1,65
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style>
.buttonTools
{
border: 1px solid gray;
background-color: lightgray;
padding: 5px;
}
.customComponent
{
padding: 0;
}
.documentSimpleComponent
{
border: 1px solid gray;
padding: 5px;
margin-bottom: 5px;
}
.componentBody
{
border: 1px solid gray;
padding: 5px;
}
</style>
 
 
<%--
customPane Need component customPane in variable customPane
docAppSelector selector usualy an html ID for ng-app example #docReport
Attribute in request classTextComponent
Attribute in request classImageComponent
--%>
<script type="text/ng-template" id="customPane_renderer.html">
<div class="customPane clearfix">
<style>
.buttonTools
{
border: 1px solid gray;
background-color: lightgray;
padding: 5px;
}
.customPane
{
padding: 15px;
}
.documentSimpleComponent
{
border: 1px solid gray;
padding: 5px;
margin-bottom: 5px;
}
.componentBody
{
border: 1px solid gray;
padding: 5px;
}
</style>
 
<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_CustomPane">
<div class="customComponent clearfix component">
<div class="buttonTools clearfix">
<button class="btn btn-default pullleft" type="button" ng-click="addText(report.introSection.customPane)">
<button class="btn btn-default pullleft" type="button" ng-click="addText(comp)">
<span class="glyphicon glyphicon-plus"></span>
<span class="glyphicon glyphicon-font"></span>
</button>
 
<button class="btn btn-default pullleft" type="button" ng-click="addImage(report.introSection.customPane)">
<button class="btn btn-default pullleft" type="button" ng-click="addImage(comp)">
<span class="glyphicon glyphicon-plus"></span>
<span class="glyphicon glyphicon-picture"></span>
</button>
 
Secção personalizada
</div>
<div class="customPane">
<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>
</script>
 
<div class="clearfix documentSimpleComponent" ng-repeat="comp in customPane.components">
<div class="buttonTools clearfix">
<button class="btn btn-danger pullright" type="button" ng-click="removeComponent($index,customPane.components)">
<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 ng-if="comp.class=='${classTextComponent}'">Componente de Texto</label>
<label ng-if="comp.class=='${classImageComponent}'">Componente de Imagem (Use esta funcinalidade para adicionar gráficos ou tabelas que ache necessárias)</label>
<label>Componente de Imagem (Use esta funcinalidade para adicionar gráficos ou tabelas que ache necessárias)</label>
</div>
 
</div>
 
<div class="componentBody" ng-if="comp.class=='${classImageComponent}'">
<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">
68,19 → 69,19
<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">
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
Substituir Imagem
</span>
<span ng-if="!(comp.image.identifier)">
Carregar Imagem
Carregar Imagem
</span>
 
<span class="glyphicon glyphicon-upload"/>
89,8 → 90,8
</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 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>
103,26 → 104,35
</center>
</div>
</div>
</div>
</div>
</div>
</div>
</script>
 
<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_TextComponent">
<div class="textComponent component">
 
<div class="componentBody" ng-if="comp.class=='${classTextComponent}'">
<div class="form-group clearfix">
<label class="col-md-2 control-label">Titulo</label>
<div class="col-md-10">
<input type="text" class="form-control" rows="10" ng-model="comp.title">
</div>
<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 Texto</label>
</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>
<div class="col-md-10">
<input type="text" class="form-control" rows="10" ng-model="comp.title">
</div>
<div class="form-group clearfix">
<label class="col-md-2 control-label">Texto</label>
<div class="col-md-10">
<textarea class="form-control" rows="10" ng-model="comp.text">
</div>
<div class="form-group clearfix">
<label class="col-md-2 control-label">Texto</label>
<div class="col-md-10">
<textarea class="form-control" rows="10" ng-model="comp.text">
 
</textarea>
</div>
</textarea>
</div>
</div>
</div>
<div>
</div>
</script>