Subversion Repositories bacoAlunos

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

<%@ page import="jomm.dao.impl.AbstractDao" %>

<%@ page import="pt.estgp.estgweb.domain.CourseImpl" %>

<%@ page import="pt.estgp.estgweb.domain.dao.DaoFactory" %>

<%@ page import="pt.estgp.estgweb.utils.documentBuilder.TextComponent" %>

<%@ page import="pt.estgp.estgweb.utils.documentBuilder.ImageComponent" %>

<%@ taglib uri="/WEB-INF/tlds/struts-logic.tld" prefix="logic" %>

<%@ taglib uri="/WEB-INF/tlds/struts-html.tld" prefix="html" %>

<%@ taglib uri="/WEB-INF/tlds/jomm.tld" prefix="jomm" %>

<%@ taglib uri="/WEB-INF/tlds/struts-bean.tld" prefix="bean" %>

<%@ taglib uri="/WEB-INF/tlds/struts-nested.tld" prefix="nested" %>

<%@ taglib uri="/WEB-INF/tlds/baco.tld" prefix="baco" %>

<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>

<link rel="stylesheet" href="<%=request.getContextPath()%>/js/jquery-ui-1.12.1/jquery-ui.css">

<script src="<%=request.getContextPath()%>/js/jquery-ui-1.12.1/jquery-ui.min.js"></script>

<link rel="stylesheet" href="<%=request.getContextPath()%>/css/flora-commons/flora.resizable.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>

<script>

    function demoFromHTML() {

        var pdf = new jsPDF('p', 'pt', 'letter');

        // source can be HTML-formatted string, or a reference

        // to an actual DOM element from which the text will be scraped.

        source = $('#courseReportApp')[0];

        // we support special element handlers. Register them with jQuery-style

        // ID selector for either ID or node name. ("#iAmID", "div", "span" etc.)

        // There is no support for any other type of selectors

        // (class, of compound) at this time.

        specialElementHandlers = {

            // element with id of "bypass" - jQuery style selector

            '#bypassme': function (element, renderer) {

                // true = "handled elsewhere, bypass text extraction"

                return true

            }

        };

        margins = {

            top: 80,

            bottom: 60,

            left: 40,

            width: 522

        };

        // all coords and widths are in jsPDF instance's declared units

        // 'inches' in this case

        pdf.fromHTML(

                source, // HTML string or DOM elem ref.

                margins.left, // x coord

                margins.top, { // y coord

                    'width': margins.width, // max width of content on PDF

                    'elementHandlers': specialElementHandlers

                },

                function (dispose) {

                    // dispose: object with X, Y of the last line add to the PDF

                    //          this allow the insertion of new lines after html

                    //var pdfDocument =  pdf.save('Test.pdf');

                    var pdfDocument = pdf.output();

                    var boundary = '---------------------------';

                    boundary += Math.floor(Math.random()*32768);

                    boundary += Math.floor(Math.random()*32768);

                    boundary += Math.floor(Math.random()*32768);

                    var body = '';

                    body += '--' + boundary + '\r\n' +

                            'Content-Disposition: form-data; name="filesInputId-UPLOAD[]"; filename="20170530_210340.pdf"' + '\r\n';

                    body += 'Content-Type: application/pdf';

                    body += '\r\n\r\n';

                    body += pdfDocument;

                    body += '\r\n'

                    body += '--' + boundary + '--';

                    $.ajax({

                        type: "POST",

                        cache: false,

                        url: "<%=request.getContextPath()%>/filesUpload",

                        data: body ,

                        processData: false,

                        contentType : 'multipart/form-data; boundary=' + boundary,

                        success: function (data) {

                            alert('success');

                            return false;

                        }

                    });

                }, margins

        );

    }

</script>

<%

    Long courseId = Long.parseLong(request.getParameter("courseId"));

    AbstractDao.getCurrentSession().beginTransaction();

    CourseImpl courseImpl = (CourseImpl) DaoFactory.getCourseDaoImpl().get(courseId);

    request.setAttribute("course",courseImpl);

    String classTextComponent = TextComponent.class.getName();

    String classImageComponent = ImageComponent.class.getName();

    request.setAttribute("classTextComponent",classTextComponent);

    request.setAttribute("classImageComponent",classImageComponent);

%>

<a href="javascript:demoFromHTML()" class="button">Run Code</a>

