minor refactoring + added copyright footer

ASE2020-orange · Nov 4, 2020 · 9966fbb · 9966fbb
1 parent d8e5dae
commit 9966fbb
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 4 deletions.
diff --git a/app.js b/app.js
@@ -21,11 +21,11 @@ Vue.component('question', {
 })
 
 Vue.component('answer', {
-    props: ['answer', 'position'],
+    props: ['answer', 'position', 'title'],
     template: `
     <b-list-group-item>
         <img
-        title="icon by Aman from the Noun Project"
+        v-bind:title="answer.title"
         height="50px" width="50px"
         v-bind:src="answer.position">
         {{answer.answer}}
@@ -48,7 +48,7 @@ var vm = new Vue({
         question: undefined,
         answers: [{
             answer: undefined,
-            svg_style: undefined,
+            title: undefined,
             position: undefined
         }],
         category: undefined,
@@ -75,6 +75,7 @@ function new_game() {
         }).catch(err => console.log(err))
 }
 let positions = ["./img/normal.svg", "./img/side.svg", "./img/upside_down.svg"];
+let position_titles = ["Normal", "On the side", "Upside down"];
 async function getQuestion() {
     fetch(`http://${SERVER_ADRESS}/api/games/${vm.game_id}/question/`, {
             method: 'get'
@@ -85,6 +86,7 @@ async function getQuestion() {
             vm.answers = data.answers;
             vm.answers.forEach(x => {
                 x.position = positions[vm.answers.indexOf(x)];
+                x.title = position_titles[vm.answers.indexOf(x)];
                 x.answer = decodeHTML(x.answer);
             });
             vm.question = decodeHTML(data.question);

diff --git a/index.html b/index.html
@@ -31,6 +31,15 @@
                     </div>
                 </b-col>
             </b-row>
+            <div class="fluid-container footer">
+                <p>
+                    <small>
+                        Advanced Software Engineering 2020 project for team "orange"
+                        <br />Team members: Sergiy Goloviatinski, Fabien Vorpe, Ludovic Herbelin, Raphaël Margueron
+                        <br />Icons &copy by Aman from the Noun Project
+                    </small>
+                </p>
+            </div>
         </b-container>
     </div>
     <script src="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.js"></script>

diff --git a/style.css b/style.css
@@ -1,3 +1,9 @@
-.selected_answer img{
+.selected_answer img {
     filter: invert(1);
+}
+
+.fluid-container.footer {
+    position: absolute;
+    bottom: 0px;
+    right: 10px;
 }