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

Subversion Repositories bacoAlunos

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