Subversion Repositories bacoAlunos

Rev

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

Rev 1830 Rev 1848
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>
- 
 
 3 
    .buttonTools
- 
 
 4 
    {
- 
 
 5 
        border: 1px solid gray;
- 
 
 6 
        background-color: lightgray;
- 
 
 7 
        padding: 5px;
- 
 
 8 
    }
- 
 
 9 
    .customComponent
- 
 
 10 
    {
- 
 
 11 
        padding: 0;
- 
 
 12 
    }
- 
 
 13 
    .documentSimpleComponent
- 
 
 14 
    {
- 
 
 15 
        border: 1px solid gray;
- 
 
 16 
        padding: 5px;
- 
 
 17 
        margin-bottom: 5px;
- 
 
 18 
    }
- 
 
 19 
    .componentBody
- 
 
 20 
    {
- 
 
 21 
        border: 1px solid gray;
- 
 
 22 
        padding: 5px;
- 
 
 23 
    }
- 
 
 24 
</style>
- 
 
 25 
 
2 
 
 26 
 
3 
<%--
 27 
<%--
4 
    customPane Need component customPane in variable customPane
 28 
    customPane Need component customPane in variable customPane
5 
    docAppSelector selector usualy an html ID for ng-app example #docReport
 29 
    docAppSelector selector usualy an html ID for ng-app example #docReport
6 
    Attribute in request classTextComponent
 - 
 
7 
    Attribute in request classImageComponent
 - 
 
8 
--%>
 30 
--%>
9 
<script type="text/ng-template" id="customPane_renderer.html">
 31 
<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_CustomPane">
10 
    <div class="customPane clearfix">
 32 
    <div class="customComponent clearfix component">
11 
        <style>
 - 
 
12 
            .buttonTools
 - 
 
13 
            {
 - 
 
14 
                border: 1px solid gray;
 - 
 
15 
                background-color: lightgray;
 - 
 
16 
                padding: 5px;
 - 
 
17 
            }
 - 
 
18 
            .customPane
 - 
 
19 
            {
 - 
 
20 
                padding: 15px;
 - 
 
21 
            }
 - 
 
22 
            .documentSimpleComponent
 - 
 
23 
            {
 - 
 
24 
                border: 1px solid gray;
 - 
 
25 
                padding: 5px;
 - 
 
26 
                margin-bottom: 5px;
 - 
 
27 
            }
 - 
 
28 
            .componentBody
 - 
 
29 
            {
 - 
 
30 
                border: 1px solid gray;
 - 
 
31 
                padding: 5px;
 - 
 
32 
            }
 - 
 
33 
        </style>
 - 
 
34 
 
 - 
 
35 
        <div class="buttonTools clearfix">
 33 
        <div class="buttonTools clearfix">
36 
            <button class="btn btn-default pullleft" type="button" ng-click="addText(report.introSection.customPane)">
 34 
            <button class="btn btn-default pullleft" type="button" ng-click="addText(comp)">
37 
                <span class="glyphicon glyphicon-plus"></span>
 35 
                <span class="glyphicon glyphicon-plus"></span>
38 
                <span class="glyphicon glyphicon-font"></span>
 36 
                <span class="glyphicon glyphicon-font"></span>
39 
            </button>
 37 
            </button>
40 
 
 38 
 
41 
            <button class="btn btn-default pullleft" type="button" ng-click="addImage(report.introSection.customPane)">
 39 
            <button class="btn btn-default pullleft" type="button" ng-click="addImage(comp)">
42 
                <span class="glyphicon glyphicon-plus"></span>
 40 
                <span class="glyphicon glyphicon-plus"></span>
43 
                <span class="glyphicon glyphicon-picture"></span>
 41 
                <span class="glyphicon glyphicon-picture"></span>
44 
            </button>
 42 
            </button>
45 
 
 - 
 
46 
            Secção personalizada
 43 
            Secção personalizada
47 
        </div>
 44 
        </div>
48 
    <div class="customPane">
 45 
        <div class="componentBody">
