github
/
nginxconfig.io
mirror of https://github.com/digitalocean/nginxconfig.io
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Logging section is done

pull/111/head
MattIPv4 2020-04-30 21:01:02 +01:00
parent c4831b9fec
commit 734a27a29d
1 changed files with 47 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/nginxconfig/templates/domain_sections/logging.vue
View File

@ -1,8 +1,45 @@
<template> <template>
<div>Hello world logging</div> <div>
<div class="field is-horizontal">
<div class="field-label">
<label class="label">access_log by domain</label>
</div>
<div class="field-body">
<div class="field">
<div :class="`control${accessLogChanged ? ' is-changed' : ''}`">
<div class="checkbox">
<PrettyCheck v-model="accessLog" class="p-default p-curve p-fill p-icon">
<i slot="extra" class="icon fas fa-check"></i>
enable for each domain
</PrettyCheck>
</div>
</div>
</div>
</div>
</div>
<div class="field is-horizontal">
<div class="field-label">
<label class="label">error_log by domain</label>
</div>
<div class="field-body">
<div class="field">
<div :class="`control${errorLogChanged ? ' is-changed' : ''}`">
<div class="checkbox">
<PrettyCheck v-model="errorLog" class="p-default p-curve p-fill p-icon">
<i slot="extra" class="icon fas fa-check"></i>
enable for each domain
</PrettyCheck>
</div>
</div>
</div>
</div>
</div>
</div>
</template> </template>
<script> <script>
import PrettyCheck from 'pretty-checkbox-vue/check';
import i18n from '../../i18n'; import i18n from '../../i18n';
import delegatedFromDefaults from '../../util/delegated_from_defaults'; import delegatedFromDefaults from '../../util/delegated_from_defaults';
import computedFromDefaults from '../../util/computed_from_defaults'; import computedFromDefaults from '../../util/computed_from_defaults';
@ -19,18 +56,21 @@
}; };
export default { export default {
name: 'DomainLogging', // Component name name: 'DomainLogging', // Component name
display: 'Logging', // Display name for tab display: 'Logging', // Display name for tab
key: 'logging', // Key for data in parent key: 'logging', // Key for data in parent
delegated: delegatedFromDefaults(defaults), // Data the parent will present here delegated: delegatedFromDefaults(defaults), // Data the parent will present here
components: {
PrettyCheck,
},
props: { props: {
data: Object, // Data delegated back to us from parent data: Object, // Data delegated back to us from parent
}, },
data () { data () {
return { return {
i18n, i18n,
}; };
}, },
computed: computedFromDefaults(defaults), // Getters & setters for the delegated data computed: computedFromDefaults(defaults, 'logging'), // Getters & setters for the delegated data
}; };
</script> </script>