QRouland
/
M2OLA
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

TG-119 : add administratives information into student space

This commit is contained in:
mpenchenat 2017-03-14 11:37:26 +01:00
parent 368e84803e
commit 65ea8579f9
1 changed files with 194 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

150
frontend/app/views/studentSpace.html
View File

@ -14,6 +14,14 @@
<div layout="row" layout-align="center none">
<md-content flex="80">
<div ng-cloak>
<md-content>
<md-tabs md-dynamic-height md-border-bottom>
<md-tab label="périodes">
<md-content class="md-padding">
<div layout="row" layout-align="end">
<md-button class="md-raised" ng-click="exportBooklet()">Exporter le livret</md-button>
</div>
@ -38,9 +46,9 @@
<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/>
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>
@ -63,9 +71,9 @@
<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>
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>
@ -82,4 +90,132 @@
</md-card>
</md-content>
</div>
</md-tab>
<md-tab label="données administratives">
<md-content class="md-padding">
<md-content layout-padding>
<form name="projectForm">
<md-card>
<md-card-title>
<md-card-title-text>
<h3 class="md-headline">Informations personnelles</h3>
</md-card-title-text>
</md-card-title>
<md-card-content>
<div layout="row">
<md-input-container flex="50">
<label>Prénom</label>
<input required name="studentFirstName" ng-model="studentFirstName">
</md-input-container>
<md-input-container flex="50">
<label>Nom</label>
<input required name="studentLastName" ng-model="studentLastName">
</md-input-container>
</div>
<div layout="row">
<md-input-container flex="50">
<label>Type de contrat / d'engagement</label>
<md-select name="type" ng-model="contractType" required>
<md-option value="Apprentissage">Apprentissage</md-option>
<md-option value="Professionnalisation">Professionnalisation</md-option>
<md-option value="Stage">Stage</md-option>
</md-select>
</md-input-container>
<md-input-container flex="25">
<label>Début de contrat</label>
<md-datepicker ng-model="beginContractDate"></md-datepicker>
</md-input-container>
<md-input-container flex="25">
<label>Fin de contrat</label>
<md-datepicker ng-model="endContractDate"></md-datepicker>
</md-input-container>
</div>
<div layout="row">
<md-input-container flex="50">
<label>Email</label>
<input required type="email" name="studentEmail" ng-model="studentEmail" />
</md-input-container>
<md-input-container flex="50">
<label>Téléphone</label>
<input required type="text" name="studentPhoneNumber" ng-model="studentPhoneNumber" />
</md-input-container>
</div>
</md-card-content>
</md-card>
<md-card>
<md-card-title>
<md-card-title-text>
<h3 class="md-headline">Tuteur pédagogique</h3>
</md-card-title-text>
</md-card-title>
<md-card-content>
<md-input-container class="md-block">
<label>Email</label>
<input required type="email" name="universityEmail" ng-model="universityEmail" />
</md-input-container>
</md-card-content>
</md-card>
<md-card>
<md-card-title>
<md-card-title-text>
<h3 class="md-headline">Tuteur entreprise</h3>
</md-card-title-text>
</md-card-title>
<md-card-content>
<div layout="row">
<md-input-container flex="50">
<label>Prénom</label>
<input required name="companyFirstName" ng-model="companyFirstName">
</md-input-container>
<md-input-container flex="50">
<label>Nom</label>
<input required name="companyLastName" ng-model="companyLastName">
</md-input-container>
</div>
<div layout="row">
<md-input-container flex="50">
<label>Nom de l'entreprise</label>
<input name="companyName" ng-model="companyName">
</md-input-container>
<md-input-container flex="50">
<label>Lieu de l'alternance</label>
<input name="companyAddress" ng-model="companyAddress">
</md-input-container>
</div>
<md-input-container class="md-block">
<label>Email</label>
<input required type="email" name="companyEmail" ng-model="companyEmail" />
</md-input-container>
</md-card-content>
</md-card>
<div layout="row" layout-align="end">
<md-button class="md-raised">Enregistrer</md-button>
</div>
</form>
</md-content>
</md-tab>
</md-tabs>
</md-content>
</div>
</md-content>
</div>