Ghost/ghost/admin/app/components/posts/links-table.hbs

95 lines
4.9 KiB
Handlebars
Raw Normal View History

{{#if (not (feature "audienceFeedback"))}}
<h4 class="gh-main-section-header small bn">
Newsletter clicks
</h4>
{{/if}}
<div class="gh-post-analytics-box column gh-post-analytics-newsletter-clicks">
{{#if (feature "audienceFeedback")}}<h3 class="gh-newsletter-clicks-header">Newsletter clicks</h3>{{/if}}
<div class="gh-links-list">
<div class="gh-links-list-header">
{{#if (and this.showPagination (feature "fixNewsletterLinks")) }}
<div class="gh-links-pagination-progress">
Showing {{this.startOffset}}-{{this.endOffset}} of {{this.totalLinks}}
</div>
{{else}}
<div class="gh-links-list-title">
{{#if (not (feature "audienceFeedback"))}}Link{{/if}}
</div>
{{/if}}
<div class="gh-links-list-title">
No. of Members
</div>
</div>
<div class="gh-links-list-items">
{{#each this.visibleLinks as |link|}}
<div class="gh-links-list-item {{if (eq this.editingLink link.link.link_id) "gh-links-list-item-edit-mode"}}">
{{#if (feature "fixNewsletterLinks")}}
<div class="gh-links-list-url">
{{#if (eq this.editingLink link.link.link_id)}}
<div class="gh-links-list-input-container {{if (eq this.showError link.link.link_id) "error"}}">
<div class="gh-input-group">
<input
aria-label="Link"
type="text"
class="gh-input"
placeholder={{link.link.to}}
value={{link.link.to}}
maxlength="300"
{{on "blur" this.setLink}}
{{on-key "Enter" this.blurElement}}
{{on-key "Escape" this.cancelEdit}}
{{autofocus}}
data-prevent-escape-close-modal="true"
/>
<GhTaskButton
@buttonText="Update"
@task={{this.setLink}}
@successText="Link updated"
@class="gh-btn gh-btn-green gh-btn-icon" />
</div>
<span class="gh-links-list-item-error">Please enter a valid link</span>
</div>
{{else}}
<button type="button" class="gh-btn gh-btn-action-icon gh-btn-icon gh-btn-outline gh-links-list-item-edit icon-only" aria-label="Edit link" {{on "click" (fn this.editLink link.link.link_id)}}>
<span>
{{svg-jar "pen"}}
</span>
</button>
<a href="{{link.link.to}}" target="_blank" rel="noopener noreferrer">
{{link.link.title}}
</a>
<span class="gh-links-list-item-edited {{if link.link.edited "gh-links-list-item-edited-show"}}">&nbsp;(edited)</span>
<span class="gh-links-list-item-success {{if (eq @showSuccess link.link.link_id) "gh-links-list-item-success-show"}}">{{svg-jar "check-circle"}}</span>
{{/if}}
</div>
{{else}}
<a href="{{link.link.to}}" target="_blank" rel="noopener noreferrer">{{link.link.title}}</a>
{{/if}}
<p class="gh-links-list-clicks">{{link.count.clicks}}</p>
</div>
{{/each}}
</div>
{{#if this.showPagination }}
<div class="gh-links-pagination">
{{#if (feature "fixNewsletterLinks")}}
<span class="gh-links-info">&uarr; Sent a broken link? You can update it!</span>
{{else}}
<div class="gh-links-pagination-progress">
Showing {{this.startOffset}}-{{this.endOffset}} of {{this.totalLinks}}
</div>
{{/if}}
<div class="gh-links-pagination-actions">
<button type="button" class="gh-links-pagination-action gh-links-pagination-prev {{if this.disablePreviousPage "gh-links-pagination-disabled"}}" {{on "click" this.openPreviousPage}} disabled={{this.disablePreviousPage}}>
{{svg-jar "arrow-left-pagination"}}
Previous
</button>
<button type="button" class="gh-links-pagination-action gh-links-pagination-next {{if this.disableNextPage "gh-links-pagination-disabled"}}" {{on "click" this.openNextPage}} disabled={{this.disableNextPage}}>
Next
{{svg-jar "arrow-right-pagination"}}
</button>
</div>
</div>
{{/if}}
</div>
</div>