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: ['[[', ']]'],
el: '#app, #image-modal',
data: {
mode: state,
items: data,
currentItem: false,
showModal: false

10
socialdragon/templates/admin.html
View file

@ -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" . }}