Ghost/ghost/admin/app/components/posts/links-table.hbs
Djordje Vlaisavljevic 097b232524
Fix newsletter links (#15621)
Added a button for editing links in newsletters after sending to the
Post analytics page

Co-authored-by: Rishabh <zrishabhgarg@gmail.com>
2022-10-14 18:09:42 +02:00

65 lines
3.1 KiB
Handlebars

<h4 class="gh-main-section-header small bn">
Newsletter clicks
</h4>
<div class="gh-post-analytics-box column">
<div class="gh-links-list">
<div class="gh-links-list-header">
<div class="gh-links-list-title">
Link
</div>
<div class="gh-links-list-title">
No. of Members
</div>
</div>
{{#each this.visibleLinks as |link|}}
<div class="gh-links-list-item">
{{#if (feature "fixNewsletterLinks")}}
<div class="flex items-center">
{{#if link.isEditing}}
<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"
/>
{{else}}
<a href="{{link.link.to}}" target="_blank" rel="noopener noreferrer">
{{link.link.title}}
</a>
<button type="button" class="flex items-center" aria-label="Edit link" {{on "click" (fn this.editLink link.link.link_id)}}>{{svg-jar "pen"}}</button>
{{/if}}
{{!-- <a href="{{link.link.to}}" target="_blank" rel="noopener noreferrer">{{link.link.title}}</a> --}}
</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}}
{{#if this.showPagination }}
<div class="gh-links-pagination" >
<div class="gh-links-pagination-progress">
Showing {{this.startOffset}}-{{this.endOffset}} of {{this.totalLinks}}
</div>
<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>