WebSVN - bacoAlunos - Diff - Rev 1890 and 1894 - /branches/grupo2/impl/src/web/user/utils/documentsBuilder.jsp


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style>
    .sections
    {
        padding-left: 20px;
    }
    .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>
 
<!--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
--%>
<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(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(comp)">
                <span class="glyphicon glyphicon-plus"></span>
                <span class="glyphicon glyphicon-picture"></span>
            </button>
            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>
</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>
        </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>
            <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)">
                                    Carregar Imagem
                            </span>
 
                        <span class="glyphicon glyphicon-upload"/>
 
                    </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>
 
                    <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>
</script>
 
<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_TextComponent">
    <div class="textComponent 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 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>
            <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>
            </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>

 
 
 

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

Subversion Repositories bacoAlunos

(root)/branches/grupo2/impl/src/web/user/utils/documentsBuilder.jsp - Rev 1890 → 1894