TG-54 interfaces et formulaires

This commit is contained in:
ariasia 2017-05-09 11:43:08 +00:00
parent 8c97b49a67
commit bb12df4e3e
2 changed files with 43 additions and 19 deletions

View File

@ -12,9 +12,9 @@
function init() {
$scope.selectedIndex = 0;
var tabs = [
{//periode 1
{//formation 1
"id":1,
"title": 'One',
"title": 'M2 ICE 16-17',
"periodes": [//periodes pour tab0
{"id":1, "plages": [//Plage pour periode 1
{"id": 0,"name": "null"}
@ -22,13 +22,20 @@
}
],
"students": [ {"face" : imagePath, "nom_prenom": 'Normand Léa'} ]
"students": [ {"face" : imagePath, "nom_prenom": 'Normand Léa'} ],
"pagesLivret": [
{"titre" : "Titre 1", "lienApercu": '#', "idMaj_ou_Supp": 1 },
{"titre" : "Titre 2", "lienApercu": '#', "idMaj_ou_Supp": 2 },
{"titre" : "Titre 3", "lienApercu": '#', "idMaj_ou_Supp": 3 }
]
},
{//periode 2
{//formation 2
"id":2,
"title": 'Two',
"title": 'M2 ISMAG 16-17',
"periodes": [],
"students": []
"students": [],
"pagesLivret": []
}],
selected = null,
previous = null;

View File

@ -19,7 +19,7 @@
<md-button class="md-primary">+</md-button>
<md-button class="md-primary" ng-click="removeTab( selectedIndex )" ng-disabled="tabs.length <= 1">-</md-button>
<md-tab ng-repeat="tab in tabs" ng-disabled="tab.disabled" label="{{tab.title}}" style="height : 100vh">
<md-tab ng-repeat="tab in tabs" ng-disabled="tab.disabled" label="{{tab.title}}">
<div class="demo-tab tab{{$index%4}}" style="padding: 25px; text-align: center;">
@ -32,22 +32,20 @@
<md-button class="md-raised md-primary" ng-click="addRecordPlage(tab.id, periode.id)">Créer une plage de saisie</md-button>
<div class="div_plages_de_saisies" ng-repeat="plage in periode.plages">
<form class="period_forms" name="period_form1">
<form class="period_forms">
<div layout-gt-sm="row">
<md-input-container md-no-float class="md-block" flex-gt-sm>
<div flex-gt-xs>
<md-select name="type" ng-model="periode.type" required placeholder='Type de la période'>
<md-option value="entreprise">Entreprise</md-option>
<md-option value="formation">Formation</md-option>
</md-select>
</md-input-container>
<md-input-container class="md-block" flex-gt-sm>
<label>Date de début</label>
<md-datepicker ng-model="user.submissionDateBegin"></md-datepicker>
</md-input-container>
<md-input-container class="md-block" flex-gt-sm>
<label>Date de fin</label>
<md-datepicker ng-model="user.submissionDateEnd"></md-datepicker>
</md-input-container>
</div>
<div flex-gt-xs>
<md-datepicker ng-model="ctrl.myDateDeb" md-placeholder="Date de début"></md-datepicker>
</div>
<div flex-gt-xs>
<md-datepicker ng-model="ctrl.myDateFin" md-placeholder="Date de fin"></md-datepicker>
</div>
</div>
</form>
</div>
@ -94,7 +92,26 @@
</form>
<form name="livret_form"></form>
<form name="livret_form">
<h2>Pages du livret et ordonnancement</h2>
<md-list-item class="md-3-line" ng-repeat="item in tab.pagesLivret" >
<div class="md-list-item-text" layout="column">
<h3>{{ item.titre }}</h3>
</div>
<div class="md-list-item-text" layout="column">
<h3><a href="{{ item.lienApercu }}" >Aperçu de la page</a></h3>
</div>
<div class="md-list-item-text" layout="column">
<md-button class="md-raised md-primary">Mettre à jour</md-button>
</div>
<div class="md-list-item-text" layout="column">
<md-button class="md-raised md-warn">Supprimer</md-button>
</div>
<div class="md-list-item-text" layout="column">
<md-button class="md-secondary">Respond</md-button>
</div>
</md-list-item>
</form>
</div>
</md-content>
</div>