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>