diff --git a/www/support/app-support.less b/www/support/app-support.less index 0aa4c6b61..d4719956c 100644 --- a/www/support/app-support.less +++ b/www/support/app-support.less @@ -34,5 +34,14 @@ color: @cryptpad_color_link; text-decoration: underline; } + .alert-info { + font-size: 16px; + margin-top: 15px; + margin-bottom: 15px; + } + // add some whitespace to improve readability a bit + br { + margin: 5px; + } } diff --git a/www/support/inner.js b/www/support/inner.js index 6d9e5eae8..ebfe3bcfc 100644 --- a/www/support/inner.js +++ b/www/support/inner.js @@ -166,12 +166,29 @@ define([ return $div; }; + Messages.support_premiumPriority = "Premium users help support improvements to CryptPad's usability and benefit from prioritized responses to their support tickets."; // XXX + Messages.support_premiumLink = 'View subscription options.'; // XXX + // Create a new tickets create['form'] = function () { var key = 'form'; var $div = makeBlock(key, true); // Msg.support_formHint, .support_formTitle, .support_formButton Pages.documentationLink($div.find('a')[0], 'https://docs.cryptpad.fr/en/user_guide/index.html'); + var accountsLink = h('a', { + href: Pages.accounts.upgradeURL, + }, Messages.support_premiumLink,); + + var premium = h("div.alert.alert-info", [ + Messages.support_premiumPriority, + ' ', + accountsLink, + ]); + + if (Pages.areSubscriptionsAllowed()) { + $div.find('.cp-sidebarlayout-description').append(premium); + } + var form = APP.support.makeForm(); var id = Util.uid();