Subversion Repositories bacoAlunos

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

<style>

    .sections

    {

        padding-left: 20px;

    }

    .buttonTools

    {

        border: 1px solid gray;

        background-color: lightgray;

        padding: 5px;

    }

    .customComponent

    {

        padding: 0;

    }

    .documentSimpleComponent

    {

        border: 1px solid gray;

        padding: 5px;

        margin-bottom: 5px;

    }

    .componentBody

    {

        border: 1px solid gray;

        padding: 5px;

    }

</style>

<!--Require templateObj-->

<script type="text/ng-template" id="callDocumentTemplate">

    <div ng-include="class2id(templateObj)"></div>

</script>

<%--

    customPane Need component customPane in variable customPane

    docAppSelector selector usualy an html ID for ng-app example #docReport

--%>

<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_CustomPane">

    <div class="customComponent clearfix component">

        <div class="buttonTools clearfix">

            <button class="btn btn-default pullleft" type="button" ng-click="addText(comp)">

                <span class="glyphicon glyphicon-plus"></span>

                <span class="glyphicon glyphicon-font"></span>

            </button>

            <button class="btn btn-default pullleft" type="button" ng-click="addImage(comp)">

                <span class="glyphicon glyphicon-plus"></span>

                <span class="glyphicon glyphicon-picture"></span>

            </button>

            Secção personalizada

        </div>

        <div class="componentBody">

            <div class="clearfix" ng-repeat="subComp in comp.components" ng-init="parent=comp;comp=subComp" ng-include="class2id(subComp)">

            </div>

        <div>

    </div>

</script>

<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_ImageComponent">

    <div class="imageComponent component">

        <div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="buttonTools clearfix">

                <button class="btn btn-danger pull-right" type="button" ng-click="removeComponent($index,parent.components)">

                    <span class="glyphicon glyphicon-remove"></span>

                </button>

                <label>Componente de Imagem (Use esta funcinalidade para adicionar gráficos ou tabelas que ache necessárias)</label>

        </div>

        <div class="componentBody" ng-if="comp['@class']=='pt.estgp.estgweb.utils.documentBuilder.ImageComponent'">

                <div class="form-group clearfix" ng-if="comp.image.identifier">

                    <label class="col-md-2 control-label">Legenda</label>

                    <div class="col-md-10">

                        <input type="text" class="form-control" rows="10" ng-model="comp.title">

                    </div>

                </div>

                <div class="form-group clearfix">

                    <div class="col-md-2 control-label">

                        <a class="btn btn-default" href="#" ng-model="comp"

                            data-title="Escolha Imagem"

                            data-showmetafields="false"

                            data-confirmonupload="true"

                            data-toggle="modal"

                            data-target="#filesUploadModal"

                            data-multiple="false"

                            data-allowed-extensions="jpg,png,gif"

                            data-callback-target-function="angular.element($('{{docAppSelector}}')).scope().callbackUploadedFiles">

                            <span ng-if="comp.image.identifier">

                                    Substituir Imagem

                            </span>

                            <span ng-if="!(comp.image.identifier)">

                                    Carregar Imagem

                            </span>

                            <span class="glyphicon glyphicon-upload"/>

                        </a>

                    </div>

                    <div class="col-md-10">

                            <div ng-if="!(comp.image.identifier)">

                            Clique em carregar imagens e escolha uma imagem para adicionar nesta secção.

                        </div>

                        <label ng-if="comp.image.identifier"> Limites do PDF </label>

                        <div ng-if="comp.image.identifier" style="text-align: center; width: 595px; border: 1px solid black; padding: 45px">

                            <center>

                                <div style="width: 200px;height: 200px; max-width: 500px; max-height: 750px" resizable on-resize="resize($evt, $ui, comp)">

                                    <img style="width: 100%;height: 100%"  ng-src="{{comp.imageUrl}}">

                                </div>

                                (Se desejar altere o tamanho da imagem arrastando no canto inferior direito)

                            </center>

                        </div>

                    </div>

            </div>

        </div>

    </div>

</script>

