79 lines
3 KiB
HTML
79 lines
3 KiB
HTML
{{ template "header.html" . }}
|
|
|
|
<!-- template for the modal component -->
|
|
<script type="text/x-template" id="modal-template">
|
|
<transition name="modal">
|
|
<div class="modal-mask">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-container">
|
|
|
|
<div class="modal-header">
|
|
<slot name="header">
|
|
</slot>
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
<slot name="body">
|
|
default body
|
|
</slot>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<slot name="footer">
|
|
<button class="mdl-button mdl-js-button mdl-button--icon close" @click="$emit('close')">
|
|
<i class="material-icons">close</i>
|
|
</button>
|
|
</slot>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</transition>
|
|
</script>
|
|
|
|
<body>
|
|
<div class="mdl-layout mdl-js-layout mdl-layout--no-desktop-drawer-button mdl-layout--fixed-header">
|
|
{{ template "menu.html" . }}
|
|
<main class="mdl-layout__content" id="app" v-cloak="v-cloak">
|
|
<div class="mdl-grid">
|
|
<div class="mdl-cell mdl-cell--3-col" v-for="item in items">
|
|
<a v-on:click="detailPopup(item)">
|
|
<!-- Image -->
|
|
<img class="mdl-shadow--4dp sd-res-media" v-if="!item.IsVideo" v-bind:src="item.Path" alt="" />
|
|
|
|
<!-- Video -->
|
|
<video class="mdl-shadow--4dp sd-res-media" v-if="item.IsVideo">
|
|
<source v-bind:src="item.Path" />
|
|
</video>
|
|
</a>
|
|
</div>
|
|
|
|
<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" />
|
|
</video>
|
|
<img class="sd-res-media-both" alt="" v-bind: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)">
|
|
<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)">
|
|
<i class="material-icons">cancel</i> Reject
|
|
</button>
|
|
<button class="mdl-button mdl-js-button mdl-button--icon close" @click="showModal = false">
|
|
<i class="material-icons">close</i>
|
|
</button>
|
|
</div>
|
|
</modal>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
var site = "{{ .site }}";
|
|
var data = {{ .its }};
|
|
</script>
|
|
{{ template "footer.html" . }}
|