Subversion Repositories bacoAlunos

Rev

Rev 1870 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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