kaslo/pawkey-sk
1
0
Fork 0
Code Packages Activity

update all our uses of os.popup

Browse Source
This commit is contained in:
dakkar
2024-08-14 11:50:39 +01:00
parent 917eb821e5
commit 5b808a97b2
5 changed files with 84 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/src/components/MkNote.vue
+18 -6
View File
@@ -520,7 +520,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
if (!props.mock) { if (!props.mock) {
@@ -538,7 +540,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
if (!props.mock) { if (!props.mock) {
@@ -578,7 +582,9 @@ function quote() {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
os.toast(i18n.ts.quoted); os.toast(i18n.ts.quoted);
@@ -600,7 +606,9 @@ function quote() {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
os.toast(i18n.ts.quoted); os.toast(i18n.ts.quoted);
@@ -638,7 +646,9 @@ function like(): void {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
} }
@@ -717,7 +727,9 @@ function undoRenote(note) : void {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
} }
packages/frontend/src/components/MkNoteSub.vue
+21 -7
View File
@@ -207,7 +207,9 @@ function react(viaKeyboard = false): void {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
} else { } else {
blur(); blur();
@@ -238,7 +240,9 @@ function like(): void {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
} }
@@ -263,7 +267,9 @@ function undoRenote() : void {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
} }
@@ -291,7 +297,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
misskeyApi('notes/create', { misskeyApi('notes/create', {
@@ -307,7 +315,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
misskeyApi('notes/create', { misskeyApi('notes/create', {
@@ -342,7 +352,9 @@ function quote() {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
os.toast(i18n.ts.quoted); os.toast(i18n.ts.quoted);
@@ -364,7 +376,9 @@ function quote() {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
os.toast(i18n.ts.quoted); os.toast(i18n.ts.quoted);
packages/frontend/src/components/MkPostForm.vue
+6 -1
View File
@@ -374,7 +374,12 @@ function watchForDraft() {
} }
function MFMWindow() { function MFMWindow() {
os.popup(defineAsyncComponent(() => import('@/components/SkMfmWindow.vue')), {}, {}, 'closed'); const { dispose } = os.popup(
defineAsyncComponent(() => import('@/components/SkMfmWindow.vue')),
{},
{
closed: () => dispose(),
});
} }
function checkMissingMention() { function checkMissingMention() {
packages/frontend/src/components/SkNote.vue
+18 -6
View File
@@ -520,7 +520,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
if (!props.mock) { if (!props.mock) {
@@ -538,7 +540,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
if (!props.mock) { if (!props.mock) {
@@ -578,7 +582,9 @@ function quote() {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
os.toast(i18n.ts.quoted); os.toast(i18n.ts.quoted);
@@ -600,7 +606,9 @@ function quote() {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
os.toast(i18n.ts.quoted); os.toast(i18n.ts.quoted);
@@ -638,7 +646,9 @@ function like(): void {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
} }
@@ -717,7 +727,9 @@ function undoRenote(note) : void {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
} }
packages/frontend/src/components/SkNoteSub.vue
+21 -7
View File
@@ -221,7 +221,9 @@ function react(viaKeyboard = false): void {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
} else { } else {
blur(); blur();
@@ -252,7 +254,9 @@ function like(): void {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
} }
@@ -277,7 +281,9 @@ function undoRenote() : void {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
} }
@@ -305,7 +311,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
misskeyApi('notes/create', { misskeyApi('notes/create', {
@@ -321,7 +329,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
misskeyApi('notes/create', { misskeyApi('notes/create', {
@@ -356,7 +366,9 @@ function quote() {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
os.toast(i18n.ts.quoted); os.toast(i18n.ts.quoted);
@@ -378,7 +390,9 @@ function quote() {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const x = rect.left + (el.offsetWidth / 2); const x = rect.left + (el.offsetWidth / 2);
const y = rect.top + (el.offsetHeight / 2); const y = rect.top + (el.offsetHeight / 2);
os.popup(MkRippleEffect, { x, y }, {}, 'end'); const { dispose } = os.popup(MkRippleEffect, { x, y }, {
end: () => dispose(),
});
} }
os.toast(i18n.ts.quoted); os.toast(i18n.ts.quoted);