From 17c7355b4db2a09e0c9cc72ac2699cf4c041a8a2 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Sun, 11 Mar 2018 17:48:50 +0100
Subject: [PATCH] [webpack.ue.view] updated layout to allow updating 'volumes'
 [TODO: implement js for managing it]

---
 webpack/component/ue/view.vue | 25 +++++++++++++++++++++++--
 webpack/data/ue.js            |  4 ++--
 webpack/scss/container.scss   | 11 +++++++++++
 3 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/webpack/component/ue/view.vue b/webpack/component/ue/view.vue
index 0a69c4a..597bb69 100644
--- a/webpack/component/ue/view.vue
+++ b/webpack/component/ue/view.vue
@@ -22,6 +22,14 @@
 
 				<div :class="gstore.create_err.length > 0 ? 'sub warning' : 'sub'" :data-valid='gstore.create_err_valid?1:0'>{{ gstore.create_err }}</div>
 
+				<div class='footer'>
+						<span class='course'><input type='text' placeholder='???' v-model='gstore.create_vol.c'><span>Cours</span></span>
+						<hr>
+						<span class='td'><input type='text' placeholder='???' v-model='gstore.create_vol.td'><span>TD</span></span>
+						<hr>
+						<span class='tp'><input type='text' placeholder='???' v-model='gstore.create_vol.tp'><span>TP</span></span>
+				</div>
+
 				<div class='footer'>
 					<button class='valid' @click='gstore.ic_handler()'>Créer l'UE</button>
 				</div>
@@ -74,11 +82,24 @@
 						<span v-show='gstore.edit_i!=pi' :class="(ue.volumeTD    == 0) ? 'td'     : 'td active'">{{ ue.volumeTD }}h <span>TD</span></span>
 						<hr v-show='gstore.edit_i!=pi'>
 						<span v-show='gstore.edit_i!=pi' :class="(ue.volumeTP    == 0) ? 'tp'     : 'tp active'">{{ ue.volumeTP }}h <span>TP</span></span>
+
 						<!-- if EDIT MODE -->
-						<button v-show='gstore.edit_i==pi' class='search' @click='gstore.ie_handler(pi)'>Modifier l'UE</button>
-						<button v-show='gstore.edit_i==pi' class='grey' @click='gstore.ie_toggle(-1)'>Annuler</button>
+						<span v-show='gstore.edit_i==pi' class='course'><input type='text' placeholder='???' v-model='gstore.edit_vol.c'><span>Cours</span></span>
+						<hr v-show='gstore.edit_i==pi'>
+						<span v-show='gstore.edit_i==pi' class='td'><input type='text' placeholder='???' v-model='gstore.edit_vol.td'><span>TD</span></span>
+						<hr v-show='gstore.edit_i==pi'>
+						<span v-show='gstore.edit_i==pi' class='tp'><input type='text' placeholder='???' v-model='gstore.edit_vol.tp'><span>TP</span></span>
+
 						<!-- endif -->
 				</div>
+
+
+				<!-- if EDIT MODE -->
+				<div class='footer' v-show='gstore.edit_i==pi'>
+					<button v-show='gstore.edit_i==pi' class='search' @click='gstore.ie_handler(pi)'>Modifier l'UE</button>
+					<button v-show='gstore.edit_i==pi' class='grey' @click='gstore.ie_toggle(-1)'>Annuler</button>
+				</div>
+
 			</section>
 
 		</div>
diff --git a/webpack/data/ue.js b/webpack/data/ue.js
index e30b9f1..f35aae4 100644
--- a/webpack/data/ue.js
+++ b/webpack/data/ue.js
@@ -103,7 +103,7 @@ gstore.add('create_card', false);
 gstore.add('create_form',  '-');
 gstore.add('create_label', '');
 gstore.add('create_code',  '');
-// gstore.add('create_h',    '');
+gstore.add('create_vol',  { c: '', td: '', tp: ''});
 
 /* (3) Initialize error message */
 gstore.add('create_err_valid', false);
@@ -287,7 +287,7 @@ gstore.add('edit_i', -1);
 gstore.add('edit_form',  '-');
 gstore.add('edit_label', '');
 gstore.add('edit_code',  '');
-// gstore.add('edit_h',    '');
+gstore.add('edit_vol',  { c: '', td: '', tp: ''});
 
 /* (3) Initialize error message */
 gstore.add('edit_err_valid', false);
diff --git a/webpack/scss/container.scss b/webpack/scss/container.scss
index de5c09d..4e9dbb2 100644
--- a/webpack/scss/container.scss
+++ b/webpack/scss/container.scss
@@ -585,6 +585,17 @@
 					text-transform: uppercase;
 				}
 
+				/* (7.1-edit) Card footer input */
+				& > input{
+					width: 2.5em;
+
+					margin: 0;
+					padding: 0;
+
+					border: 0;
+				}
+
+
 			}
 
 			/* (7.1-edit) Card button submit */