<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_TextComponent">

    <div class="textComponent component">

        <div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="buttonTools clearfix">

            <button class="btn btn-danger pull-right" type="button" ng-click="removeComponent($index,parent.components)">

                <span class="glyphicon glyphicon-remove"></span>

            </button>

            <label>Componente de Texto</label>

        </div>

        <div class="componentBody">

            <div ng-if="parent['@class']=='pt.estgp.estgweb.utils.documentBuilder.CustomPane'" class="form-group clearfix">

                <label class="col-md-2 control-label">Titulo de Parágrafo</label>

                <div class="col-md-10">

                    <input type="text" class="form-control" rows="10" ng-model="comp.title">

                </div>

            </div>

            <div class="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="comp.text">

                    </textarea>

                </div>

            </div>

        </div>

    </div>

</script>

<!--

@section objeto com seccoes e componentes

@optional @chapter capitulo do documento para esta seccao para contcatenar às subsections

-->

<script type="text/ng-template" id="pt_estgp_estgweb_utils_documentBuilder_DocumentSection">

    <div class="sections">

        <ul class="nav nav-tabs">

            <li ng-model="section" class="separatorSectionNav"

                ng-class="{ active : subSection.active}"

                ng-repeat="subSection in section.sections">

                <a ng-click="showSep(section,subSection)"> {{$chapter}}{{$index+1}} - {{subSection.title}}</a>

            </li>

        </ul>

        <div ng-model="subSection"

             ng-class="{ hidden: !subSection.active }"

             ng-repeat="subSection in section.sections"

             class="separatorSection clearfix">

            <div ng-repeat="comp in subSection.components"

                 ng-include="class2id(comp)">

            </div>

            <div ng-if="subSection.sections"

                 ng-init="section=subSection;$chapter=$chapter+($index+1)+'.'"

                 ng-include="class2id(subSection)">

            </div>

        </div>

    </div>

</script>

<!--

@section objeto com seccoes e componentes

@optional @chapter capitulo do documento para esta seccao para contcatenar às subsections

-->