<div class="container-fluid">

    <style>

        .separatorSection

        {

            border: 1px solid #ddd;

        }

    </style>

    <!-- Apresentacao da Unidade -->

    <div class="panel panel-default">

        <div class="panel-heading">

             Relatório Anual do curso: ${course.name}

        </div>

        <div class="panel-body">

            <p><b class="label-info">Tipo de Curso:</b> <bean:message key="course.${course.degree}"/></p>

            <p><b class="label-info">Ano Lectivo:</b> ${course.importYear}</p>

            <p><b class="label-info">Departamento:</b> ${course.department.name}</p>

            <p><b class="label-info">Escola:</b> ${course.department.courseSchool.name}</p>

            <script>

                function showSep(id)

                {

                    $(".separatorSectionNav").removeClass("active");

                    $(".separatorSection").hide();

                    $("#separatorSectionNav_" + id).addClass("active");

                    $("#separatorSection_" + id).show();

                }

            </script>

            <ul class="nav nav-tabs">

                <li id="separatorSectionNav_introducao" class="active separatorSectionNav"><a href="javascript:showSep('introducao')">1 - Introdução</a></li>

                <li id="separatorSectionNav_mapaUnidades" class="separatorSectionNav"><a href="javascript:showSep('mapaUnidades')">2 - Mapa Síntese </a></li>

                <li id="separatorSectionNav_resultados" class="separatorSectionNav"><a href="javascript:showSep('resultados')">3 - Resultados </a></li>

                <li id="separatorSectionNav_inqueritos" class="separatorSectionNav"><a href="javascript:showSep('inqueritos')">4 - Inquéritos </a></li>

                <li id="separatorSectionNav_conclusoes" class="separatorSectionNav"><a href="javascript:showSep('conclusoes')">4 - Conclusões </a></li>

            </ul>

            <script>

                //Especifico da aplicacao

                var courseReportApp = angular.module('courseReportApp', []);

                GLOBAL_BacoAngularAppDependencies.push('courseReportApp');

                courseReportApp.directive('resizable', function () {

                    return {

                        restrict: 'A',

                        scope: {

                            callback: '&onResize'

                        },

                        link: function postLink(scope, elem, attrs) {

                            elem.resizable();

                            elem.on('resize', function (evt, ui, comp) {

                                scope.$apply(function() {

                                    if (scope.callback) {

                                        scope.callback({$evt: evt, $ui: ui, $comp: comp });

                                    }

                                })

                            });

                        }

                    };

                });

                courseReportApp.controller('courseReportAppController', function($scope)

                {

                    $scope.report =

                    {

                    }

                    $scope.resize = function(evt,ui,comp) {

                        //console.log (evt,ui);

                        comp.width = ui.size.width;

                        comp.height = ui.size.height;

                    }

                    $scope.addText = function(parentCustomPane)

                    {

                        $scope.addSimpleDocComponent(parentCustomPane,"${classTextComponent}")

                    }

                    $scope.addImage = function(parentCustomPane)

                    {

                        $scope.addSimpleDocComponent(parentCustomPane,"${classImageComponent}")

                    }

                    $scope.addSimpleDocComponent = function(parentCustomPane,classComponent)

                    {

                        if(!parentCustomPane.components)

                        {

                            parentCustomPane.components = [];

                        }

                        parentCustomPane.components.push(

                                {

                                    "@class" : classComponent,

                                    "text" : "",

                                    "title" : ""

                                }

                        );

                    }

                    $scope.removeComponent = function(index,array)

                    {

                        array.splice(index,1);

                    }

                    $scope.callbackUploadedFiles = function(filesUploadResult,token,targetElement)

                    {

                        var modelObject = BacoAngularUtils.getAngularElementModel(targetElement);

                        modelObject.filesUploadResult = filesUploadResult;

                        if(modelObject.image && modelObject.image.identifier)

                        {

                            widgetCallWithActionParameters(

                                    "<%=request.getContextPath()%>/user/json/repository.do",

                                    "replaceRepositoryFileFromTempPrivateDomain",

                                    {

                                        "identifier" : modelObject.image.identifier,

                                        "fileUploaded" : BacoJS.stringifyOrdered(filesUploadResult.uploadedFiles[0])

                                    },

                                    "#courseReportApp",

                                    function(repositoryFile4JsonView)

                                    {

                                        modelObject.image = repositoryFile4JsonView;

                                        modelObject.imageUrl = "<%=request.getContextPath()%>/repositoryStream/" + modelObject.image.identifier + "?" + new Date().getTime();

                                        delete modelObject.filesUploadResult;

                                        angular.element($("#courseReportApp")).scope().$apply();

                                    },

                                    function(){}

                            );

                        }

                        else

                        {

                            widgetCallWithActionParameters(

                                    "<%=request.getContextPath()%>/user/json/repository.do",

                                    "saveRepositoryFileFromTempPrivateDomain",

                                    {

                                        "fileUploaded" : BacoJS.stringifyOrdered(filesUploadResult.uploadedFiles[0])

                                    },

                                    "#courseReportApp",

                                    function(repositoryFile4JsonView)

                                    {

                                        modelObject.image = repositoryFile4JsonView;

                                        modelObject.imageUrl = "<%=request.getContextPath()%>/repositoryStream/" + modelObject.image.identifier + "?" + new Date().getTime();

                                        delete modelObject.filesUploadResult;

                                        angular.element($("#courseReportApp")).scope().$apply();

                                    },

                                    function(){}

                            );

                        }

                    }

                });

            </script>

            <jsp:include page="../utils/documentsBuilder.jsp"/>

            <div  id="courseReportApp" ng-app="courseReportApp" ng-controller="courseReportAppController" class="form-vertical">

                <!--Introducao-->

                <div id="separatorSection_introducao" class="separatorSection clearfix">

                    <div class="documentSimpleComponent 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="report.introSection.textComponent.text">

                            </textarea>

                        </div>

                    </div>

                    <div ng-include="'customPane_renderer.html'"

                         ng-init="report.introSection.customPane = {};customPane = report.introSection.customPane;docAppSelector='#courseReportApp'">

                    </div>

                </div>

                <!--/Introducao-->

                <!--Mapa Unidades-->

                <div id="separatorSection_mapaUnidades" class="separatorSection">

                </div>

                <!--/Mapa Unidades-->

                <!--Resultados-->

                <div id="separatorSection_resultados" class="separatorSection">

                </div>

                <!--/Resultados-->

                <!--Inqueritos-->

                <div id="separatorSection_inqueritos" class="separatorSection">

                </div>

                <!--/Inqueritos-->

                <!--Conclusoes-->

                <div id="separatorSection_conclusoes" class="separatorSection">

                </div>

                <!--/Conclusoes-->

                <pre class="code">{{ report | json }}</pre>

            </div><!--App-->

        </div><!--Panel Body-->

    </div><!--Panel-->

</div><!--container-fluid-->

<%

    AbstractDao.getCurrentSession().getTransaction().commit();

%>