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

    AbstractDao.getCurrentSession().beginTransaction();

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

    request.setAttribute("course",courseImpl);

    CourseReportDocument courseReport = null;

    try {

        courseReport = new CourseReportServices().createNewCourseReportDocument("44", "201617");

    } 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', []);

                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)

                    {

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

                        {

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

                        });

                        section.active = true;

                    }

                    $scope.class2id = function(obj)

                    {

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

                        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>

            <!--TEMPLATES FOR DOCUMENT BUILDER-->

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

            <div class="form-vertical">

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

                    <ul class="nav nav-tabs">

                        <li ng-model="section" class="separatorSectionNav" ng-class="{ active: section.active}" ng-repeat="section in report.sections">

                            <a ng-click="showSep(section)">{{section.title}}</a>

                        </li>

                    </ul>

                    <!--DocumentSection-->

                    <div ng-model="section" ng-class="{ hidden: !section.active}" ng-repeat="section in report.sections" class="separatorSection clearfix">

                       <div ng-repeat="comp in section.components" ng-include="class2id(comp)">

                        </div>

                    </div>

                    <!--/DocumentSection-->

<%--

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

--%>

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

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

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

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

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

<%

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

%>