modal(v-if="current", @close="current=false", :has-header="true", @next="next", @prev="prev")
div(slot="header")
p
strong {{current.metadata.name}}
div
small {{currentIndex+1}} / {{files.length}}
span.btn-group(style="margin-left: 15px")
a.btn.btn-sm.btn-default(title="previous", @click="prev", v-show="currentIndex > 0")
i.fa.fa-fw.fa-arrow-left
a.btn.btn-sm.btn-default(title="next", @click="next", v-show="currentIndex < files.length-1")
i.fa.fa-fw.fa-arrow-right
a.btn.btn-sm.btn-default(title="toggle line wrap", @click="lineWrap = !lineWrap", :class="{active:lineWrap}", v-show="current.previewType === 'text'")
i.fa.fa-fw.fa-rotate-left.fa-flip-vertical
div(slot="body")
div(v-if="current.previewType === 'image'", style="text-align:center")
img(:src="current.url", style="max-width: 100%; height:auto")
div(v-if="current.previewType === 'text'")
pre(:style="{'white-space':lineWrap?'pre-wrap':'pre'}") {{ previewText }}
p(v-if="current.previewType === false", style="text-align:center")
strong.text-danger No preview available