Add external learn more link

This commit is contained in:
MattIPv4 2020-12-31 13:22:14 +00:00
parent 59c3997b4e
commit 3dcc8d4fe5
6 changed files with 31 additions and 8 deletions

View File

@ -31,5 +31,6 @@ export default {
onionLocation: `${onion} location`,
provideAnOnionLocationToSetOnionLocationHeader: 'Provide an onion location address to set the Onion-Location header for your site.',
letsVisitorsKnownOnionServicesIsAvailable: 'This lets visitors know that an onion services version of your site is available for Tor browsers.',
learnMoreAboutOnionServices: 'Learn more about Onion services',
onionLocationExpectedToEndWithOnion: 'Onion location addresses normally end with `.onion`.',
};

View File

@ -31,5 +31,6 @@ export default {
onionLocation: `${onion} location`, // TODO: translate
provideAnOnionLocationToSetOnionLocationHeader: 'Provide an onion location address to set the Onion-Location header for your site.', // TODO: translate
letsVisitorsKnownOnionServicesIsAvailable: 'This lets visitors know that an onion services version of your site is available for Tor browsers.', // TODO: translate
learnMoreAboutOnionServices: 'Learn more about Onion services', // TODO: translate
onionLocationExpectedToEndWithOnion: 'Onion location addresses normally end with `.onion`.', // TODO: translate
};

View File

@ -31,5 +31,6 @@ export default {
onionLocation: `${onion} location`, // TODO: translate
provideAnOnionLocationToSetOnionLocationHeader: 'Provide an onion location address to set the Onion-Location header for your site.', // TODO: translate
letsVisitorsKnownOnionServicesIsAvailable: 'This lets visitors know that an onion services version of your site is available for Tor browsers.', // TODO: translate
learnMoreAboutOnionServices: 'Learn more about Onion services', // TODO: translate
onionLocationExpectedToEndWithOnion: 'Onion location addresses normally end with `.onion`.', // TODO: translate
};

View File

@ -31,5 +31,6 @@ export default {
onionLocation: `${onion} location`, // TODO: translate
provideAnOnionLocationToSetOnionLocationHeader: 'Provide an onion location address to set the Onion-Location header for your site.', // TODO: translate
letsVisitorsKnownOnionServicesIsAvailable: 'This lets visitors know that an onion services version of your site is available for Tor browsers.', // TODO: translate
learnMoreAboutOnionServices: 'Learn more about Onion services', // TODO: translate
onionLocationExpectedToEndWithOnion: 'Onion location addresses normally end with `.onion`.', // TODO: translate
};

View File

@ -130,6 +130,10 @@ THE SOFTWARE.
display: inline-block;
}
}
.fa-external-link-alt {
margin: 0 0 0 .25rem;
}
}
}

View File

@ -36,14 +36,25 @@ THE SOFTWARE.
<input v-model="onionLocation" class="input" type="text" :placeholder="$props.data.onionLocation.placeholder" />
</div>
<div class="control" v-if="!onionLocationChanged">
<label class="text">
{{ $t('templates.domainSections.onion.provideAnOnionLocationToSetOnionLocationHeader') }}
</label>
<label class="text">
{{ $t('templates.domainSections.onion.letsVisitorsKnownOnionServicesIsAvailable') }}
</label>
</div>
<template v-if="!onionLocationChanged">
<div class="control">
<label class="text">
{{ $t('templates.domainSections.onion.provideAnOnionLocationToSetOnionLocationHeader') }}
</label>
</div>
<div class="control">
<label class="text">
{{ $t('templates.domainSections.onion.letsVisitorsKnownOnionServicesIsAvailable') }}
</label>
</div>
<div class="control">
<label class="text">
<ExternalLink :text="$t('templates.domainSections.onion.learnMoreAboutOnionServices')"
link="https://community.torproject.org/onion-services/"
></ExternalLink>
</label>
</div>
</template>
<div class="control" v-if="incorrectEnding">
<label class="text message is-warning">
@ -59,6 +70,7 @@ THE SOFTWARE.
</template>
<script>
import ExternalLink from 'do-vue/src/templates/external_link';
import delegatedFromDefaults from '../../util/delegated_from_defaults';
import computedFromDefaults from '../../util/computed_from_defaults';
@ -75,6 +87,9 @@ THE SOFTWARE.
display: 'templates.domainSections.onion.onion', // Display name for tab (i18n key)
key: 'onion', // Key for data in parent
delegated: delegatedFromDefaults(defaults), // Data the parent will present here
components: {
ExternalLink,
},
props: {
data: Object, // Data delegated back to us from parent
},