FreakU
/
Retrospring
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add Bluesky to inbox entry sharing dialog

This commit is contained in:
Andreas Nedbal 2024-03-01 20:49:33 +01:00 committed by Andreas Nedbal
parent e90b4b8580
commit 4ed9cf5a32
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/javascript/retrospring/controllers/inbox_sharing_controller.ts
View File

@ -1,9 +1,10 @@
import { Controller } from '@hotwired/stimulus'; import { Controller } from '@hotwired/stimulus';
export default class extends Controller { export default class extends Controller {
static targets = ['twitter', 'tumblr', 'telegram', 'other', 'custom', 'clipboard']; static targets = ['twitter', 'bluesky', 'tumblr', 'telegram', 'other', 'custom', 'clipboard'];
declare readonly twitterTarget: HTMLAnchorElement; declare readonly twitterTarget: HTMLAnchorElement;
declare readonly blueskyTarget: HTMLAnchorElement;
declare readonly tumblrTarget: HTMLAnchorElement; declare readonly tumblrTarget: HTMLAnchorElement;
declare readonly telegramTarget: HTMLAnchorElement; declare readonly telegramTarget: HTMLAnchorElement;
declare readonly customTarget: HTMLAnchorElement; declare readonly customTarget: HTMLAnchorElement;
@ -22,6 +23,7 @@ export default class extends Controller {
connect(): void { connect(): void {
if (this.autoCloseValue) { if (this.autoCloseValue) {
this.twitterTarget.addEventListener('click', () => this.close()); this.twitterTarget.addEventListener('click', () => this.close());
this.blueskyTarget.addEventListener('click', () => this.close());
this.tumblrTarget.addEventListener('click', () => this.close()); this.tumblrTarget.addEventListener('click', () => this.close());
this.telegramTarget.addEventListener('click', () => this.close()); this.telegramTarget.addEventListener('click', () => this.close());
this.otherTarget.addEventListener('click', () => this.closeAfterShare()); this.otherTarget.addEventListener('click', () => this.closeAfterShare());
@ -41,6 +43,7 @@ export default class extends Controller {
this.element.classList.remove('d-none'); this.element.classList.remove('d-none');
this.twitterTarget.href = this.configValue['twitter']; this.twitterTarget.href = this.configValue['twitter'];
this.blueskyTarget.href = this.configValue['bluesky'];
this.tumblrTarget.href = this.configValue['tumblr']; this.tumblrTarget.href = this.configValue['tumblr'];
this.telegramTarget.href = this.configValue['telegram']; this.telegramTarget.href = this.configValue['telegram'];

5
app/views/inbox/_entry.html.haml
View File

@ -21,9 +21,12 @@
.align-self-center .align-self-center
%p.fs-3.fw-bold= t(".sharing.heading") %p.fs-3.fw-bold= t(".sharing.heading")
%p %p
%a.btn.btn-primary.mb-1{ href: "https://twitter.com/intent/tweet?text=", data: { inbox_sharing_target: "twitter" }, target: "_blank" } %a.btn.btn-primary.mb-1{ href: "#", data: { inbox_sharing_target: "twitter" }, target: "_blank" }
%i.fab.fa-twitter.fa-fw %i.fab.fa-twitter.fa-fw
Twitter Twitter
%a.btn.btn-primary.mb-1{ href: "#", data: { inbox_sharing_target: "bluesky" }, target: "_blank" }
%i.fas.fa-cloud.fa-fw
Bluesky
%a.btn.btn-primary.mb-1{ href: "#", data: { inbox_sharing_target: "tumblr" }, target: "_blank" } %a.btn.btn-primary.mb-1{ href: "#", data: { inbox_sharing_target: "tumblr" }, target: "_blank" }
%i.fab.fa-tumblr.fa-fw %i.fab.fa-tumblr.fa-fw
Tumblr Tumblr