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: ['[[', ']]'],
|
||||
el: '#app, #image-modal',
|
||||
data: {
|
||||
mode: state,
|
||||
items: data,
|
||||
currentItem: false,
|
||||
showModal: false
|
||||
|
|
|
@ -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" . }}
|
||||
|
|
Loading…
Reference in a new issue