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>

<%

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




    });
</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 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();
%>