WebSVN - bacoAlunos - Diff - Rev 1902 and 1916 - /branches/grupo1/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></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>
        </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>
 
Generated by GNU Enscript 1.6.5.2.
 
 

Rev 1902	Rev 1916
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></div>	58	</div></div>
-		59	</div>
-		60	</div>
59	</script>	61	</script>
60		62
61	<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_ImageComponent">	63	<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_ImageComponent">
62	<div class="imageComponent component">	64	<div class="imageComponent component">
63	<div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="buttonTools clearfix">	65	<div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="buttonTools clearfix">
64	<button class="btn btn-danger pull-right" type="button" ng-click="removeComponent($index,parent.components)">	66	<button class="btn btn-danger pull-right" type="button" ng-click="removeComponent($index,parent.components)">
65	<span class="glyphicon glyphicon-remove"></span>	67	<span class="glyphicon glyphicon-remove"></span>
66	</button>	68	</button>
67	<label>Componente de Imagem (Use esta funcinalidade para adicionar gráficos ou tabelas que ache necessárias)</label>	69	<label>Componente de Imagem (Use esta funcinalidade para adicionar gráficos ou tabelas que ache necessárias)</label>
68	</div>	70	</div>
69		71
70	<div class="componentBody">	72	<div class="componentBody">
71	<div class="form-group clearfix" ng-if="comp.image.identifier">	73	<div class="form-group clearfix" ng-if="comp.image.identifier">
72	<label class="col-md-2 control-label">Legenda</label>	74	<label class="col-md-2 control-label">Legenda</label>
73	<div class="col-md-10">	75	<div class="col-md-10">
74	<input type="text" class="form-control" rows="10" ng-model="comp.title">	76	<input type="text" class="form-control" rows="10" ng-model="comp.title">
75	</div>	77	</div>
76	</div>	78	</div>
77	<div class="form-group clearfix">	79	<div class="form-group clearfix">
78	<div class="col-md-2 control-label">	80	<div class="col-md-2 control-label">
79	<a class="btn btn-default" href="#" ng-model="comp"	81	<a class="btn btn-default" href="#" ng-model="comp"
80	data-title="Escolha Imagem"	82	data-title="Escolha Imagem"
81	data-showmetafields="false"	83	data-showmetafields="false"
82	data-confirmonupload="true"	84	data-confirmonupload="true"
83	data-toggle="modal"	85	data-toggle="modal"
84	data-target="#filesUploadModal"	86	data-target="#filesUploadModal"
85	data-multiple="false"	87	data-multiple="false"
86	data-allowed-extensions="jpg,png,gif"	88	data-allowed-extensions="jpg,png,gif"
87	data-callback-target-function="angular.element($('{{docAppSelector}}')).scope().callbackUploadedFiles">	89	data-callback-target-function="angular.element($('{{docAppSelector}}')).scope().callbackUploadedFiles">
88	<span ng-if="comp.image.identifier">	90	<span ng-if="comp.image.identifier">
89	Substituir Imagem	91	Substituir Imagem
90	</span>	92	</span>
91	<span ng-if="!(comp.image.identifier)">	93	<span ng-if="!(comp.image.identifier)">
92	Carregar Imagem	94	Carregar Imagem
93	</span>	95	</span>
94		96
95	<span class="glyphicon glyphicon-upload"/>	97	<span class="glyphicon glyphicon-upload"/>
96		98
97	</a>	99	</a>
98	</div>	100	</div>
99		101
100	<div class="col-md-10">	102	<div class="col-md-10">
101	<div ng-if="!(comp.image.identifier)">	103	<div ng-if="!(comp.image.identifier)">
102	Clique em carregar imagens e escolha uma imagem para adicionar nesta secção.	104	Clique em carregar imagens e escolha uma imagem para adicionar nesta secção.
103	</div>	105	</div>
104		106
105	<label ng-if="comp.image.identifier"> Limites do PDF </label>	107	<label ng-if="comp.image.identifier"> Limites do PDF </label>
106	<div ng-if="comp.image.identifier" style="text-align: center; width: 595px; border: 1px solid black; padding: 45px">	108	<div ng-if="comp.image.identifier" style="text-align: center; width: 595px; border: 1px solid black; padding: 45px">
107	<center>	109	<center>
108	<div style="width: 200px;height: 200px; max-width: 500px; max-height: 750px" resizable on-resize="resize($evt, $ui, comp)">	110	<div style="width: 200px;height: 200px; max-width: 500px; max-height: 750px" resizable on-resize="resize($evt, $ui, comp)">
109	<img style="width: 100%;height: 100%" ng-src="{{comp.imageUrl}}">	111	<img style="width: 100%;height: 100%" ng-src="{{comp.imageUrl}}">
110	</div>	112	</div>
111	(Se desejar altere o tamanho da imagem arrastando no canto inferior direito)	113	(Se desejar altere o tamanho da imagem arrastando no canto inferior direito)
112	</center>	114	</center>
113	</div>	115	</div>
114	</div>	116	</div>
115	</div>	117	</div>
116	</div>	118	</div>
117	</div>	119	</div>
118	</script>	120	</script>
119		121
120	<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_TextComponent">	122	<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_TextComponent">
121	<div class="textComponent component">	123	<div class="textComponent component">
122		124
123	<div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="buttonTools clearfix">	125	<div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="buttonTools clearfix">
124	<button class="btn btn-danger pull-right" type="button" ng-click="removeComponent($index,parent.components)">	126	<button class="btn btn-danger pull-right" type="button" ng-click="removeComponent($index,parent.components)">
125	<span class="glyphicon glyphicon-remove"></span>	127	<span class="glyphicon glyphicon-remove"></span>
126	</button>	128	</button>
127	<label>Componente de Texto</label>	129	<label>Componente de Texto</label>
128	</div>	130	</div>
129	<div class="componentBody">	131	<div class="componentBody">
130	<div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="form-group clearfix">	132	<div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="form-group clearfix">
131	<label class="col-md-2 control-label">Titulo de Parágrafo</label>	133	<label class="col-md-2 control-label">Titulo de Parágrafo</label>
132	<div class="col-md-10">	134	<div class="col-md-10">
133	<input type="text" class="form-control" rows="10" ng-model="comp.title">	135	<input type="text" class="form-control" rows="10" ng-model="comp.title">
134	</div>	136	</div>
135	</div>	137	</div>
136	<div class="form-group clearfix">	138	<div class="form-group clearfix">
137	<label class="col-md-2 control-label">Texto</label>	139	<label class="col-md-2 control-label">Texto</label>
138	<div class="col-md-10">	140	<div class="col-md-10">
139	<textarea class="form-control" rows="10" ng-model="comp.text">	141	<textarea class="form-control" rows="10" ng-model="comp.text">
140		142
141	</textarea>	143	</textarea>
142	</div>	144	</div>
143	</div>	145	</div>
144	</div>	146	</div>
145	</div>	147	</div>
146	</script>	148	</script>
147		149
148	<!--	150	<!--
149	@section objeto com seccoes e componentes	151	@section objeto com seccoes e componentes
150	@optional @chapter capitulo do documento para esta seccao para contcatenar às subsections	152	@optional @chapter capitulo do documento para esta seccao para contcatenar às subsections
151	-->	153	-->
152	<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_DocumentSection">	154	<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_DocumentSection">
153	<div class="sections">	155	<div class="sections">
154	<ul class="nav nav-tabs">	156	<ul class="nav nav-tabs">
155	<li ng-model="section" class="separatorSectionNav"	157	<li ng-model="section" class="separatorSectionNav"
156	ng-class="{ active : subSection.active}"	158	ng-class="{ active : subSection.active}"
157	ng-repeat="subSection in section.sections">	159	ng-repeat="subSection in section.sections">
158	<a ng-click="showSep(section,subSection)"> {{$chapter}}{{$index+1}} - {{subSection.title}}</a>	160	<a ng-click="showSep(section,subSection)"> {{$chapter}}{{$index+1}} - {{subSection.title}}</a>
159	</li>	161	</li>
160	</ul>	162	</ul>
161	<div ng-model="subSection"	163	<div ng-model="subSection"
162	ng-class="{ hidden: !subSection.active }"	164	ng-class="{ hidden: !subSection.active }"
163	ng-repeat="subSection in section.sections"	165	ng-repeat="subSection in section.sections"
164	class="separatorSection clearfix">	166	class="separatorSection clearfix">
165	<div ng-repeat="comp in subSection.components"	167	<div ng-repeat="comp in subSection.components"
166	ng-include="class2id(comp)">	168	ng-include="class2id(comp)">
167		169
168	</div>	170	</div>
169	<div ng-if="subSection.sections"	171	<div ng-if="subSection.sections"
170	ng-init="section=subSection;$chapter=$chapter+($index+1)+'.'"	172	ng-init="section=subSection;$chapter=$chapter+($index+1)+'.'"
171	ng-include="class2id(subSection)">	173	ng-include="class2id(subSection)">
172	</div>	174	</div>
173	</div>	175	</div>
174	</div>	176	</div>
175	</script>	177	</script>
176		178
177	Generated by GNU Enscript 1.6.5.2.	179	Generated by GNU Enscript 1.6.5.2.
178		180
179		181

Subversion Repositories bacoAlunos

(root)/branches/grupo1/impl/src/web/user/utils/documentsBuilder.jsp @ 1921 - Rev 1902 → 1916