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

Set checkmark as default for extra slot

This commit is contained in:
MattIPv4 2022-03-01 21:19:55 +00:00
parent 9413c9a05b
commit 9046f07e30
18 changed files with 35 additions and 218 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/nginxconfig/templates/domain_sections/https.vue
View File

@ -35,9 +35,6 @@ THE SOFTWARE.
<div :class="`control${httpsChanged ? ' is-changed' : ''}`"> <div :class="`control${httpsChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="https" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="https" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.https.enableEncryptedSslConnection') }} {{ $t('templates.domainSections.https.enableEncryptedSslConnection') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -55,9 +52,6 @@ THE SOFTWARE.
<div :class="`control${http2Changed ? ' is-changed' : ''}`"> <div :class="`control${http2Changed ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="http2" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="http2" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.https.enableHttp2Connections') }} {{ $t('templates.domainSections.https.enableHttp2Connections') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -75,9 +69,6 @@ THE SOFTWARE.
<div :class="`control${http3Changed ? ' is-changed' : ''}`"> <div :class="`control${http3Changed ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="http3" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="http3" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.https.enableHttp3Connections') }} {{ $t('templates.domainSections.https.enableHttp3Connections') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -113,9 +104,6 @@ THE SOFTWARE.
<div :class="`control${forceHttpsChanged ? ' is-changed' : ''}`"> <div :class="`control${forceHttpsChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="forceHttps" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="forceHttps" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
(http://{{ $parent.$props.data.server.domain.computed }} (http://{{ $parent.$props.data.server.domain.computed }}
<i class="fas fa-long-arrow-alt-right"></i> <i class="fas fa-long-arrow-alt-right"></i>
https://{{ $parent.$props.data.server.domain.computed }}) https://{{ $parent.$props.data.server.domain.computed }})
@ -135,9 +123,6 @@ THE SOFTWARE.
<div :class="`control${hstsChanged ? ' is-changed' : ''}`"> <div :class="`control${hstsChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="hsts" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="hsts" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.https.enableStrictTransportSecurity') }} {{ $t('templates.domainSections.https.enableStrictTransportSecurity') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -146,9 +131,6 @@ THE SOFTWARE.
<div v-if="hstsSubdomainsEnabled" :class="`control${hstsSubdomainsChanged ? ' is-changed' : ''}`"> <div v-if="hstsSubdomainsEnabled" :class="`control${hstsSubdomainsChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="hstsSubdomains" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="hstsSubdomains" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.https.enableIncludeSubDomains') }} {{ $t('templates.domainSections.https.enableIncludeSubDomains') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -157,9 +139,6 @@ THE SOFTWARE.
<div v-if="hstsPreloadEnabled" :class="`control${hstsPreloadChanged ? ' is-changed' : ''}`"> <div v-if="hstsPreloadEnabled" :class="`control${hstsPreloadChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="hstsPreload" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="hstsPreload" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.https.enablePreload') }} {{ $t('templates.domainSections.https.enablePreload') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -180,9 +159,6 @@ THE SOFTWARE.
> >
<div class="radio"> <div class="radio">
<PrettyRadio v-model="certType" :value="value" class="p-default p-round p-fill p-icon"> <PrettyRadio v-model="certType" :value="value" class="p-default p-round p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t(name) }} {{ $t(name) }}
</PrettyRadio> </PrettyRadio>
</div> </div>

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

@ -35,9 +35,6 @@ THE SOFTWARE.
<div :class="`control${accessLogChanged ? ' is-changed' : ''}`"> <div :class="`control${accessLogChanged ? ' is-changed' : ''}`">
<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">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.logging.enableForThisDomain') }} {{ $t('templates.domainSections.logging.enableForThisDomain') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -55,9 +52,6 @@ THE SOFTWARE.
<div :class="`control${errorLogChanged ? ' is-changed' : ''}`"> <div :class="`control${errorLogChanged ? ' is-changed' : ''}`">
<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">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.logging.enableForThisDomain') }} {{ $t('templates.domainSections.logging.enableForThisDomain') }}
</PrettyCheck> </PrettyCheck>
</div> </div>

15
src/nginxconfig/templates/domain_sections/php.vue
View File

@ -56,9 +56,6 @@ THE SOFTWARE.
<div :class="`control${phpChanged ? ' is-changed' : ''}`"> <div :class="`control${phpChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="php" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="php" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.php.enablePhp') }} {{ $t('templates.domainSections.php.enablePhp') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -128,9 +125,6 @@ THE SOFTWARE.
<div :class="`control${wordPressRulesChanged ? ' is-changed' : ''}`"> <div :class="`control${wordPressRulesChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="wordPressRules" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="wordPressRules" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.php.enableWordPressRules') }} {{ $t('templates.domainSections.php.enableWordPressRules') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -148,9 +142,6 @@ THE SOFTWARE.
<div :class="`control${drupalRulesChanged ? ' is-changed' : ''}`"> <div :class="`control${drupalRulesChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="drupalRules" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="drupalRules" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.php.enableDrupalRules') }} {{ $t('templates.domainSections.php.enableDrupalRules') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -168,9 +159,6 @@ THE SOFTWARE.
<div :class="`control${magentoRulesChanged ? ' is-changed' : ''}`"> <div :class="`control${magentoRulesChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="magentoRules" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="magentoRules" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.php.enableMagentoRules') }} {{ $t('templates.domainSections.php.enableMagentoRules') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -188,9 +176,6 @@ THE SOFTWARE.
<div :class="`control${joomlaRulesChanged ? ' is-changed' : ''}`"> <div :class="`control${joomlaRulesChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="joomlaRules" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="joomlaRules" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.php.enableJoomlaRules') }} {{ $t('templates.domainSections.php.enableJoomlaRules') }}
</PrettyCheck> </PrettyCheck>
</div> </div>

6
src/nginxconfig/templates/domain_sections/python.vue
View File

@ -56,9 +56,6 @@ THE SOFTWARE.
<div :class="`control${pythonChanged ? ' is-changed' : ''}`"> <div :class="`control${pythonChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="python" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="python" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.python.enablePython') }} {{ $t('templates.domainSections.python.enablePython') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -76,9 +73,6 @@ THE SOFTWARE.
<div :class="`control${djangoRulesChanged ? ' is-changed' : ''}`"> <div :class="`control${djangoRulesChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="djangoRules" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="djangoRules" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.python.enableDjangoRules') }} {{ $t('templates.domainSections.python.enableDjangoRules') }}
</PrettyCheck> </PrettyCheck>
</div> </div>

27
src/nginxconfig/templates/domain_sections/restrict.vue
View File

@ -37,9 +37,6 @@ THE SOFTWARE.
<div :class="`control${getMethodChanged ? ' is-changed' : ''}`"> <div :class="`control${getMethodChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="getMethod" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="getMethod" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.restrict.disableForThisDomain') }} {{ $t('templates.domainSections.restrict.disableForThisDomain') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -56,9 +53,6 @@ THE SOFTWARE.
<div :class="`control${postMethodChanged ? ' is-changed' : ''}`"> <div :class="`control${postMethodChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="postMethod" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="postMethod" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.restrict.disableForThisDomain') }} {{ $t('templates.domainSections.restrict.disableForThisDomain') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -75,9 +69,6 @@ THE SOFTWARE.
<div :class="`control${putMethodChanged ? ' is-changed' : ''}`"> <div :class="`control${putMethodChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="putMethod" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="putMethod" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.restrict.disableForThisDomain') }} {{ $t('templates.domainSections.restrict.disableForThisDomain') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -94,9 +85,6 @@ THE SOFTWARE.
<div :class="`control${patchMethodChanged ? ' is-changed' : ''}`"> <div :class="`control${patchMethodChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="patchMethod" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="patchMethod" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.restrict.disableForThisDomain') }} {{ $t('templates.domainSections.restrict.disableForThisDomain') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -113,9 +101,6 @@ THE SOFTWARE.
<div :class="`control${deleteMethodChanged ? ' is-changed' : ''}`"> <div :class="`control${deleteMethodChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="deleteMethod" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="deleteMethod" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.restrict.disableForThisDomain') }} {{ $t('templates.domainSections.restrict.disableForThisDomain') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -134,9 +119,6 @@ THE SOFTWARE.
<div :class="`control${headMethodChanged ? ' is-changed' : ''}`"> <div :class="`control${headMethodChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="headMethod" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="headMethod" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.restrict.disableForThisDomain') }} {{ $t('templates.domainSections.restrict.disableForThisDomain') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -153,9 +135,6 @@ THE SOFTWARE.
<div :class="`control${connectMethodChanged ? ' is-changed' : ''}`"> <div :class="`control${connectMethodChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="connectMethod" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="connectMethod" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.restrict.disableForThisDomain') }} {{ $t('templates.domainSections.restrict.disableForThisDomain') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -172,9 +151,6 @@ THE SOFTWARE.
<div :class="`control${optionsMethodChanged ? ' is-changed' : ''}`"> <div :class="`control${optionsMethodChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="optionsMethod" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="optionsMethod" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.restrict.disableForThisDomain') }} {{ $t('templates.domainSections.restrict.disableForThisDomain') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -191,9 +167,6 @@ THE SOFTWARE.
<div :class="`control${traceMethodChanged ? ' is-changed' : ''}`"> <div :class="`control${traceMethodChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="traceMethod" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="traceMethod" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.restrict.disableForThisDomain') }} {{ $t('templates.domainSections.restrict.disableForThisDomain') }}
</PrettyCheck> </PrettyCheck>
</div> </div>

3
src/nginxconfig/templates/domain_sections/reverse_proxy.vue
View File

@ -56,9 +56,6 @@ THE SOFTWARE.
<div class="control"> <div class="control">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="reverseProxy" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="reverseProxy" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.reverseProxy.enableReverseProxy') }} {{ $t('templates.domainSections.reverseProxy.enableReverseProxy') }}
</PrettyCheck> </PrettyCheck>
</div> </div>

15
src/nginxconfig/templates/domain_sections/routing.vue
View File

@ -35,9 +35,6 @@ THE SOFTWARE.
<div :class="`control${rootChanged ? ' is-changed' : ''}`"> <div :class="`control${rootChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="root" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="root" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('common.enable') }} {{ $t('common.enable') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -58,9 +55,6 @@ THE SOFTWARE.
> >
<div class="radio"> <div class="radio">
<PrettyRadio v-model="index" :value="value" class="p-default p-round p-fill p-icon"> <PrettyRadio v-model="index" :value="value" class="p-default p-round p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ value }} {{ value }}
</PrettyRadio> </PrettyRadio>
</div> </div>
@ -78,9 +72,6 @@ THE SOFTWARE.
<div v-if="fallbackHtmlEnabled" :class="`control${fallbackHtmlChanged ? ' is-changed' : ''}`"> <div v-if="fallbackHtmlEnabled" :class="`control${fallbackHtmlChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="fallbackHtml" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="fallbackHtml" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
index.html index.html
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -88,9 +79,6 @@ THE SOFTWARE.
<div v-if="fallbackPhpEnabled" :class="`control${fallbackPhpChanged ? ' is-changed' : ''}`"> <div v-if="fallbackPhpEnabled" :class="`control${fallbackPhpChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="fallbackPhp" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="fallbackPhp" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
index.php index.php
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -126,9 +114,6 @@ THE SOFTWARE.
<div :class="`control${legacyPhpRoutingChanged ? ' is-changed' : ''}`"> <div :class="`control${legacyPhpRoutingChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="legacyPhpRouting" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="legacyPhpRouting" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.domainSections.routing.enableLegacyRouting') }} {{ $t('templates.domainSections.routing.enableLegacyRouting') }}
</PrettyCheck> </PrettyCheck>
</div> </div>

9
src/nginxconfig/templates/domain_sections/server.vue
View File

@ -70,9 +70,6 @@ THE SOFTWARE.
<div :class="`control${wwwSubdomainChanged ? ' is-changed' : ''}`"> <div :class="`control${wwwSubdomainChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="wwwSubdomain" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="wwwSubdomain" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
(www.{{ $props.data.domain.computed }}) (www.{{ $props.data.domain.computed }})
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -90,9 +87,6 @@ THE SOFTWARE.
<div :class="`control${cdnSubdomainChanged ? ' is-changed' : ''}`"> <div :class="`control${cdnSubdomainChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="cdnSubdomain" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="cdnSubdomain" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
(cdn.{{ $props.data.domain.computed }}) (cdn.{{ $props.data.domain.computed }})
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -110,9 +104,6 @@ THE SOFTWARE.
<div :class="`control${redirectSubdomainsChanged ? ' is-changed' : ''}`"> <div :class="`control${redirectSubdomainsChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="redirectSubdomains" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="redirectSubdomains" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
({{ wwwSubdomain ? `${domain}, ` : '' }}*.{{ $props.data.domain.computed }} ({{ wwwSubdomain ? `${domain}, ` : '' }}*.{{ $props.data.domain.computed }}
<i class="fas fa-long-arrow-alt-right"></i> <i class="fas fa-long-arrow-alt-right"></i>
{{ wwwSubdomain ? 'www.' : '' }}{{ $props.data.domain.computed }}) {{ wwwSubdomain ? 'www.' : '' }}{{ $props.data.domain.computed }})

6
src/nginxconfig/templates/global_sections/docker.vue
View File

@ -52,9 +52,6 @@ THE SOFTWARE.
<div :class="`control${dockerfileChanged ? ' is-changed' : ''}`"> <div :class="`control${dockerfileChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="dockerfile" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="dockerfile" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.docker.includeDockerfile') }} {{ $t('templates.globalSections.docker.includeDockerfile') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -71,9 +68,6 @@ THE SOFTWARE.
<div :class="`control${dockerComposeChanged ? ' is-changed' : ''}`"> <div :class="`control${dockerComposeChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="dockerCompose" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="dockerCompose" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.docker.includeDockerCompose') }} {{ $t('templates.globalSections.docker.includeDockerCompose') }}
</PrettyCheck> </PrettyCheck>
</div> </div>

36
src/nginxconfig/templates/global_sections/https.vue
View File

@ -35,9 +35,6 @@ THE SOFTWARE.
<div :class="`control${portReuseChanged ? ' is-changed' : ''}`"> <div :class="`control${portReuseChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="portReuse" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="portReuse" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.https.enableReuseOfPort') }} {{ $t('templates.globalSections.https.enableReuseOfPort') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -75,9 +72,6 @@ THE SOFTWARE.
> >
<div class="radio"> <div class="radio">
<PrettyRadio v-model="sslProfile" :value="value" class="p-default p-round p-fill p-icon"> <PrettyRadio v-model="sslProfile" :value="value" class="p-default p-round p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t(name) }} {{ $t(name) }}
</PrettyRadio> </PrettyRadio>
</div> </div>
@ -96,9 +90,6 @@ THE SOFTWARE.
<div :class="`control${ocspCloudflareChanged ? ' is-changed' : ''}`"> <div :class="`control${ocspCloudflareChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="ocspCloudflare" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="ocspCloudflare" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.https.cloudflareResolver') }} {{ $t('templates.globalSections.https.cloudflareResolver') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -110,9 +101,6 @@ THE SOFTWARE.
> >
<div class="radio"> <div class="radio">
<PrettyRadio v-model="ocspCloudflareType" :value="value" class="p-default p-round p-fill p-icon"> <PrettyRadio v-model="ocspCloudflareType" :value="value" class="p-default p-round p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t(name) }} {{ $t(name) }}
</PrettyRadio> </PrettyRadio>
</div> </div>
@ -122,9 +110,6 @@ THE SOFTWARE.
<div :class="`control${ocspGoogleChanged ? ' is-changed' : ''}`"> <div :class="`control${ocspGoogleChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="ocspGoogle" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="ocspGoogle" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.https.googlePublicDns') }} {{ $t('templates.globalSections.https.googlePublicDns') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -136,9 +121,6 @@ THE SOFTWARE.
> >
<div class="radio"> <div class="radio">
<PrettyRadio v-model="ocspGoogleType" :value="value" class="p-default p-round p-fill p-icon"> <PrettyRadio v-model="ocspGoogleType" :value="value" class="p-default p-round p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t(name) }} {{ $t(name) }}
</PrettyRadio> </PrettyRadio>
</div> </div>
@ -148,9 +130,6 @@ THE SOFTWARE.
<div :class="`control${ocspOpenDnsChanged ? ' is-changed' : ''}`"> <div :class="`control${ocspOpenDnsChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="ocspOpenDns" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="ocspOpenDns" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.https.openDns') }} {{ $t('templates.globalSections.https.openDns') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -162,9 +141,6 @@ THE SOFTWARE.
> >
<div class="radio"> <div class="radio">
<PrettyRadio v-model="ocspOpenDnsType" :value="value" class="p-default p-round p-fill p-icon"> <PrettyRadio v-model="ocspOpenDnsType" :value="value" class="p-default p-round p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t(name) }} {{ $t(name) }}
</PrettyRadio> </PrettyRadio>
</div> </div>
@ -174,9 +150,6 @@ THE SOFTWARE.
<div :class="`control${ocspQuad9Changed ? ' is-changed' : ''}`"> <div :class="`control${ocspQuad9Changed ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="ocspQuad9" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="ocspQuad9" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.https.quad9') }} {{ $t('templates.globalSections.https.quad9') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -188,9 +161,6 @@ THE SOFTWARE.
> >
<div class="radio"> <div class="radio">
<PrettyRadio v-model="ocspQuad9Type" :value="value" class="p-default p-round p-fill p-icon"> <PrettyRadio v-model="ocspQuad9Type" :value="value" class="p-default p-round p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t(name) }} {{ $t(name) }}
</PrettyRadio> </PrettyRadio>
</div> </div>
@ -200,9 +170,6 @@ THE SOFTWARE.
<div :class="`control${ocspVerisignChanged ? ' is-changed' : ''}`"> <div :class="`control${ocspVerisignChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="ocspVerisign" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="ocspVerisign" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.https.verisign') }} {{ $t('templates.globalSections.https.verisign') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -214,9 +181,6 @@ THE SOFTWARE.
> >
<div class="radio"> <div class="radio">
<PrettyRadio v-model="ocspVerisignType" :value="value" class="p-default p-round p-fill p-icon"> <PrettyRadio v-model="ocspVerisignType" :value="value" class="p-default p-round p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t(name) }} {{ $t(name) }}
</PrettyRadio> </PrettyRadio>
</div> </div>

30
src/nginxconfig/templates/global_sections/logging.vue
View File

@ -71,9 +71,6 @@ THE SOFTWARE.
<div :class="`control${logNotFoundChanged ? ' is-changed' : ''}`"> <div :class="`control${logNotFoundChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="logNotFound" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="logNotFound" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.logging.enableFileNotFoundErrorLogging') }} error_log {{ $t('templates.globalSections.logging.enableFileNotFoundErrorLogging') }} error_log
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -91,9 +88,6 @@ THE SOFTWARE.
<div v-if="cloudflareEnabled" :class="`control${cloudflareChanged ? ' is-changed' : ''}`"> <div v-if="cloudflareEnabled" :class="`control${cloudflareChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="cloudflare" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="cloudflare" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.logging.enableCloudflare') }} {{ $t('templates.globalSections.logging.enableCloudflare') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -101,9 +95,6 @@ THE SOFTWARE.
<div v-if="cfRayEnabled" :class="`control${cfRayChanged ? ' is-changed' : ''}`"> <div v-if="cfRayEnabled" :class="`control${cfRayChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="cfRay" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="cfRay" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.logging.cfRay') }} {{ $t('templates.globalSections.logging.cfRay') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -111,9 +102,6 @@ THE SOFTWARE.
<div v-if="cfConnectingIpEnabled" :class="`control${cfConnectingIpChanged ? ' is-changed' : ''}`"> <div v-if="cfConnectingIpEnabled" :class="`control${cfConnectingIpChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="cfConnectingIp" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="cfConnectingIp" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.logging.cfConnectingIp') }} {{ $t('templates.globalSections.logging.cfConnectingIp') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -121,9 +109,6 @@ THE SOFTWARE.
<div v-if="xForwardedForEnabled" :class="`control${xForwardedForChanged ? ' is-changed' : ''}`"> <div v-if="xForwardedForEnabled" :class="`control${xForwardedForChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="xForwardedFor" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="xForwardedFor" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.logging.xForwardedFor') }} {{ $t('templates.globalSections.logging.xForwardedFor') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -131,9 +116,6 @@ THE SOFTWARE.
<div v-if="xForwardedProtoEnabled" :class="`control${xForwardedProtoChanged ? ' is-changed' : ''}`"> <div v-if="xForwardedProtoEnabled" :class="`control${xForwardedProtoChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="xForwardedProto" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="xForwardedProto" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.logging.xForwardedProto') }} {{ $t('templates.globalSections.logging.xForwardedProto') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -141,9 +123,6 @@ THE SOFTWARE.
<div v-if="trueClientIpEnabled" :class="`control${trueClientIpChanged ? ' is-changed' : ''}`"> <div v-if="trueClientIpEnabled" :class="`control${trueClientIpChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="trueClientIp" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="trueClientIp" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.logging.trueClientIp') }} {{ $t('templates.globalSections.logging.trueClientIp') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -151,9 +130,6 @@ THE SOFTWARE.
<div v-if="cfIpCountryEnabled" :class="`control${cfIpCountryChanged ? ' is-changed' : ''}`"> <div v-if="cfIpCountryEnabled" :class="`control${cfIpCountryChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="cfIpCountry" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="cfIpCountry" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.logging.cfIpCountry') }} {{ $t('templates.globalSections.logging.cfIpCountry') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -161,9 +137,6 @@ THE SOFTWARE.
<div v-if="cfVisitorEnabled" :class="`control${cfVisitorChanged ? ' is-changed' : ''}`"> <div v-if="cfVisitorEnabled" :class="`control${cfVisitorChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="cfVisitor" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="cfVisitor" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.logging.cfVisitor') }} {{ $t('templates.globalSections.logging.cfVisitor') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -171,9 +144,6 @@ THE SOFTWARE.
<div v-if="cdnLoopEnabled" :class="`control${cdnLoopChanged ? ' is-changed' : ''}`"> <div v-if="cdnLoopEnabled" :class="`control${cdnLoopChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="cdnLoop" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="cdnLoop" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.logging.cdnLoop') }} {{ $t('templates.globalSections.logging.cdnLoop') }}
</PrettyCheck> </PrettyCheck>
</div> </div>

6
src/nginxconfig/templates/global_sections/performance.vue
View File

@ -35,9 +35,6 @@ THE SOFTWARE.
<div :class="`control${gzipCompressionChanged ? ' is-changed' : ''}`"> <div :class="`control${gzipCompressionChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="gzipCompression" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="gzipCompression" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.performance.enableGzipCompression') }} {{ $t('templates.globalSections.performance.enableGzipCompression') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -55,9 +52,6 @@ THE SOFTWARE.
<div :class="`control${brotliCompressionChanged ? ' is-changed' : ''}`"> <div :class="`control${brotliCompressionChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="brotliCompression" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="brotliCompression" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.performance.enableBrotliCompression') }} {{ $t('templates.globalSections.performance.enableBrotliCompression') }}
</PrettyCheck> </PrettyCheck>
</div> </div>

3
src/nginxconfig/templates/global_sections/reverse_proxy.vue
View File

@ -130,9 +130,6 @@ THE SOFTWARE.
> >
<div class="radio"> <div class="radio">
<PrettyRadio v-model="proxyCoexistenceXForwarded" :value="value" class="p-default p-round p-fill p-icon"> <PrettyRadio v-model="proxyCoexistenceXForwarded" :value="value" class="p-default p-round p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t(name) }} {{ $t(name) }}
</PrettyRadio> </PrettyRadio>
</div> </div>

9
src/nginxconfig/templates/global_sections/security.vue
View File

@ -96,9 +96,6 @@ THE SOFTWARE.
<div :class="`control${serverTokensChanged ? ' is-changed' : ''}`"> <div :class="`control${serverTokensChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="serverTokens" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="serverTokens" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('common.enable') }} {{ $t('common.enable') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -116,9 +113,6 @@ THE SOFTWARE.
<div :class="`control${limitReqChanged ? ' is-changed' : ''}`"> <div :class="`control${limitReqChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="limitReq" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="limitReq" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('common.enable') }} {{ $t('common.enable') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -136,9 +130,6 @@ THE SOFTWARE.
<div :class="`control${securityTxt ? ' is-changed' : ''}`"> <div :class="`control${securityTxt ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="securityTxt" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="securityTxt" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('common.enable') }} {{ $t('common.enable') }}
</PrettyCheck> </PrettyCheck>
</div> </div>

6
src/nginxconfig/templates/global_sections/tools.vue
View File

@ -35,9 +35,6 @@ THE SOFTWARE.
<div :class="`control${modularizedStructureChanged ? ' is-changed' : ''}`"> <div :class="`control${modularizedStructureChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="modularizedStructure" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="modularizedStructure" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.tools.enableModularizedConfigFiles') }} {{ $t('templates.globalSections.tools.enableModularizedConfigFiles') }}
</PrettyCheck> </PrettyCheck>
</div> </div>
@ -55,9 +52,6 @@ THE SOFTWARE.
<div :class="`control${symlinkVhostChanged ? ' is-changed' : ''}`"> <div :class="`control${symlinkVhostChanged ? ' is-changed' : ''}`">
<div class="checkbox"> <div class="checkbox">
<PrettyCheck v-model="symlinkVhost" class="p-default p-curve p-fill p-icon"> <PrettyCheck v-model="symlinkVhost" class="p-default p-curve p-fill p-icon">
<template #extra>
<i class="icon fas fa-check"></i>
</template>
{{ $t('templates.globalSections.tools.enableSymLinksFrom') }} sites-available/ {{ $t('templates.globalSections.tools.enableSymLinksFrom') }} sites-available/
{{ $t('templates.globalSections.tools.to') }} sites-enabled/ {{ $t('templates.globalSections.tools.to') }} sites-enabled/
</PrettyCheck> </PrettyCheck>

16
src/nginxconfig/templates/inputs/checkbox.vue
View File

@ -24,12 +24,14 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE. THE SOFTWARE.
--> -->
<script> <template>
import PrettyInput from './pretty_input'; <PrettyInput type="checkbox">
<template v-for="(_, slot) in $slots" #[slot]="scope">
<slot :name="slot" v-bind="scope || {}" />
</template>
</PrettyInput>
</template>
export default { <script setup>
...PrettyInput, import PrettyInput from './pretty_input';
name: 'Checkbox',
input_type: 'checkbox',
};
</script> </script>

20
src/nginxconfig/templates/inputs/pretty_input.vue
View File

@ -24,7 +24,23 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE. THE SOFTWARE.
--> -->
<script> <template>
<PrettyInput>
<!-- Set the FontAwesome check as the default extra while we're here -->
<template #extra>
<slot name="extra">
<i class="icon fas fa-check"></i>
</slot>
</template>
<!-- Load in all other slots -->
<template v-for="(_, slot) in $slots" #[slot]="scope">
<slot :name="slot" v-bind="scope || {}" />
</template>
</PrettyInput>
</template>
<script setup>
import PrettyInput from 'pretty-checkbox-vue/src/PrettyInput'; import PrettyInput from 'pretty-checkbox-vue/src/PrettyInput';
// Vue 3 fix: Remove top-level model as it's unused // Vue 3 fix: Remove top-level model as it's unused
@ -51,6 +67,4 @@ THE SOFTWARE.
: Reflect.get(target, key), : Reflect.get(target, key),
}), args); }), args);
})(PrettyInput.methods.updateInput); })(PrettyInput.methods.updateInput);
export default PrettyInput;
</script> </script>

16
src/nginxconfig/templates/inputs/radio.vue
View File

@ -24,12 +24,14 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE. THE SOFTWARE.
--> -->
<script> <template>
import PrettyInput from './pretty_input'; <PrettyInput type="radio">
<template v-for="(_, slot) in $slots" #[slot]="scope">
<slot :name="slot" v-bind="scope || {}" />
</template>
</PrettyInput>
</template>
export default { <script setup>
...PrettyInput, import PrettyInput from './pretty_input';
name: 'Radio',
input_type: 'radio',
};
</script> </script>