85 lines
3.5 KiB
HTML
Executable File
85 lines
3.5 KiB
HTML
Executable File
<div layout="column">
|
|
<md-toolbar>
|
|
|
|
<div class="md-toolbar-tools">
|
|
<h2 md-truncate flex>Bienvenue Claire Veronneau</h2>
|
|
|
|
<md-button ng-click="logout()">
|
|
Se déconnecter
|
|
</md-button>
|
|
</div>
|
|
|
|
</md-toolbar>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="center none">
|
|
<md-content flex="80">
|
|
<div layout="row" layout-align="end">
|
|
<md-button class="md-raised" ng-click="exportBooklet()">Exporter le livret</md-button>
|
|
</div>
|
|
|
|
<md-card ng-repeat="period in periods">
|
|
<md-card-title>
|
|
<md-card-title-text>
|
|
<h2 class="md-display-1">Période {{period.number}}</h2>
|
|
</md-card-title-text>
|
|
</md-card-title>
|
|
<md-card-content>
|
|
|
|
|
|
<div layout="column" layout-fill>
|
|
<div flex class="green darken-2">
|
|
<h3 class="md-headline" style="padding-left : 10px">
|
|
Université
|
|
<md-button class="md-icon-button" ng-click="toggleAccordion(period.university.icon, 'false', $index)" aria-label="call">
|
|
<ng-md-icon icon="{{period.university.icon}}" style="fill: blue" size="24"></ng-md-icon>
|
|
</md-button>
|
|
</h3>
|
|
|
|
<md-content flex layout-padding ng-if="isOpenAccordion(period.university.icon)">
|
|
<p>Lorem ipsum dolor sit amet, ne quod novum mei. Sea omnium invenire mediocrem at, in lobortis conclusionemque
|
|
nam. Ne deleniti appetere reprimique pro, inani labitur disputationi te sed. At vix sale omnesque, id pro
|
|
labitur reformidans accommodare, cum labores honestatis eu. Nec quem lucilius in, eam praesent reformidans
|
|
no. Sed laudem aliquam ne.</p><br/>
|
|
|
|
<md-input-container class="md-block">
|
|
<label>Commentaire de période</label>
|
|
<textarea ng-model="period.university.comment" md-maxlength="150" rows="5" md-select-on-focus></textarea>
|
|
</md-input-container>
|
|
|
|
<div layout="row" layout-align="end">
|
|
<md-button class="md-raised">Enregistrer</md-button>
|
|
</div>
|
|
</md-content>
|
|
</div>
|
|
|
|
<div flex class="green darken-3">
|
|
<h3 class="md-headline" style="padding-left : 10px">
|
|
Entreprise
|
|
<md-button class="md-icon-button" ng-click="toggleAccordion(period.company.icon, 'true', $index)" aria-label="call">
|
|
<ng-md-icon icon="{{period.company.icon}}" style="fill: blue" size="24"></ng-md-icon>
|
|
</md-button>
|
|
</h3>
|
|
|
|
<md-content flex layout-padding ng-if="isOpenAccordion(period.company.icon)">
|
|
<p>Lorem ipsum dolor sit amet, ne quod novum mei. Sea omnium invenire mediocrem at, in lobortis conclusionemque
|
|
nam. Ne deleniti appetere reprimique pro, inani labitur disputationi te sed. At vix sale omnesque, id pro
|
|
labitur reformidans accommodare, cum labores honestatis eu. Nec quem lucilius in, eam praesent reformidans
|
|
no. Sed laudem aliquam ne.</p>
|
|
|
|
<md-input-container class="md-block">
|
|
<label>Commentaire de période</label>
|
|
<textarea ng-model="period.company.comment" md-maxlength="150" rows="5" md-select-on-focus></textarea>
|
|
</md-input-container>
|
|
|
|
<div layout="row" layout-align="end">
|
|
<md-button class="md-raised">Enregistrer</md-button>
|
|
</div>
|
|
</md-content>
|
|
</div>
|
|
</div>
|
|
</md-card-content>
|
|
</md-card>
|
|
|
|
</md-content>
|
|
</div> |