- 
 
 46 
            <div class="clearfix" ng-repeat="subComp in comp.components" ng-init="parent=comp;comp=subComp" ng-include="class2id(subComp)">
49 
 
 47 
 
- 
 
 48 
            </div>
- 
 
 49 
        <div>
- 
 
 50 
    </div>
- 
 
 51 
</script>
50 
 
 52 
 
51 
        <div class="clearfix documentSimpleComponent" ng-repeat="comp in customPane.components">
 53 
<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_ImageComponent">
52 
            <div class="buttonTools clearfix">
 54 
    <div class="imageComponent component">
- 
 
 55 
        <div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="buttonTools clearfix">
53 
                <button class="btn btn-danger pullright" type="button" ng-click="removeComponent($index,customPane.components)">
 56 
                <button class="btn btn-danger pull-right" type="button" ng-click="removeComponent($index,parent.components)">
54 
                    <span class="glyphicon glyphicon-remove"></span>
 57 
                    <span class="glyphicon glyphicon-remove"></span>
55 
                </button>
 58 
                </button>
56 
                <label ng-if="comp.class=='${classTextComponent}'">Componente de Texto</label>
 - 
 
57 
                <label ng-if="comp.class=='${classImageComponent}'">Componente de Imagem (Use esta funcinalidade para adicionar gráficos ou tabelas que ache necessárias)</label>
 59 
                <label>Componente de Imagem (Use esta funcinalidade para adicionar gráficos ou tabelas que ache necessárias)</label>
58 
 
 - 
 
59 
            </div>
 60 
        </div>
60 
 
 61 
 
61 
            <div class="componentBody" ng-if="comp.class=='${classImageComponent}'">
 62 
        <div class="componentBody" ng-if="comp['@class']=='pt.estgp.estgweb.utils.documentBuilder.ImageComponent'">
62 
                <div class="form-group clearfix" ng-if="comp.image.identifier">
 63 
                <div class="form-group clearfix" ng-if="comp.image.identifier">
63 
                    <label class="col-md-2 control-label">Legenda</label>
 64 
                    <label class="col-md-2 control-label">Legenda</label>
64 
                    <div class="col-md-10">
 65 
                    <div class="col-md-10">
65 
                        <input type="text" class="form-control" rows="10" ng-model="comp.title">
 66 
                        <input type="text" class="form-control" rows="10" ng-model="comp.title">
66 
                    </div>
 67 
                    </div>
67 
                </div>
 68 
                </div>
68 
                <div class="form-group clearfix">
 69 
                <div class="form-group clearfix">
69 
                    <div class="col-md-2 control-label">
 70 
                    <div class="col-md-2 control-label">
70 
                        <a class="btn btn-default" href="#" ng-model="comp"
 71 
                        <a class="btn btn-default" href="#" ng-model="comp"
71 
                        data-title="Escolha Imagem"
 72 
                            data-title="Escolha Imagem"
72 
                        data-showmetafields="false"
 73 
                            data-showmetafields="false"
73 
                        data-confirmonupload="true"
 74 
                            data-confirmonupload="true"
74 
                        data-toggle="modal"
 75 
                            data-toggle="modal"
75 
                        data-target="#filesUploadModal"
 76 
                            data-target="#filesUploadModal"
76 
                        data-multiple="false"
 77 
                            data-multiple="false"
77 
                        data-allowed-extensions="jpg,png,gif"
 78 
                            data-allowed-extensions="jpg,png,gif"
78 
                        data-callback-target-function="angular.element($('{{docAppSelector}}')).scope().callbackUploadedFiles">
 79 
                            data-callback-target-function="angular.element($('{{docAppSelector}}')).scope().callbackUploadedFiles">
79 
                            <span ng-if="comp.image.identifier">
 80 
                            <span ng-if="comp.image.identifier">
80 
                            Substituir Imagem
 81 
                                    Substituir Imagem
81 
                            </span>
 82 
                            </span>