<script type="text/ng-template" id="pt_estgp_estgweb_services_courses_coursereport_documentmodel_CourseUnitsReportsSection">

    <div class="sections">

        <a name="indexCus"></a>

        <span ng-repeat="cu in section.sections" ng-init="cu.taxaAprovacao = 100 * cu.courseUnitEvaluation.numAlunosAprovTotal/(cu.courseUnitEvaluation.numAlunosInscritos - cu.courseUnitEvaluation.numAlunosSemElementosAvaliacao)">

            <a href="#cu{{$index}}" ng-class="{ 'alert-danger': (cu.courseUnitEvaluation.cumprimentoProgramaPercent &lt; 100) || cu.taxaAprovacao &lt; 75 || !cu.courseUnitEvaluation.closed || !cu.courseUnitEvaluation.teacherComplete}">

                {{cu.title}}

            </a> |

        </span>

        <div ng-repeat="cu in section.sections"

             class="section panel-primary">

            <a name="cu{{$index}}"></a>

            <span ng-if="$index != 0" class="glyphicon glyphicon-backward" ></span><a ng-if="$index != 0" href="#indexCus"> Voltar atrás</a>

            <div class="panel-heading"><h2>{{cu.title}}</h2></div>

            <div style="padding-left:20px">

                <div><h3><label class="label label-primary">Estado do Relatório</label></h3></div>

                <div ng-if="cu.courseUnitEvaluation.closed">

                    Entregue e Aceite

                </div>

                <div class="alert-danger" ng-if="cu.courseUnitEvaluation.closed && !cu.courseUnitEvaluation.teacherComplete">

                    Entregue mas não foi aprovado pela comissão

                </div>

                <div class="alert-danger" ng-if="!cu.courseUnitEvaluation.closed  && !cu.courseUnitEvaluation.teacherComplete">

                    Não foi entregue pelo docente para validação

                </div>

            </div>

            <div style="padding-left:20px">

                <div><h3><label class="label label-primary">Resultados</label></h3></div>

                <div>

                    <table class="tablesorter-blue"   width="100%">

                        <tr>

                            <th rowspan="2">

                                Nº Alunos Inscritos

                            </th>

                            <th rowspan="2">

                                Nº de alunos sem elementos de avaliação

                            </th>

                            <th colspan="5">

                                Nº de alunos aprovados em

                            </th>

                            <th colspan="2">

                                Aprovados com a classificação entre 10 e 13 valores

                            </th>

                            <th colspan="2">

                                Aprovados com a classificação entre 14 e 16 valores

                            </th>

                            <th colspan="2">

                                Aprovados com a classificação entre 17 e 20 valores

                            </th>

                        </tr>

                        <tr>

                            <th>Avaliação de frequência</th>

                            <th>Exame Época Normal</th>

                            <th>Exame Época Recurso</th>

                            <th>Exame Época Especial</th>

                            <th>Total</th>

                            <th>Nº</th>

                            <th>%</th>

                            <th>Nº</th>

                            <th>%</th>

                            <th>Nº</th>

                            <th>%</th>

                        </tr>

                        <tr>

                            <td class="text-center">

                                {{cu.courseUnitEvaluation.numAlunosInscritos}}

                            </td>

                            <td class="text-center">

                                {{cu.courseUnitEvaluation.numAlunosSemElementosAvaliacao}}

                            </td>

                            <td class="text-center">

                                {{cu.courseUnitEvaluation.numAlunosAprovFrequencia}}

                            </td>

                            <td class="text-center">

                                {{cu.courseUnitEvaluation.numAlunosAprovNormal}}

                            </td>

                            <td class="text-center">

                                {{cu.courseUnitEvaluation.numAlunosAprovRecurso}}

                            </td>

                            <td style="text-align: center">

                                {{cu.courseUnitEvaluation.numAlunosAprovEspecial}}

                            </td>

                            <td class="text-center">

                                {{cu.courseUnitEvaluation.numAlunosAprovTotal}}

                            </td>

                            <td class="text-center">

                                {{cu.courseUnitEvaluation.numAlunosAprov1013}}

                            </td>

                            <td class="text-center">

                                {{cu.courseUnitEvaluation.numAlunosAprov1013Percent}}

                            </td>

                            <td class="text-center">

                                {{cu.courseUnitEvaluation.numAlunosAprov1416}}

                            </td>

                            <td class="text-center">

                                {{cu.courseUnitEvaluation.numAlunosAprov1416Percent}}

                            </td>

                            <td class="text-center">

                                {{cu.courseUnitEvaluation.numAlunosAprov1720}}

                            </td>

                            <td class="text-center">

                                {{cu.courseUnitEvaluation.numAlunosAprov1720Percent}}

                            </td>

                        </tr>

                    </table>

                </div>

            </div>

            <div style="padding-left:20px" >

                <div><h3><label class="label label-primary">Taxa de Aprovação</label></h3></div>

                <div ng-class="{ 'alert-danger': cu.taxaAprovacao &lt; 75 }">{{cu.taxaAprovacao}}%</div>

            </div>

            <div style="padding-left:20px">

                <div><h3><label class="label label-primary">Apreciação dos resultados quantitativos obtidos pelos estudantes</label></h3></div>

                <div>{{cu.courseUnitEvaluation.qualApreciacaoQuantitivos}}</div>

            </div>

            <div style="padding-left:20px">

                <div><h3><label class="label label-primary">Apreciação do funcionamento da UC</label></h3></div>

                <div>{{cu.courseUnitEvaluation.qualApreciacaoUC}}</div>

            </div>

            <div style="padding-left:20px">

                <div><h3><label class="label label-primary">Percentagem de cumprimento do programa da UC</label></h3></div>

                <div ng-class="{ 'alert-danger': (cu.courseUnitEvaluation.cumprimentoProgramaPercent &lt; 100) }">

                    {{cu.courseUnitEvaluation.cumprimentoProgramaPercent}}%

                </div>

            </div>

            <div style="padding-left:20px">

                <div><h3><label class="label label-primary">Apreciação do cumprimento do programa da UC</label></h3></div>

                <div>{{cu.courseUnitEvaluation.qualApreciacaoCumprimentoPrograma}}</div>

            </div>

            <div style="padding-left:20px">

                <div><h3><label class="label label-primary">Conclusões</label></h3></div>

                <div>{{cu.courseUnitEvaluation.qualConclusoes}}</div>

            </div>

        </div>

    </div>

</script>