From e8a01142bc15e0aef5021becfbdcb68f5c2317df Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Mon, 21 Feb 2022 16:45:30 +0100
Subject: [PATCH] Put portal links update under the feature flag

refs https://github.com/TryGhost/Team/issues/1096
---
 .../admin/app/components/gh-portal-links.hbs  | 348 +++++++++++++++++-
 1 file changed, 333 insertions(+), 15 deletions(-)

diff --git a/ghost/admin/app/components/gh-portal-links.hbs b/ghost/admin/app/components/gh-portal-links.hbs
index 20dbb3b5aa..0269ce706d 100644
--- a/ghost/admin/app/components/gh-portal-links.hbs
+++ b/ghost/admin/app/components/gh-portal-links.hbs
@@ -1,3 +1,4 @@
+{{#if (feature "selectablePortalLinks")}}
 <div class="gh-portal-links-container" {{did-insert (perform this.fetchProducts)}}>
     <div class="gh-portal-links-main">
         <h2>Links</h2>
@@ -23,11 +24,13 @@
                     <td class='page-url'>
                         <div class="gh-portal-page-url-container">
                             <div class="page-url-label">
-                                {{#if this.isLink}}
-                                    <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal</span>
-                                {{else}}
-                                    data-portal
-                                {{/if}}
+                                <div class="page-url-label-inner">
+                                    {{#if this.isLink}}
+                                        <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal</span>
+                                    {{else}}
+                                        data-portal
+                                    {{/if}}
+                                </div>
                             </div>
                             <button type="button" {{action (perform this.copyStaticLink '')}} class="gh-portal-setting-copy">
                                 {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice ""))}}
@@ -47,11 +50,13 @@
                     <td class='page-url'>
                         <div class="gh-portal-page-url-container">
                             <div class="page-url-label">
-                                {{#if this.isLink}}
-                                    <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signin</span>
-                                {{else}}
-                                    data-portal="signin"
-                                {{/if}}
+                                <div class="page-url-label-inner">
+                                    {{#if this.isLink}}
+                                        <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signin</span>
+                                    {{else}}
+                                        data-portal="signin"
+                                    {{/if}}
+                                </div>
                             </div>
                             <button type="button" {{action (perform this.copyStaticLink "signin")}} class="gh-portal-setting-copy">
                                 {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signin"))}}
@@ -68,11 +73,13 @@
                     <td class='page-url'>
                         <div class="gh-portal-page-url-container">
                             <div class="page-url-label">
-                                {{#if this.isLink}}
-                                    <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup</span>
-                                {{else}}
-                                    data-portal="signup"
-                                {{/if}}
+                                <div class="page-url-label-inner">
+                                    {{#if this.isLink}}
+                                        <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup</span>
+                                    {{else}}
+                                        data-portal="signup"
+                                    {{/if}}
+                                </div>
                             </div>
                             <button type="button" {{action (perform this.copyStaticLink "signup")}} class="gh-portal-setting-copy">
                                 {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup"))}}
@@ -325,3 +332,314 @@
         </table>
     </div>
 </div>
+{{else}}
+<div class="gh-portal-links-container" {{did-insert (perform this.fetchProducts)}}>
+    <div class="gh-portal-links-main">
+        <h2>Links</h2>
+        <p>Use these {{if this.isLink "links" "data attributes"}} in your theme to show pages of Portal.</p>
+        <table class="gh-portal-links-table">
+            <thead>
+                <tr class="header">
+                    <td><h4>Page</h4></td>
+                    <td>
+                        <div class='toggle-header'>
+                            <h4>{{this.sectionHeaderLabel}}</h4>
+                            <h4 class='gh-portal-links-cell toggle' onclick={{action "toggleShowLinks"}}>{{this.toggleValue}}</h4>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan="2"><hr class="gh-portal-links-group-divider first" /></td>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td class="pagename">Default</td>
+                    <td class='page-url'>
+                        <div class="gh-portal-page-url-container">
+                            <div class="page-url-label">
+                                {{#if this.isLink}}
+                                    <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal</span>
+                                {{else}}
+                                    data-portal
+                                {{/if}}
+                            </div>
+                            <button type="button" {{action (perform this.copyStaticLink '')}} class="gh-portal-setting-copy">
+                                {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice ""))}}
+                                    {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
+                                {{else}}
+                                    <span data-tooltip="Copy">{{svg-jar "copy" class="w4 v-mid fill-darkgrey"}}</span>
+                                {{/if}}
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan="2"><hr class="gh-portal-links-group-divider" /></td>
+                </tr>
+                <tr>
+                    <td class='pagename'>Sign in</td>
+                    <td class='page-url'>
+                        <div class="gh-portal-page-url-container">
+                            <div class="page-url-label">
+                                {{#if this.isLink}}
+                                    <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signin</span>
+                                {{else}}
+                                    data-portal="signin"
+                                {{/if}}
+                            </div>
+                            <button type="button" {{action (perform this.copyStaticLink "signin")}} class="gh-portal-setting-copy">
+                                {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signin"))}}
+                                    {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
+                                {{else}}
+                                    <span data-tooltip="Copy">{{svg-jar "copy" class="w4 v-mid fill-darkgrey"}}</span>
+                                {{/if}}
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td class='pagename'>Sign up</td>
+                    <td class='page-url'>
+                        <div class="gh-portal-page-url-container">
+                            <div class="page-url-label">
+                                {{#if this.isLink}}
+                                    <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup</span>
+                                {{else}}
+                                    data-portal="signup"
+                                {{/if}}
+                            </div>
+                            <button type="button" {{action (perform this.copyStaticLink "signup")}} class="gh-portal-setting-copy">
+                                {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup"))}}
+                                    {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
+                                {{else}}
+                                    <span data-tooltip="Copy">{{svg-jar "copy" class="w4 v-mid fill-darkgrey"}}</span>
+                                {{/if}}
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+                {{#if (and (feature "multipleProducts") (gt this.products.length 1))}}
+                    <tr>
+                        <td colspan="2"><hr class="gh-portal-links-group-divider" /></td>
+                    </tr>
+                    <tr>
+                        <td class='pagename strong'>Tier</td>
+                        <td class='page-url'>
+                            <span
+                                    class="gh-select"
+                                    data-select-text="test"
+                                    tabindex="0"
+                                >
+                                    <OneWaySelect
+                                        @id="portal-product-link"
+                                        @name="portal[product-link]"
+                                        @options={{this.productOptions}}
+                                        @optionValuePath="name"
+                                        @optionLabelPath="label"
+                                        @value={{this.selectedProduct}}
+                                        @update={{action "setSelectedProduct"}}
+                                    />
+                                    {{svg-jar "arrow-down-small"}}
+                                </span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class='pagename'>Sign up/Monthly</td>
+                        <td class='page-url'>
+                            <div class="gh-portal-page-url-container">
+                                <div class="page-url-label">
+                                    {{#if this.isLink}}
+                                        <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup{{this.selectedProductIdPath}}/monthly</span>
+                                    {{else}}
+                                        data-portal="signup{{this.selectedProductIdPath}}/monthly"
+                                    {{/if}}
+                                </div>
+                                <button type="button" {{action (perform this.copyProductSignupLink "monthly")}} class="gh-portal-setting-copy">
+                                    {{#if (and this.copyProductSignupLink.isRunning (eq this.copiedSignupInterval "monthly"))}}
+                                        {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
+                                    {{else}}
+                                        <span data-tooltip="Copy">{{svg-jar "copy" class="w4 v-mid fill-darkgrey"}}</span>
+                                    {{/if}}
+                                </button>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class='pagename'>Sign up/Yearly</td>
+                        <td class='page-url'>
+                            <div class="gh-portal-page-url-container">
+                                <div class="page-url-label">
+                                    {{#if this.isLink}}
+                                        <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup{{this.selectedProductIdPath}}/yearly</span>
+                                    {{else}}
+                                        data-portal="signup{{this.selectedProductIdPath}}/yearly"
+                                    {{/if}}
+                                </div>
+                                <button type="button" {{action (perform this.copyProductSignupLink "yearly")}} class="gh-portal-setting-copy">
+                                    {{#if (and this.copyProductSignupLink.isRunning (eq this.copiedSignupInterval "yearly"))}}
+                                        {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
+                                    {{else}}
+                                        <span data-tooltip="Copy">{{svg-jar "copy" class="w4 v-mid fill-darkgrey"}}</span>
+                                    {{/if}}
+                                </button>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class='pagename'>Sign up/Free</td>
+                        <td class='page-url'>
+                            <div class="gh-portal-page-url-container">
+                                <div class="page-url-label">
+                                    {{#if this.isLink}}
+                                        <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup/free</span>
+                                    {{else}}
+                                        data-portal="signup/free"
+                                    {{/if}}
+                                </div>
+                                <button type="button" {{action (perform this.copyStaticLink "signup/free")}} class="gh-portal-setting-copy">
+                                    {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup/free"))}}
+                                        {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
+                                    {{else}}
+                                        <span data-tooltip="Copy">{{svg-jar "copy" class="w4 v-mid fill-darkgrey"}}</span>
+                                    {{/if}}
+                                </button>
+                            </div>
+                        </td>
+                    </tr>
+                {{else}}
+                    <tr>
+                        <td class='pagename'>Sign up/Monthly</td>
+                        <td class='page-url'>
+                            <div class="gh-portal-page-url-container">
+                                <div class="page-url-label">
+                                    {{#if this.isLink}}
+                                        <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup/monthly</span>
+                                    {{else}}
+                                        data-portal="signup/monthly"
+                                    {{/if}}
+                                </div>
+                                <button type="button" {{action (perform this.copyStaticLink "signup/monthly")}} class="gh-portal-setting-copy">
+                                    {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup/monthly"))}}
+                                        {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
+                                    {{else}}
+                                        <span data-tooltip="Copy">{{svg-jar "copy" class="w4 v-mid fill-darkgrey"}}</span>
+                                    {{/if}}
+                                </button>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class='pagename'>Sign up/Yearly</td>
+                        <td class='page-url'>
+                            <div class="gh-portal-page-url-container">
+                                <div class="page-url-label">
+                                    {{#if this.isLink}}
+                                        <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup/yearly</span>
+                                    {{else}}
+                                        data-portal="signup/yearly"
+                                    {{/if}}
+                                </div>
+                                <button type="button" {{action (perform this.copyStaticLink "signup/yearly")}} class="gh-portal-setting-copy">
+                                    {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup/yearly"))}}
+                                        {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
+                                    {{else}}
+                                        <span data-tooltip="Copy">{{svg-jar "copy" class="w4 v-mid fill-darkgrey"}}</span>
+                                    {{/if}}
+                                </button>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class='pagename'>Sign up/Free</td>
+                        <td class='page-url'>
+                            <div class="gh-portal-page-url-container">
+                                <div class="page-url-label">
+                                    {{#if this.isLink}}
+                                        <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup/free</span>
+                                    {{else}}
+                                        data-portal="signup/free"
+                                    {{/if}}
+                                </div>
+                                <button type="button" {{action (perform this.copyStaticLink "signup/free")}} class="gh-portal-setting-copy">
+                                    {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup/free"))}}
+                                        {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
+                                    {{else}}
+                                        <span data-tooltip="Copy">{{svg-jar "copy" class="w4 v-mid fill-darkgrey"}}</span>
+                                    {{/if}}
+                                </button>
+                            </div>
+                        </td>
+                    </tr>
+                {{/if}}
+                <tr>
+                    <td colspan="2"><hr class="gh-portal-links-group-divider" /></td>
+                </tr>
+                <tr>
+                    <td class='pagename'>Account</td>
+                    <td class='page-url'>
+                        <div class="gh-portal-page-url-container">
+                            <div class="page-url-label">
+                                {{#if this.isLink}}
+                                    <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/account</span>
+                                {{else}}
+                                    data-portal="account"
+                                {{/if}}
+                            </div>
+                            <button type="button" {{action (perform this.copyStaticLink "account")}} class="gh-portal-setting-copy">
+                                {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "account"))}}
+                                    {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
+                                {{else}}
+                                    <span data-tooltip="Copy">{{svg-jar "copy" class="w4 v-mid fill-darkgrey"}}</span>
+                                {{/if}}
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td class='pagename'>Account/Plans</td>
+                    <td class='page-url'>
+                        <div class="gh-portal-page-url-container">
+                            <div class="page-url-label">
+                                {{#if this.isLink}}
+                                    <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/account/plans</span>
+                                {{else}}
+                                    data-portal="account/plans"
+                                {{/if}}
+                            </div>
+                            <button type="button" {{action (perform this.copyStaticLink "account/plans")}} class="gh-portal-setting-copy">
+                                {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "account/plans"))}}
+                                    {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
+                                {{else}}
+                                    <span data-tooltip="Copy">{{svg-jar "copy" class="w4 v-mid fill-darkgrey"}}</span>
+                                {{/if}}
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td class='pagename'>Account/Profile</td>
+                    <td class='page-url'>
+                        <div class="gh-portal-page-url-container">
+                            <div class="page-url-label">
+                                {{#if this.isLink}}
+                                    <span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/account/profile</span>
+                                {{else}}
+                                    data-portal="account/profile"
+                                {{/if}}
+                            </div>
+                            <button type="button" {{action (perform this.copyStaticLink "account/profile")}} class="gh-portal-setting-copy">
+                                {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "account/profile"))}}
+                                    {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
+                                {{else}}
+                                    <span data-tooltip="Copy">{{svg-jar "copy" class="w4 v-mid fill-darkgrey"}}</span>
+                                {{/if}}
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
+{{/if}}
\ No newline at end of file