Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/File/Info.vue
<template> | <template> | ||||
<div class="container"> | <div class="container"> | ||||
<div class="card" id="file-info"> | <div class="card" id="file-info"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-title"> | <div class="card-title"> | ||||
{{ file.name }} | {{ file.name }} | ||||
<btn v-if="file.canDelete" class="btn-outline-danger button-delete float-end" @click="fileDelete" icon="trash-can">{{ $t('file.delete') }}</btn> | <btn v-if="file.canDelete" class="btn-outline-danger button-delete float-end" @click="fileDelete" icon="trash-can">{{ $t('file.delete') }}</btn> | ||||
</div> | </div> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<ul class="nav nav-tabs mt-3" role="tablist"> | <tabs class="mt-3" :tabs="file.isOwner ? ['form.general','file.sharing'] : ['form.general']"></tabs> | ||||
<li class="nav-item"> | |||||
<a class="nav-link active" id="tab-general" href="#general" role="tab" aria-controls="general" aria-selected="true" @click="$root.tab"> | |||||
{{ $t('form.general') }} | |||||
</a> | |||||
</li> | |||||
<li class="nav-item" v-if="file.isOwner"> | |||||
<a class="nav-link" id="tab-sharing" href="#sharing" role="tab" aria-controls="sharing" aria-selected="false" @click="$root.tab"> | |||||
{{ $t('file.sharing') }} | |||||
</a> | |||||
</li> | |||||
</ul> | |||||
<div class="tab-content"> | <div class="tab-content"> | ||||
<form class="tab-pane show active card-body read-only short" id="general" role="tabpanel" aria-labelledby="tab-general"> | <form class="tab-pane show active card-body read-only short" id="general" role="tabpanel" aria-labelledby="tab-general"> | ||||
<div class="row plaintext"> | <div class="row plaintext"> | ||||
<label for="mimetype" class="col-sm-4 col-form-label">{{ $t('file.mimetype') }}</label> | <label for="mimetype" class="col-sm-4 col-form-label">{{ $t('file.mimetype') }}</label> | ||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<span class="form-control-plaintext" id="mimetype">{{ file.mimetype }}</span> | <span class="form-control-plaintext" id="mimetype">{{ file.mimetype }}</span> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
▲ Show 20 Lines • Show All 133 Lines • Show Last 20 Lines |