Ghost/ghost/admin/app/components/gh-portal-links.hbs
2022-02-21 17:55:47 +01:00

645 lines
38 KiB
Handlebars

{{#if (feature "selectablePortalLinks")}}
<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 role="button" class='gh-portal-links-cell toggle' {{on "click" this.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">
<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 ""))}}
{{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">
<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"))}}
{{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">
<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"))}}
{{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">
<div class="page-url-label-inner">
{{#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>
</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">
<div class="page-url-label-inner">
{{#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>
</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">
<div class="page-url-label-inner">
{{#if this.isLink}}
<span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup/free</span>
{{else}}
data-portal="signup/free"
{{/if}}
</div>
</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">
<div class="page-url-label-inner">
{{#if this.isLink}}
<span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup/monthly</span>
{{else}}
data-portal="signup/monthly"
{{/if}}
</div>
</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">
<div class="page-url-label-inner">
{{#if this.isLink}}
<span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup/yearly</span>
{{else}}
data-portal="signup/yearly"
{{/if}}
</div>
</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">
<div class="page-url-label-inner">
{{#if this.isLink}}
<span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/signup/free</span>
{{else}}
data-portal="signup/free"
{{/if}}
</div>
</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">
<div class="page-url-label-inner">
{{#if this.isLink}}
<span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/account</span>
{{else}}
data-portal="account"
{{/if}}
</div>
</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">
<div class="page-url-label-inner">
{{#if this.isLink}}
<span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/account/plans</span>
{{else}}
data-portal="account/plans"
{{/if}}
</div>
</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">
<div class="page-url-label-inner">
{{#if this.isLink}}
<span class="page-url-disabled">{{this.siteUrl}}/</span><span>#/portal/account/profile</span>
{{else}}
data-portal="account/profile"
{{/if}}
</div>
</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>
{{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 role="button" class='gh-portal-links-cell toggle' {{on "click" this.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" {{on "click" (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" {{on "click" (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" {{on "click" (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={{this.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" {{on "click" (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" {{on "click" (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" {{on "click" (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" {{on "click" (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" {{on "click" (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" {{on "click" (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" {{on "click" (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" {{on "click" (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" {{on "click" (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}}