Subversion Repositories bacoAlunos

Rev

Rev 1900 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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