Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Resource/Info.vue
<template> | <template> | ||||
<div class="container"> | <div class="container"> | ||||
<status-component v-if="resource_id !== 'new'" :status="status" @status-update="statusUpdate"></status-component> | <status-component v-if="resource_id !== 'new'" :status="status" @status-update="statusUpdate"></status-component> | ||||
<div class="card" id="resource-info"> | <div class="card" id="resource-info"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-title" v-if="resource_id !== 'new'"> | <div class="card-title" v-if="resource_id !== 'new'"> | ||||
{{ $tc('resource.list-title', 1) }} | {{ $tc('resource.list-title', 1) }} | ||||
<button class="btn btn-outline-danger button-delete float-end" @click="deleteResource()" tag="button"> | <btn class="btn-outline-danger button-delete float-end" @click="deleteResource()" icon="trash-alt">{{ $t('resource.delete') }}</btn> | ||||
<svg-icon icon="trash-alt"></svg-icon> {{ $t('resource.delete') }} | |||||
</button> | |||||
</div> | </div> | ||||
<div class="card-title" v-if="resource_id === 'new'">{{ $t('resource.new') }}</div> | <div class="card-title" v-if="resource_id === 'new'">{{ $t('resource.new') }}</div> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<ul class="nav nav-tabs mt-3" role="tablist"> | <ul class="nav nav-tabs mt-3" role="tablist"> | ||||
<li class="nav-item"> | <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"> | <a class="nav-link active" id="tab-general" href="#general" role="tab" aria-controls="general" aria-selected="true" @click="$root.tab"> | ||||
{{ $t('form.general') }} | {{ $t('form.general') }} | ||||
</a> | </a> | ||||
Show All 28 Lines | <div class="container"> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div v-if="resource.email" class="row mb-3"> | <div v-if="resource.email" class="row mb-3"> | ||||
<label for="email" class="col-sm-4 col-form-label">{{ $t('form.email') }}</label> | <label for="email" class="col-sm-4 col-form-label">{{ $t('form.email') }}</label> | ||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<input type="text" class="form-control" id="email" disabled v-model="resource.email"> | <input type="text" class="form-control" id="email" disabled v-model="resource.email"> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> {{ $t('btn.submit') }}</button> | <btn class="btn-primary" type="submit" icon="check">{{ $t('btn.submit') }}</btn> | ||||
</form> | </form> | ||||
</div> | </div> | ||||
<div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="tab-settings"> | <div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="tab-settings"> | ||||
<form @submit.prevent="submitSettings" class="card-body"> | <form @submit.prevent="submitSettings" class="card-body"> | ||||
<div class="row mb-3"> | <div class="row mb-3"> | ||||
<label for="invitation_policy" class="col-sm-4 col-form-label">{{ $t('resource.invitation-policy') }}</label> | <label for="invitation_policy" class="col-sm-4 col-form-label">{{ $t('resource.invitation-policy') }}</label> | ||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<div class="input-group input-group-select mb-1"> | <div class="input-group input-group-select mb-1"> | ||||
<select class="form-select" id="invitation_policy" v-model="resource.config.invitation_policy" @change="policyChange"> | <select class="form-select" id="invitation_policy" v-model="resource.config.invitation_policy" @change="policyChange"> | ||||
<option value="accept">{{ $t('resource.ipolicy-accept') }}</option> | <option value="accept">{{ $t('resource.ipolicy-accept') }}</option> | ||||
<option value="manual">{{ $t('resource.ipolicy-manual') }}</option> | <option value="manual">{{ $t('resource.ipolicy-manual') }}</option> | ||||
<option value="reject">{{ $t('resource.ipolicy-reject') }}</option> | <option value="reject">{{ $t('resource.ipolicy-reject') }}</option> | ||||
</select> | </select> | ||||
<input type="text" class="form-control" id="owner" v-model="resource.config.owner" :placeholder="$t('form.email')"> | <input type="text" class="form-control" id="owner" v-model="resource.config.owner" :placeholder="$t('form.email')"> | ||||
</div> | </div> | ||||
<small id="invitation-policy-hint" class="text-muted"> | <small id="invitation-policy-hint" class="text-muted"> | ||||
{{ $t('resource.invitation-policy-text') }} | {{ $t('resource.invitation-policy-text') }} | ||||
</small> | </small> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> {{ $t('btn.submit') }}</button> | <btn class="btn-primary" type="submit" icon="check">{{ $t('btn.submit') }}</btn> | ||||
</form> | </form> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
▲ Show 20 Lines • Show All 104 Lines • Show Last 20 Lines |