Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/SharedFolder/Info.vue
| <template> | <template> | ||||
| <div class="container"> | <div class="container"> | ||||
| <status-component v-if="folder_id !== 'new'" :status="status" @status-update="statusUpdate"></status-component> | <status-component v-if="folder_id !== 'new'" :status="status" @status-update="statusUpdate"></status-component> | ||||
| <div class="card" id="folder-info"> | <div class="card" id="folder-info"> | ||||
| <div class="card-body"> | <div class="card-body"> | ||||
| <div class="card-title" v-if="folder_id !== 'new'"> | <div class="card-title" v-if="folder_id !== 'new'"> | ||||
| {{ $tc('shf.list-title', 1) }} | {{ $tc('shf.list-title', 1) }} | ||||
| <btn class="btn-outline-danger button-delete float-end" @click="deleteFolder()" icon="trash-can">{{ $t('shf.delete') }}</btn> | <btn class="btn-outline-danger button-delete float-end" @click="deleteFolder()" icon="trash-can">{{ $t('shf.delete') }}</btn> | ||||
| </div> | </div> | ||||
| <div class="card-title" v-if="folder_id === 'new'">{{ $t('shf.new') }}</div> | <div class="card-title" v-if="folder_id === 'new'">{{ $t('shf.new') }}</div> | ||||
| <div class="card-text"> | <div class="card-text"> | ||||
| <ul class="nav nav-tabs mt-3" role="tablist"> | <tabs class="mt-3" :tabs="folder_id === 'new' ? ['form.general'] : ['form.general', 'form.settings']"></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 v-if="folder_id !== 'new'" class="nav-item"> | |||||
| <a class="nav-link" id="tab-settings" href="#settings" role="tab" aria-controls="settings" aria-selected="false" @click="$root.tab"> | |||||
| {{ $t('form.settings') }} | |||||
| </a> | |||||
| </li> | |||||
| </ul> | |||||
| <div class="tab-content"> | <div class="tab-content"> | ||||
| <div class="tab-pane show active" id="general" role="tabpanel" aria-labelledby="tab-general"> | <div class="tab-pane show active" id="general" role="tabpanel" aria-labelledby="tab-general"> | ||||
| <form @submit.prevent="submit" class="card-body"> | <form @submit.prevent="submit" class="card-body"> | ||||
| <div v-if="folder_id !== 'new'" class="row plaintext mb-3"> | <div v-if="folder_id !== 'new'" class="row plaintext mb-3"> | ||||
| <label for="status" class="col-sm-4 col-form-label">{{ $t('form.status') }}</label> | <label for="status" class="col-sm-4 col-form-label">{{ $t('form.status') }}</label> | ||||
| <div class="col-sm-8"> | <div class="col-sm-8"> | ||||
| <span :class="$root.statusClass(folder) + ' form-control-plaintext'" id="status">{{ $root.statusText(folder) }}</span> | <span :class="$root.statusClass(folder) + ' form-control-plaintext'" id="status">{{ $root.statusText(folder) }}</span> | ||||
| </div> | </div> | ||||
| ▲ Show 20 Lines • Show All 144 Lines • Show Last 20 Lines | |||||