Subversion Repositories bacoAlunos

<%@ 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>