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

Add warning for http3

This commit is contained in:
MattIPv4 2021-05-06 19:31:14 +01:00
parent 1b36cd41bc
commit f3eb5b2341
2 changed files with 31 additions and 20 deletions
src/nginxconfig
scss
_fields.scss
templates/domain_sections
https.vue

4
src/nginxconfig/scss/_fields.scss
View File

@ -53,6 +53,10 @@ THE SOFTWARE.
&.has-margin-top {
margin-top: .75rem;
}
&.has-small-margin-top {
margin-top: .25rem;
}
}
> p {

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

@ -62,8 +62,8 @@ THE SOFTWARE.
</div>
</div>
<div v-if="http3Enabled" class="field is-horizontal">
<div class="field-label">
<div v-if="http3Enabled" class="field is-horizontal is-aligned-top">
<div class="field-label has-small-margin-top">
<label class="label">{{ $t('templates.domainSections.https.http3') }}</label>
</div>
<div class="field-body">
@ -76,6 +76,22 @@ THE SOFTWARE.
</PrettyCheck>
</div>
</div>
<div v-if="showHttp3Warning" class="control">
<label class="text message is-warning">
<span class="message-body">
{{ $t('templates.domainSections.https.http3Warning1') }}
<ExternalLink :text="$t('templates.domainSections.https.http3Warning2')"
link="https://quic.nginx.org/README"
></ExternalLink>
{{ $t('templates.domainSections.https.http3Warning3') }}
<ExternalLink :text="$t('templates.domainSections.https.http3Warning4')"
link="https://github.com/cloudflare/quiche/tree/master/extras/nginx"
></ExternalLink>
{{ $t('templates.domainSections.https.http3Warning5') }}
</span>
</label>
</div>
</div>
</div>
</div>
@ -224,23 +240,6 @@ THE SOFTWARE.
</div>
</div>
</div>
<template v-if="$props.data.http3.value">
<br />
<div class="message is-warning">
<div class="message-body">
{{ $t('templates.domainSections.https.http3Warning1') }}
<ExternalLink :text="$t('templates.domainSections.https.http3Warning2')"
link="https://quic.nginx.org/README"
></ExternalLink>
{{ $t('templates.domainSections.https.http3Warning3') }}
<ExternalLink :text="$t('templates.domainSections.https.http3Warning4')"
link="https://github.com/cloudflare/quiche/tree/master/extras/nginx"
></ExternalLink>
{{ $t('templates.domainSections.https.http3Warning5') }}
</div>
</div>
</template>
</div>
</template>
@ -320,7 +319,15 @@ THE SOFTWARE.
props: {
data: Object, // Data delegated back to us from parent
},
computed: computedFromDefaults(defaults, 'https'), // Getters & setters for the delegated data
computed: {
...computedFromDefaults(defaults, 'https'), // Getters & setters for the delegated data
showHttp3Warning() {
return this.$props.data.http3.computed;
},
hasWarnings() {
return this.showHttp3Warning;
},
},
watch: {
// Disable everything if https is disabled
'$props.data.https': {