Subversion Repositories bacoAlunos

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%--
    customPane Need component customPane in variable customPane
    docAppSelector selector usualy an html ID for ng-app example #docReport
    Attribute in request classTextComponent
    Attribute in request classImageComponent
--%>
<script type="text/ng-template" id="customPane_renderer.html">
    <div class="customPane clearfix">
        <style>
            .buttonTools
            {
                border: 1px solid gray;
                background-color: lightgray;
                padding: 5px;
            }
            .customPane
            {
                padding: 15px;
            }
            .documentSimpleComponent
            {
                border: 1px solid gray;
                padding: 5px;
                margin-bottom: 5px;
            }
            .componentBody
            {
                border: 1px solid gray;
                padding: 5px;
            }
        </style>

        <div class="buttonTools clearfix">
            <button class="btn btn-default pullleft" type="button" ng-click="addText(report.introSection.customPane)">
                <span class="glyphicon glyphicon-plus"></span>
                <span class="glyphicon glyphicon-font"></span>
            </button>

            <button class="btn btn-default pullleft" type="button" ng-click="addImage(report.introSection.customPane)">
                <span class="glyphicon glyphicon-plus"></span>
                <span class="glyphicon glyphicon-picture"></span>
            </button>

            Secção personalizada
        </div>
    <div class="customPane">


        <div class="clearfix documentSimpleComponent" ng-repeat="comp in customPane.components">
            <div class="buttonTools clearfix">
                <button class="btn btn-danger pullright" type="button" ng-click="removeComponent($index,customPane.components)">
                    <span class="glyphicon glyphicon-remove"></span>
                </button>
                <label ng-if="comp.class=='${classTextComponent}'">Componente de Texto</label>
                <label ng-if="comp.class=='${classImageComponent}'">Componente de Imagem (Use esta funcinalidade para adicionar gráficos ou tabelas que ache necessárias)</label>

            </div>

            <div class="componentBody" ng-if="comp.class=='${classImageComponent}'">
                <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 class="componentBody" ng-if="comp.class=='${classTextComponent}'">
                <div class="form-group clearfix">
                    <label class="col-md-2 control-label">Titulo</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>
    <div>
</script>