82 
                            <span ng-if="!(comp.image.identifier)">
 83 
                            <span ng-if="!(comp.image.identifier)">
83 
                            Carregar Imagem
 84 
                                    Carregar Imagem
84 
                            </span>
 85 
                            </span>
85 
 
 86 
 
86 
                            <span class="glyphicon glyphicon-upload"/>
 87 
                            <span class="glyphicon glyphicon-upload"/>
87 
 
 88 
 
88 
                        </a>
 89 
                        </a>
89 
                    </div>
 90 
                    </div>
90 
 
 91 
 
91 
                    <div class="col-md-10">
 92 
                    <div class="col-md-10">
92 
                        <div ng-if="!(comp.image.identifier)">
 93 
                            <div ng-if="!(comp.image.identifier)">
93 
                        Clique em carregar imagens e escolha uma imagem para adicionar nesta secção.
 94 
                            Clique em carregar imagens e escolha uma imagem para adicionar nesta secção.
94 
                        </div>
 95 
                        </div>
95 
 
 96 
 
96 
                        <label ng-if="comp.image.identifier"> Limites do PDF </label>
 97 
                        <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">
 98 
                        <div ng-if="comp.image.identifier" style="text-align: center; width: 595px; border: 1px solid black; padding: 45px">
98 
                            <center>
 99 
                            <center>
Line 101... Line 102...
101 
                                </div>
 102 
                                </div>
102 
                                (Se desejar altere o tamanho da imagem arrastando no canto inferior direito)
 103 
                                (Se desejar altere o tamanho da imagem arrastando no canto inferior direito)
103 
                            </center>
 104 
                            </center>
104 
                        </div>
 105 
                        </div>
105 
                    </div>
 106 
                    </div>
106 
                </div>
 - 
 
107 
            </div>
 107 
            </div>
- 
 
 108 
        </div>
- 
 
 109 
    </div>
- 
 
 110 
</script>
108 
 
 111 
 
- 
 
 112 
<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_TextComponent">
- 
 
 113 
    <div class="textComponent component">
109 
 
 114 
 
- 
 
 115 
        <div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="buttonTools clearfix">
110 
            <div class="componentBody" ng-if="comp.class=='${classTextComponent}'">
 116 
            <button class="btn btn-danger pull-right" type="button" ng-click="removeComponent($index,parent.components)">
- 
 
 117 
                <span class="glyphicon glyphicon-remove"></span>
- 
 
 118 
            </button>
- 
 
 119 
            <label>Componente de Texto</label>
- 
 
 120 
        </div>
111 
                <div class="form-group clearfix">
 121 
        <div class="componentBody">
- 
 
 122 
            <div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="form-group clearfix">
112 
                    <label class="col-md-2 control-label">Titulo</label>
 123 
                <label class="col-md-2 control-label">Titulo de Parágrafo</label>
113 
                    <div class="col-md-10">
 124 
                <div class="col-md-10">
114 
                        <input type="text" class="form-control" rows="10" ng-model="comp.title">
 125 
                    <input type="text" class="form-control" rows="10" ng-model="comp.title">
115 
                    </div>
 - 
 
116 
                </div>
 126 
                </div>
- 
 
 127 
            </div>
117 
                <div class="form-group clearfix">
 128 
            <div class="form-group clearfix">
118 
                    <label class="col-md-2 control-label">Texto</label>
 129 
                <label class="col-md-2 control-label">Texto</label>
119 
                    <div class="col-md-10">
 130 
                <div class="col-md-10">
120 
                        <textarea class="form-control" rows="10" ng-model="comp.text">
 131 
                    <textarea class="form-control" rows="10" ng-model="comp.text">
121 
 
 132 
 
122 
                        </textarea>
 133 
                    </textarea>
123 
                    </div>
 - 
 
124 
                </div>
 134 
                </div>
125 
            </div>
 135 
            </div>
126 
        </div>
 136 
        </div>
127 
    <div>
 137 
    </div>
128 
</script>
 138 
</script>
129 
 
 139