zenermerps/SocialDragon
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Only enable buttons that make sense for current state

Browse source
This commit is contained in:
Marvin Scholz 2017-01-20 15:43:52 +01:00
parent 336b820819
commit 135a04db24
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
socialdragon/assets/js/app.js
View file

@ -8,6 +8,7 @@ var app = new Vue({
delimiters: ['[[', ']]'], delimiters: ['[[', ']]'],
el: '#app, #image-modal', el: '#app, #image-modal',
data: { data: {
mode: state,
items: data, items: data,
currentItem: false, currentItem: false,
showModal: false showModal: false

10
socialdragon/templates/admin.html
View file

@ -51,15 +51,15 @@
<modal v-if="showModal" @close="showModal = false"> <modal v-if="showModal" @close="showModal = false">
<div slot="body"> <div slot="body">
<video class="sd-res-media-both" controls v-if="currentItem.IsVideo"> <video class="sd-res-media-both" controls v-if="currentItem.IsVideo">
<source v-bind:src="currentItem.Path" /> <source :src="currentItem.Path" />
</video> </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>
<div slot="footer"> <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 <i class="material-icons">check</i> Approve
</button> </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 <i class="material-icons">cancel</i> Reject
</button> </button>
<button class="mdl-button mdl-js-button mdl-button--icon close" @click="showModal = false"> <button class="mdl-button mdl-js-button mdl-button--icon close" @click="showModal = false">
@ -72,7 +72,7 @@
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
var state = "{{ .state }}"; var state = {{ .state }};
var data = {{ .its }}; var data = {{ .its }};
</script> </script>
{{ template "footer.html" . }} {{ template "footer.html" . }}