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

<%@ page import="pt.estgp.estgweb.services.courses.CourseReportServices" %>

<%@ page import="pt.estgp.estgweb.services.courses.coursereport.documentmodel.CourseReportDocument" %>

<%@ page import="org.json.JSONException" %>

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

<%

    //Falta Chamar Serviço

    String courseCode = request.getParameter("courseCode");

    String year = request.getParameter("year");

    AbstractDao.getCurrentSession().beginTransaction();

    CourseImpl courseImpl = DaoFactory.getCourseDaoImpl().findCourseByCode(courseCode);

    request.setAttribute("course",courseImpl);

    CourseReportDocument courseReport = null;

    try {

        courseReport = new CourseReportServices().createNewCourseReportDocument(courseCode, year);

    } catch (Throwable e) {

        System.out.println(e);

        e.printStackTrace();

    }

    String courseReportJson = courseReport.toJson();

    request.setAttribute("courseDocumentJson",courseReportJson);

    request.setAttribute("courseDocument",courseReport);

%>

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

    //Especifico da aplicacao

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

    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.docAppSelector = "#courseReportApp";

        $scope.report = <%=courseReportJson%>

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

                    //console.log (evt,ui);

                    comp.width = ui.size.width;

                    comp.height = ui.size.height;

                }

        /**

         * @classe class to match

         * @superClasses array of strings

         * */

        $scope.contains = function(obj,classe)

        {

            if(obj['@class'] && obj['@class'] == classe)

                return true;

            if(obj.allSuperClasses)

            {

                for(var i in obj.allSuperClasses)

                {

                    if(classe == obj.allSuperClasses[i])

                        return true;

                }

            }

            return false;

        }

        $scope.showSep = function(section,subSection)

        {

            var s;

            for(s in section.sections)

            {

                section.sections[s].active = false;

            }

            /*$(".separatorSectionNav").each(function()

             {

             angular.element($(this)).scope().section.active = false;

             });*/

            subSection.active = true;

        }

        /**

         * Este metodo devolve o template mais profundo na hierarquia de classes

         * permitindo emular o override, quanto mais especifica for a classe

         * e caso exista template é esse o template devolvido

         * procura um script com o id da classe e se nao existir

         * vai subindo nas super classes

         * @param obj

         * @returns {*}

         */

        $scope.class2id = function(obj)

        {

            var objClassId = obj["@class"].replaceAll(".","_");

            if($("script#" + objClassId).length > 0)

            {

                return objClassId;

            }

            if(obj.allSuperClasses)

            {

                var s;

                for(s in obj.allSuperClasses)

                {

                    var superClass = obj.allSuperClasses[s];

                    var superClassId = superClass.replaceAll(".","_");

                    if($("script#" + superClassId).length > 0)

                    {

                        return superClassId;

                    }

                }

            }

            return obj["@class"].replaceAll(".","_");

        }

        $scope.addText = function(parentCustomPane)

        {

            $scope.addSimpleDocComponent(parentCustomPane,"pt.estgp.estgweb.utils.documentBuilder.TextComponent")

        }

        $scope.addImage = function(parentCustomPane)

        {

            $scope.addSimpleDocComponent(parentCustomPane,"pt.estgp.estgweb.utils.documentBuilder.ImageComponent")

        }

        $scope.addSimpleDocComponent = function(parentCustomPane,classComponent)

        {

            if(!parentCustomPane.components)

            {

                parentCustomPane.components = [];

            }

            parentCustomPane.components.push(

                    {

                        "@class" : classComponent

                    }

            );

        }

        $scope.removeComponent = function(index,array)

        {

            array.splice(index,1);

        }

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

        {

            var modelObject = BacoAngularUtils.getAngularElementModel(targetElement);

            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;

                            //image URL is generated on reimport just to avoid caching

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

                            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();

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

                        },

                        function(){}

                );

            }

        }

        $scope.Save = function () {

            widgetCallWithActionParameters(

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

                "SaveCourseReportDocument",

                {

                    "courseReportDocument":BacoJS.stringifyOrdered($scope.report)

                },

                "#courseReportApp",

                function(json)

                {

                    alert(BacoJS.stringifyOrdered(json));

                },

                function(){}

            );

        }

    });

</script>

<!--TEMPLATES FOR DOCUMENT BUILDER-->

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

<jsp:include page="coursereport/templates.jsp"/>

<div class="form-vertical">

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

        <div class="web-messages"> </div>

        <button ng-click="Save()">Click me</button>

        <div ng-init="section=report;" ng-include="'pt_estgp_estgweb_utils_documentBuilder_DocumentSection'">

        </div>

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

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

</div> <!--form-->

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

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

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

<%

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

%>