From 135a04db245224c1bbd36ff588e1ffe08f6d82ed Mon Sep 17 00:00:00 2001
From: Marvin Scholz <epirat07@gmail.com>
Date: Fri, 20 Jan 2017 15:43:52 +0100
Subject: [PATCH] Only enable buttons that make sense for current state

---
 socialdragon/assets/js/app.js     |  1 +
 socialdragon/templates/admin.html | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/socialdragon/assets/js/app.js b/socialdragon/assets/js/app.js
index 61741a2..98d7ad4 100644
--- a/socialdragon/assets/js/app.js
+++ b/socialdragon/assets/js/app.js
@@ -8,6 +8,7 @@ var app = new Vue({
     delimiters: ['[[', ']]'],
     el: '#app, #image-modal',
     data: {
+        mode: state,
         items: data,
         currentItem: false,
         showModal: false
diff --git a/socialdragon/templates/admin.html b/socialdragon/templates/admin.html
index ad339ea..5df9580 100644
--- a/socialdragon/templates/admin.html
+++ b/socialdragon/templates/admin.html
@@ -51,15 +51,15 @@
                 <modal v-if="showModal" @close="showModal = false">
                     <div slot="body">
                         <video class="sd-res-media-both" controls v-if="currentItem.IsVideo">
-                            <source v-bind:src="currentItem.Path" />
+                            <source :src="currentItem.Path" />
                         </video>
-                        <img class="sd-res-media-both" alt="" v-bind:src="currentItem.Path" v-if="!currentItem.IsVideo" />
+                        <img class="sd-res-media-both" alt="" :src="currentItem.Path" v-if="!currentItem.IsVideo" />
                     </div>
                     <div slot="footer">
-                        <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored modal-default-button" @click="approveItem(currentItem.ID)">
+                        <button :disabled="mode === 1" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored modal-default-button" @click="approveItem(currentItem.ID)">
                             <i class="material-icons">check</i> Approve
                         </button>
-                        <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent" @click="rejectItem(currentItem.ID)">
+                        <button :disabled="mode === 2" class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent" @click="rejectItem(currentItem.ID)">
                             <i class="material-icons">cancel</i> Reject
                         </button>
                         <button class="mdl-button mdl-js-button mdl-button--icon close" @click="showModal = false">
@@ -72,7 +72,7 @@
     </div>
 
 <script type="text/javascript">
-    var state = "{{ .state }}";
+    var state = {{ .state }};
     var data = {{ .its }};
 </script>
 {{ template "footer.html" . }}