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

Add global logging section

pull/111/head
MattIPv4 2020-05-01 21:07:23 +01:00
parent 306f057ebc
commit 8e9a89b107
3 changed files with 99 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,7 +10,7 @@
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="accessLog" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="accessLog" class="p-default p-curve p-fill p-icon">
<i slot="extra" class="icon fas fa-check"></i> <i slot="extra" class="icon fas fa-check"></i>
enable for each domain enable for this domain
</PrettyCheck> </PrettyCheck>
</div> </div>
</div> </div>
@ -28,7 +28,7 @@
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="errorLog" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="errorLog" class="p-default p-curve p-fill p-icon">
<i slot="extra" class="icon fas fa-check"></i> <i slot="extra" class="icon fas fa-check"></i>
enable for each domain enable for this domain
</PrettyCheck> </PrettyCheck>
</div> </div>
</div> </div>

1
src/nginxconfig/templates/global_sections/index.js
View File

@ -3,3 +3,4 @@ export { default as Security } from './security';
export { default as PHP } from './php'; export { default as PHP } from './php';
export { default as Python } from './python'; export { default as Python } from './python';
export { default as Performance } from './performance'; export { default as Performance } from './performance';
export { default as Logging } from './logging';

96
src/nginxconfig/templates/global_sections/logging.vue Normal file
View File

@ -0,0 +1,96 @@
<template>
<div>
<div class="field is-horizontal">
<div class="field-label">
<label class="label">access_log</label>
</div>
<div class="field-body">
<div class="field">
<div :class="`control${accessLogChanged ? ' is-changed' : ''}`">
<input v-model="accessLog"
class="input"
type="text"
:placeholder="$props.data.accessLog.default"
/>
</div>
</div>
</div>
</div>
<div class="field is-horizontal">
<div class="field-label">
<label class="label">error_log</label>
</div>
<div class="field-body">
<div class="field">
<div :class="`control${errorLogChanged ? ' is-changed' : ''}`">
<input v-model="errorLog"
class="input"
type="text"
:placeholder="$props.data.errorLog.default"
/>
</div>
</div>
</div>
</div>
<div class="field is-horizontal is-aligned-top">
<div class="field-label">
<label class="label">log_not_found</label>
</div>
<div class="field-body">
<div class="field">
<div :class="`control${logNotFoundChanged ? ' is-changed' : ''}`">
<div class="checkbox">
<PrettyCheck v-model="logNotFound" class="p-default p-curve p-fill p-icon">
<i slot="extra" class="icon fas fa-check"></i>
enable file not found error logging in error_log
</PrettyCheck>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import PrettyCheck from 'pretty-checkbox-vue/check';
import i18n from '../../i18n';
import delegatedFromDefaults from '../../util/delegated_from_defaults';
import computedFromDefaults from '../../util/computed_from_defaults';
const defaults = {
accessLog: {
default: '/var/log/nginx/access.log',
enabled: true,
},
errorLog: {
default: '/var/log/nginx/error.log warn',
enabled: true,
},
logNotFound: {
default: false,
enabled: true,
},
};
export default {
name: 'GlobalLogging', // Component name
display: 'Logging', // Display name for tab
key: 'logging', // Key for data in parent
delegated: delegatedFromDefaults(defaults), // Data the parent will present here
components: {
PrettyCheck,
},
props: {
data: Object, // Data delegated back to us from parent
},
data () {
return {
i18n,
};
},
computed: computedFromDefaults(defaults, 'logging'), // Getters & setters for the delegated data
};
</script>