Page MenuHomePhorge
Files F120840331

Policies.vue
No OneTemporary
Actions

Authored By
Unknown
Size
5 KB
Referenced Files
None
Subscribers
None

Policies.vue
View Options

<template>
<div class="container">
<div class="card" id="policies">
<div class="card-body">
<div class="card-title">
{{ $t('dashboard.policies') }}
</div>
<div class="card-text">
<form @submit.prevent="submit">
<div class="row mb-3">
<label class="col-sm-4 col-form-label">{{ $t('policies.password-policy') }}</label>
<div class="col-sm-8">
<ul id="password_policy" class="list-group ms-1 mt-1">
<li v-for="rule in passwordPolicy" :key="rule.label" class="list-group-item border-0 form-check pt-1 pb-1">
<input type="checkbox" class="form-check-input"
:id="'policy-' + rule.label"
:name="rule.label"
:checked="rule.enabled || isRequired(rule)"
:disabled="isRequired(rule)"
>
<span v-if="rule.label == 'last'" v-html="ruleLastHTML(rule)"></span>
<label v-else :for="'policy-' + rule.label" class="form-check-label pe-2" style="opacity: 1;">{{ rule.name.split(':')[0] }}</label>
<input type="text" class="form-control form-control-sm w-auto d-inline" v-if="['min', 'max'].includes(rule.label)" :value="rule.param" size="3">
</li>
</ul>
</div>
</div>
<div class="row mb-3">
<label class="col-sm-4 col-form-label">{{ $t('policies.password-retention') }}</label>
<div class="col-sm-8">
<ul id="password_retention" class="list-group ms-1 mt-1">
<li class="list-group-item border-0 form-check pt-1 pb-1">
<input type="checkbox" class="form-check-input" id="max_password_age" :checked="config.max_password_age">
<label for="max_password_age" class="form-check-label pe-2">{{ $t('policies.password-max-age') }}</label>
<select class="form-select form-select-sm d-inline w-auto" id="max_password_age_value">
<option v-for="num in [3, 6, 9, 12]" :key="num" :value="num" :selected="num == config.max_password_age">
{{ num }} {{ $t('form.months') }}
</option>
</select>
</li>
</ul>
</div>
</div>
<btn class="btn-primary" type="submit" icon="check">{{ $t('btn.submit') }}</btn>
</form>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
config: [],
passwordPolicy: []
}
},
created() {
this.wallet = this.$root.authInfo.wallet
},
mounted() {
axios.get('/api/v4/password-policy', { loader: true })
.then(response => {
if (response.data.list) {
this.passwordPolicy = response.data.list
this.config = response.data.config
}
})
.catch(this.$root.errorHandler)
},
methods: {
isRequired(rule) {
return rule.label == 'min' || rule.label == 'max'
},
ruleLastHTML(rule) {
let parts = rule.name.split(/[0-9]+/)
let options = [1, 2, 3, 4, 5, 6]
options = options.map(num => {
let selected = num == rule.param ? ' selected' : ''
return `<option value="${num}"${selected}>${num}</option>`
})
return `<label for="policy-last" class="form-check-label pe-2">
${parts[0]} <select class="form-select form-select-sm d-inline w-auto">${options.join('')}</select> ${parts[1]}
</label>`
},
submit() {
this.$root.clearFormValidation($('#policies form'))
let max_password_age = $('#max_password_age:checked').length ? $('#max_password_age_value').val() : 0
let password_policy = [];
$('#password_policy > li > input:checked').each((i, element) => {
let entry = element.name
let param = $(element.parentNode).find('select,input[type=text]').val()
if (param) {
entry += ':' + param
}
password_policy.push(entry)
})
let post = {
max_password_age,
password_policy: password_policy.join(','),
}
axios.post('/api/v4/users/' + this.wallet.user_id + '/config', post)
.then(response => {
this.$toast.success(response.data.message)
})
},
}
}
</script>

File Metadata

Mime Type
text/html
Expires
Fri, Apr 24, 2:25 PM (1 w, 5 d ago)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
18858198
Default Alt Text
Policies.vue (5 KB)

Event Timeline