Move setup section strings to i18n

src/nginxconfig/i18n/en/templates/index.js

@@ -17,5 +17,6 @@ limitations under the License.
 import app from './app';
 import domainSections from './domain_sections';
 import globalSections from './global_sections';
+import setupSections from './setup_sections';
 
-export default { app, domainSections, globalSections };
+export default { app, domainSections, globalSections, setupSections };

src/nginxconfig/i18n/en/templates/setup_sections/certbot.js

@@ -0,0 +1,25 @@
+/*
+Copyright 2020 DigitalOcean
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+export default {
+    commentOutSslDirectivesInConfiguration: 'Comment out SSL related directives in the configuration:',
+    reloadYourNginxServer: 'Reload your NGINX server:',
+    obtainSslCertificatesFromLetsEncrypt: 'Obtain SSL certificates from Let\'s Encrypt using Certbot:',
+    uncommentSslDirectivesInConfiguration: 'Uncomment SSL related directives in the configuration:',
+    configureCertbotToReloadNginxOnCertificateRenewal: 'Configure Certbot to reload NGINX when it successfully renews certificates:',
+    certbotDoesNotNeedToBeSetupForYourConfiguration: 'Certbot does not need to be set up for your NGINX configuration.',
+    certbot: 'Certbot',
+};

src/nginxconfig/i18n/en/templates/setup_sections/download.js

@@ -0,0 +1,28 @@
+/*
+Copyright 2020 DigitalOcean
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+export default {
+    downloadTheGeneratedConfig: '<b>Download</b> the generated config:',
+    andUploadItToYourServers: 'and <b>upload</b> it to your server\'s',
+    directory: 'directory.',
+    or: 'or, ',
+    copyBase64StringOfCompressedConfig: 'Copy a base64 string of the compressed config',
+    pasteItInYourServersCommandLineAndExecute: ', paste it in your server\'s command line and execute it.',
+    navigateToYourNginxConfigurationDirectoryOnYourServer: 'Navigate to your NGINX <b>configuration directory</b> on your server:',
+    createABackupOfYourCurrentNginxConfiguration: 'Create a <b>backup</b> of your current NGINX configuration:',
+    extractTheNewCompressedConfigurationArchiveUsingTar: '<b>Extract</b> the new compressed configuration archive using tar:',
+    download: 'Download',
+};

src/nginxconfig/i18n/en/templates/setup_sections/go_live.js

@@ -0,0 +1,21 @@
+/*
+Copyright 2020 DigitalOcean
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+export default {
+    letsGoLive: 'Let\'s go live!',
+    reloadNginxToLoadInYourNewConfiguration: 'Reload NGINX to load in your new configuration:',
+    goLive: 'Go live!',
+};

src/nginxconfig/i18n/en/templates/setup_sections/index.js

@@ -0,0 +1,22 @@
+/*
+Copyright 2020 DigitalOcean
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import certbot from './certbot';
+import download from './download';
+import goLive from './go_live';
+import ssl from './ssl';
+
+export default { certbot, download, goLive, ssl };

src/nginxconfig/i18n/en/templates/setup_sections/ssl.js

@@ -0,0 +1,22 @@
+/*
+Copyright 2020 DigitalOcean
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+export default {
+    generateDiffieHellmanKeysByRunningThisCommandOnYourServer: 'Generate <b>Diffie-Hellman keys</b> by running this command on your server:',
+    createACommonAcmeChallengeDirectoryForLetsEncrypt: 'Create a common <b>ACME-challenge</b> directory (for <b>Let\'s Encrypt</b>):',
+    noAdditionalStepsAreNeededToSetUpSslForNginx: 'No additional steps are needed to set up SSL for your NGINX configuration.',
+    sslInit: 'SSL init',
+};

src/nginxconfig/templates/setup_sections/certbot.vue

@@ -19,7 +19,7 @@ limitations under the License.
         <ol v-if="letsEncryptActive">
             <li>
                 <p>
-                    Comment out SSL related directives in the configuration:
+                    {{ i18n.templates.setupSections.certbot.commentOutSslDirectivesInConfiguration }}
                     <br />
                 </p>
                 <BashPrism :key="sitesAvailable"
@@ -29,7 +29,7 @@ limitations under the License.
 
             <li>
                 <p>
-                    Reload your NGINX server:
+                    {{ i18n.templates.setupSections.certbot.reloadYourNginxServer }}
                     <br />
                 </p>
                 <BashPrism cmd="sudo nginx -t && sudo systemctl reload nginx"></BashPrism>
@@ -37,7 +37,7 @@ limitations under the License.
 
             <li>
                 <p>
-                    Obtain SSL certificates from Let's Encrypt using Certbot:
+                    {{ i18n.templates.setupSections.certbot.obtainSslCertificatesFromLetsEncrypt }}
                     <br />
                 </p>
                 <BashPrism :key="certbotCmds" :cmd="certbotCmds"></BashPrism>
@@ -45,7 +45,7 @@ limitations under the License.
 
             <li>
                 <p>
-                    Uncomment SSL related directives in the configuration:
+                    {{ i18n.templates.setupSections.certbot.uncommentSslDirectivesInConfiguration }}
                     <br />
                 </p>
                 <BashPrism :key="sitesAvailable" :cmd="`sed -i -r 's/#?;#//g' ${sitesAvailable}`"></BashPrism>
@@ -53,7 +53,7 @@ limitations under the License.
 
             <li>
                 <p>
-                    Reload your NGINX server:
+                    {{ i18n.templates.setupSections.certbot.reloadYourNginxServer }}
                     <br />
                 </p>
                 <BashPrism cmd="sudo nginx -t && sudo systemctl reload nginx"></BashPrism>
@@ -61,7 +61,7 @@ limitations under the License.
 
             <li>
                 <p>
-                    Configure Certbot to reload NGINX when it successfully renews certificates:
+                    {{ i18n.templates.setupSections.certbot.configureCertbotToReloadNginxOnCertificateRenewal }}
                     <br />
                 </p>
                 <BashPrism cmd="echo -e '#!/bin/bash\nnginx -t && systemctl reload nginx' | sudo tee /etc/letsencrypt/renewal-hooks/post/nginx-reload.sh"></BashPrism>
@@ -74,7 +74,7 @@ limitations under the License.
                 <div class="field">
                     <div class="control">
                         <label class="text">
-                            Certbot does not need to be set up for your NGINX configuration.
+                            {{ i18n.templates.setupSections.certbot.certbotDoesNotNeedToBeSetupForYourConfiguration }}
                         </label>
                     </div>
                 </div>
@@ -92,7 +92,7 @@ limitations under the License.
         components: {
             BashPrism,
         },
-        display: 'Certbot',
+        display: i18n.templates.setupSections.certbot.certbot,
         key: 'certbot',
         props: {
             data: Object,

src/nginxconfig/templates/setup_sections/download.vue

@@ -19,19 +19,26 @@ limitations under the License.
         <ol>
             <li>
                 <p>
-                    <b>Download</b> the generated config: <b><a @click="$parent.downloadTar">{{ $parent.tarName }}</a></b>
+                    <span v-html="i18n.templates.setupSections.download.downloadTheGeneratedConfig"></span>
+                    <b>&nbsp;<a @click="$parent.downloadTar">{{ $parent.tarName }}</a></b>
                     <br />
-                    and <b>upload</b> it to your server's <code class="slim">{{ $parent.nginxDir }}</code> directory.
+                    <span v-html="i18n.templates.setupSections.download.andUploadItToYourServers"></span>
+                    <code class="slim">{{ $parent.nginxDir }}</code>
+                    {{ i18n.templates.setupSections.download.directory }}
                 </p>
                 <p>
-                    or, <b><a @click="$parent.copyTar">Copy a base64 string of the compressed config</a></b>, paste it in
+                    {{ i18n.templates.setupSections.download.or }}
-                    your server's command line and execute it.
+                    <b>
+                        <a @click="$parent.copyTar">
+                            {{ i18n.templates.setupSections.download.copyBase64StringOfCompressedConfig }}</a>
+                    </b>
+                    <span v-html="i18n.templates.setupSections.download.pasteItInYourServersCommandLineAndExecute"></span>
                 </p>
             </li>
 
             <li>
                 <p>
-                    Navigate to your NGINX <b>configuration directory</b> on your server:
+                    <span v-html="i18n.templates.setupSections.download.navigateToYourNginxConfigurationDirectoryOnYourServer"></span>
                     <br />
                     <BashPrism :key="$parent.nginxDir" :cmd="`cd ${$parent.nginxDir}`"></BashPrism>
                 </p>
@@ -39,7 +46,7 @@ limitations under the License.
 
             <li>
                 <p>
-                    Create a <b>backup</b> of your current NGINX configuration:
+                    <span v-html="i18n.templates.setupSections.download.createABackupOfYourCurrentNginxConfiguration"></span>
                     <br />
                     <BashPrism cmd="tar -czvf nginx_$(date +'%F_%H-%M-%S').tar.gz nginx.conf sites-available/ sites-enabled/ nginxconfig.io/"></BashPrism>
                 </p>
@@ -47,7 +54,7 @@ limitations under the License.
 
             <li>
                 <p>
-                    <b>Extract</b> the new compressed configuration archive using tar:
+                    <span v-html="i18n.templates.setupSections.download.extractTheNewCompressedConfigurationArchiveUsingTar"></span>
                     <br />
                     <BashPrism :key="$parent.tarName" :cmd="`tar -xzvf ${$parent.tarName}`"></BashPrism>
                 </p>
@@ -62,7 +69,7 @@ limitations under the License.
 
     export default {
         name: 'SetupDownload',
-        display: 'Download',
+        display: i18n.templates.setupSections.download.download,
         key: 'download',
         components: {
             BashPrism,

src/nginxconfig/templates/setup_sections/go_live.vue

@@ -17,10 +17,10 @@ limitations under the License.
 <template>
     <div>
         <p>
-            <b>Let's go live!</b> 🎉
+            <b>{{ i18n.templates.setupSections.goLive.letsGoLive }}</b> 🎉
         </p>
         <p>
-            Reload NGINX to load in your new configuration:
+            {{ i18n.templates.setupSections.goLive.reloadNginxToLoadInYourNewConfiguration }}
             <br />
             <BashPrism cmd="sudo nginx -t && sudo systemctl reload nginx"></BashPrism>
         </p>
@@ -33,7 +33,7 @@ limitations under the License.
 
     export default {
         name: 'SetupGoLive',
-        display: 'Go live!',
+        display: i18n.templates.setupSections.goLive.goLive,
         key: 'goLive',
         components: {
             BashPrism,

src/nginxconfig/templates/setup_sections/ssl.vue

@@ -19,7 +19,7 @@ limitations under the License.
         <ol v-if="diffieHellmanValue || letsEncryptActive">
             <li v-if="diffieHellmanValue">
                 <p>
-                    Generate <b>Diffie-Hellman keys</b> by running this command on your server:
+                    <span v-html="i18n.templates.setupSections.ssl.generateDiffieHellmanKeysByRunningThisCommandOnYourServer"></span>
                     <br />
                     <BashPrism :key="`${nginxDir}-${diffieHellmanValue}`"
                                :cmd="`openssl dhparam -out ${nginxDir}/dhparam.pem ${diffieHellmanValue}`"
@@ -29,10 +29,9 @@ limitations under the License.
 
             <li v-if="letsEncryptActive">
                 <p>
-                    Create a common <b>ACME-challenge</b> directory (for <b>Let's Encrypt</b>):
+                    <span v-html="i18n.templates.setupSections.ssl.createACommonAcmeChallengeDirectoryForLetsEncrypt"></span>
                     <br />
                     <BashPrism :key="letsEncryptDir" :cmd="`mkdir -p ${letsEncryptDir}`"></BashPrism>
-                    <br />
                     <BashPrism :key="`${nginxUser}-${letsEncryptDir}`"
                                :cmd="`chown ${nginxUser} ${letsEncryptDir}`"
                     ></BashPrism>
@@ -45,7 +44,7 @@ limitations under the License.
                 <div class="field">
                     <div class="control">
                         <label class="text">
-                            No additional steps are needed to set up SSL for your NGINX configuration.
+                            {{ i18n.templates.setupSections.ssl.noAdditionalStepsAreNeededToSetUpSslForNginx }}
                         </label>
                     </div>
                 </div>
@@ -60,7 +59,7 @@ limitations under the License.
 
     export default {
         name: 'SetupSSL',
-        display: 'SSL init',
+        display: i18n.templates.setupSections.ssl.sslInit,
         key: 'ssl',
         components: {
             BashPrism,