diff --git a/app/javascript/dashboard/constants/globals.js b/app/javascript/dashboard/constants/globals.js index 1074810ad..2ef50e732 100644 --- a/app/javascript/dashboard/constants/globals.js +++ b/app/javascript/dashboard/constants/globals.js @@ -39,5 +39,7 @@ export default { UNTIL_NEXT_MONTH: 'until_next_month', UNTIL_CUSTOM_TIME: 'until_custom_time', }, + EXAMPLE_URL: 'https://example.com', + EXAMPLE_WEBHOOK_URL: 'https://example/api/webhook', }; export const DEFAULT_REDIRECT_URL = '/app/'; diff --git a/app/javascript/dashboard/i18n/locale/en/helpCenter.json b/app/javascript/dashboard/i18n/locale/en/helpCenter.json index 55c406fa9..65e80ad64 100644 --- a/app/javascript/dashboard/i18n/locale/en/helpCenter.json +++ b/app/javascript/dashboard/i18n/locale/en/helpCenter.json @@ -179,7 +179,8 @@ } }, "ADD": { - "CREATE_FLOW": [{ + "CREATE_FLOW": [ + { "title": "Help center information", "route": "new_portal_information", "body": "Basic information about portal", @@ -235,13 +236,13 @@ "DOMAIN": { "LABEL": "Custom Domain", "PLACEHOLDER": "Portal custom domain", - "HELP_TEXT": "Add only If you want to use a custom domain for your portals. Eg: https://example.com", + "HELP_TEXT": "Add only If you want to use a custom domain for your portals. Eg: %{exampleURL}", "ERROR": "Enter a valid domain URL" }, "HOME_PAGE_LINK": { "LABEL": "Home Page Link", "PLACEHOLDER": "Portal home page link", - "HELP_TEXT": "The link used to return from the portal to the home page. Eg: https://example.com", + "HELP_TEXT": "The link used to return from the portal to the home page. Eg: %{exampleURL}", "ERROR": "Enter a valid home page URL" }, "THEME_COLOR": { diff --git a/app/javascript/dashboard/i18n/locale/en/integrations.json b/app/javascript/dashboard/i18n/locale/en/integrations.json index 3821fe6e8..e3104bd4b 100644 --- a/app/javascript/dashboard/i18n/locale/en/integrations.json +++ b/app/javascript/dashboard/i18n/locale/en/integrations.json @@ -21,7 +21,7 @@ }, "END_POINT": { "LABEL": "Webhook URL", - "PLACEHOLDER": "Example: https://example/api/webhook", + "PLACEHOLDER": "Example: %{webhookExampleURL}", "ERROR": "Please enter a valid URL" }, "EDIT_SUBMIT": "Update webhook", diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/components/PortalSettingsBasicForm.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/components/PortalSettingsBasicForm.vue index dbd662b1d..255e1acc5 100644 --- a/app/javascript/dashboard/routes/dashboard/helpcenter/components/PortalSettingsBasicForm.vue +++ b/app/javascript/dashboard/routes/dashboard/helpcenter/components/PortalSettingsBasicForm.vue @@ -61,7 +61,7 @@ :class="{ error: $v.domain.$error }" :label="$t('HELP_CENTER.PORTAL.ADD.DOMAIN.LABEL')" :placeholder="$t('HELP_CENTER.PORTAL.ADD.DOMAIN.PLACEHOLDER')" - :help-text="$t('HELP_CENTER.PORTAL.ADD.DOMAIN.HELP_TEXT')" + :help-text="domainExampleHelpText" :error="domainError" @blur="$v.domain.$touch" /> @@ -86,6 +86,9 @@ import { isDomain } from 'shared/helpers/Validators'; import thumbnail from 'dashboard/components/widgets/Thumbnail'; import { convertToCategorySlug } from 'dashboard/helper/commons.js'; import { buildPortalURL } from 'dashboard/helper/portalHelper'; +import wootConstants from 'dashboard/constants/globals'; + +const { EXAMPLE_URL } = wootConstants; export default { components: { @@ -147,6 +150,11 @@ export default { domainHelpText() { return buildPortalURL(this.slug); }, + domainExampleHelpText() { + return this.$t('HELP_CENTER.PORTAL.ADD.DOMAIN.HELP_TEXT', { + exampleURL: EXAMPLE_URL, + }); + }, }, mounted() { const portal = this.portal || {}; diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/components/PortalSettingsCustomizationForm.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/components/PortalSettingsCustomizationForm.vue index 4d72fa791..ba055a419 100644 --- a/app/javascript/dashboard/routes/dashboard/helpcenter/components/PortalSettingsCustomizationForm.vue +++ b/app/javascript/dashboard/routes/dashboard/helpcenter/components/PortalSettingsCustomizationForm.vue @@ -41,7 +41,7 @@ :placeholder=" $t('HELP_CENTER.PORTAL.ADD.HOME_PAGE_LINK.PLACEHOLDER') " - :help-text="$t('HELP_CENTER.PORTAL.ADD.HOME_PAGE_LINK.HELP_TEXT')" + :help-text="homepageExampleHelpText" :error=" $v.homePageLink.$error ? $t('HELP_CENTER.PORTAL.ADD.HOME_PAGE_LINK.ERROR') @@ -74,6 +74,9 @@ import { url } from 'vuelidate/lib/validators'; import { getRandomColor } from 'dashboard/helper/labelColor'; import alertMixin from 'shared/mixins/alertMixin'; +import wootConstants from 'dashboard/constants/globals'; + +const { EXAMPLE_URL } = wootConstants; export default { components: {}, @@ -102,6 +105,13 @@ export default { url, }, }, + computed: { + homepageExampleHelpText() { + return this.$t('HELP_CENTER.PORTAL.ADD.HOME_PAGE_LINK.HELP_TEXT', { + exampleURL: EXAMPLE_URL, + }); + }, + }, mounted() { this.color = getRandomColor(); this.updateDataFromStore(); diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/WebhookForm.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/WebhookForm.vue index 0463dd07b..1bb111d84 100644 --- a/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/WebhookForm.vue +++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/WebhookForm.vue @@ -7,9 +7,7 @@ v-model.trim="url" type="text" name="url" - :placeholder=" - $t('INTEGRATION_SETTINGS.WEBHOOK.FORM.END_POINT.PLACEHOLDER') - " + :placeholder="webhookURLInputPlaceholder" @input="$v.url.$touch" /> @@ -53,6 +51,9 @@