Subversion Repositories bacoAlunos

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

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

<%-- http://localhost:8080/baco/user/editCourseReport.do?courseCode=44&year=201617 --%>

<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 src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.debug.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>

<script>ping()</script>

<jsp:useBean id="courseReportJson" type="java.lang.String" scope="request"/>

<%

  //AbstractDao.getCurrentSession().beginTransaction();

%>

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

<div  id="courseReportApp" ng-app="courseReportApp" ng-controller="courseReportAppController" 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: {{report.name}}

    </div>

    <div class="panel-body">

      <p><b class="label-info">Tipo de Curso:</b> {{report.degree}}</p>

      <p><b class="label-info">Ano Lectivo:</b> {{report.years}}</p>

      <p><b class="label-info">Escola:</b> {{report.nomeEscola}}</p>

      <div ng-include="class2id(report)">

      <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.saveCourseReportDocument = function () {

            widgetCallWithActionParameters(

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

                    "saveCourseReportDocument",

                    {

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

                    },

                    "#courseReportApp",

                    function(data)

                    {

                      alert(BacoJS.stringifyOrdered(data));

                    },

                    function(){}

            );

          }

        });

      </script>

      <!--TEMPLATES FOR DOCUMENT BUILDER-->

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

      <div class="form-vertical">

        <div>

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

          <button class="btn btn-success" ng-click="saveCourseReportDocument()">Gravar</button>

          <button class="btn btn-success" onclick="demoFromHTML()">PDF</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();

%>