Only enable buttons that make sense for current state
This commit is contained in:
parent
336b820819
commit
135a04db24
|
@ -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
|
||||||
|
|
|
@ -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" . }}
|
||||||
|
|
Loading…
Reference in a new issue