update all our uses of os.popup
				
					
				
			This commit is contained in:
		
							parent
							
								
									917eb821e5
								
							
						
					
					
						commit
						5b808a97b2
					
				
					 5 changed files with 84 additions and 27 deletions
				
			
		| 
						 | 
				
			
			@ -520,7 +520,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
 | 
			
		|||
			const rect = el.getBoundingClientRect();
 | 
			
		||||
			const x = rect.left + (el.offsetWidth / 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) {
 | 
			
		||||
| 
						 | 
				
			
			@ -538,7 +540,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
 | 
			
		|||
			const rect = el.getBoundingClientRect();
 | 
			
		||||
			const x = rect.left + (el.offsetWidth / 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) {
 | 
			
		||||
| 
						 | 
				
			
			@ -578,7 +582,9 @@ function quote() {
 | 
			
		|||
					const rect = el.getBoundingClientRect();
 | 
			
		||||
					const x = rect.left + (el.offsetWidth / 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);
 | 
			
		||||
| 
						 | 
				
			
			@ -600,7 +606,9 @@ function quote() {
 | 
			
		|||
					const rect = el.getBoundingClientRect();
 | 
			
		||||
					const x = rect.left + (el.offsetWidth / 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);
 | 
			
		||||
| 
						 | 
				
			
			@ -638,7 +646,9 @@ function like(): void {
 | 
			
		|||
		const rect = el.getBoundingClientRect();
 | 
			
		||||
		const x = rect.left + (el.offsetWidth / 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 x = rect.left + (el.offsetWidth / 2);
 | 
			
		||||
		const y = rect.top + (el.offsetHeight / 2);
 | 
			
		||||
		os.popup(MkRippleEffect, { x, y }, {}, 'end');
 | 
			
		||||
		const { dispose } = os.popup(MkRippleEffect, { x, y }, {
 | 
			
		||||
			end: () => dispose(),
 | 
			
		||||
		});
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -207,7 +207,9 @@ function react(viaKeyboard = false): void {
 | 
			
		|||
			const rect = el.getBoundingClientRect();
 | 
			
		||||
			const x = rect.left + (el.offsetWidth / 2);
 | 
			
		||||
			const y = rect.top + (el.offsetHeight / 2);
 | 
			
		||||
			os.popup(MkRippleEffect, { x, y }, {}, 'end');
 | 
			
		||||
			const { dispose } = os.popup(MkRippleEffect, { x, y }, {
 | 
			
		||||
				end: () => dispose(),
 | 
			
		||||
			});
 | 
			
		||||
		}
 | 
			
		||||
	} else {
 | 
			
		||||
		blur();
 | 
			
		||||
| 
						 | 
				
			
			@ -238,7 +240,9 @@ function like(): void {
 | 
			
		|||
		const rect = el.getBoundingClientRect();
 | 
			
		||||
		const x = rect.left + (el.offsetWidth / 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 x = rect.left + (el.offsetWidth / 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 x = rect.left + (el.offsetWidth / 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', {
 | 
			
		||||
| 
						 | 
				
			
			@ -307,7 +315,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
 | 
			
		|||
			const rect = el.getBoundingClientRect();
 | 
			
		||||
			const x = rect.left + (el.offsetWidth / 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', {
 | 
			
		||||
| 
						 | 
				
			
			@ -342,7 +352,9 @@ function quote() {
 | 
			
		|||
					const rect = el.getBoundingClientRect();
 | 
			
		||||
					const x = rect.left + (el.offsetWidth / 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);
 | 
			
		||||
| 
						 | 
				
			
			@ -364,7 +376,9 @@ function quote() {
 | 
			
		|||
					const rect = el.getBoundingClientRect();
 | 
			
		||||
					const x = rect.left + (el.offsetWidth / 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);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -374,7 +374,12 @@ function watchForDraft() {
 | 
			
		|||
}
 | 
			
		||||
 | 
			
		||||
function MFMWindow() {
 | 
			
		||||
	os.popup(defineAsyncComponent(() => import('@/components/SkMfmWindow.vue')), {}, {}, 'closed');
 | 
			
		||||
	const { dispose } = os.popup(
 | 
			
		||||
		defineAsyncComponent(() => import('@/components/SkMfmWindow.vue')),
 | 
			
		||||
		{},
 | 
			
		||||
		{
 | 
			
		||||
			closed: () => dispose(),
 | 
			
		||||
		});
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
function checkMissingMention() {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -520,7 +520,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
 | 
			
		|||
			const rect = el.getBoundingClientRect();
 | 
			
		||||
			const x = rect.left + (el.offsetWidth / 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) {
 | 
			
		||||
| 
						 | 
				
			
			@ -538,7 +540,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
 | 
			
		|||
			const rect = el.getBoundingClientRect();
 | 
			
		||||
			const x = rect.left + (el.offsetWidth / 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) {
 | 
			
		||||
| 
						 | 
				
			
			@ -578,7 +582,9 @@ function quote() {
 | 
			
		|||
					const rect = el.getBoundingClientRect();
 | 
			
		||||
					const x = rect.left + (el.offsetWidth / 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);
 | 
			
		||||
| 
						 | 
				
			
			@ -600,7 +606,9 @@ function quote() {
 | 
			
		|||
					const rect = el.getBoundingClientRect();
 | 
			
		||||
					const x = rect.left + (el.offsetWidth / 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);
 | 
			
		||||
| 
						 | 
				
			
			@ -638,7 +646,9 @@ function like(): void {
 | 
			
		|||
		const rect = el.getBoundingClientRect();
 | 
			
		||||
		const x = rect.left + (el.offsetWidth / 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 x = rect.left + (el.offsetWidth / 2);
 | 
			
		||||
		const y = rect.top + (el.offsetHeight / 2);
 | 
			
		||||
		os.popup(MkRippleEffect, { x, y }, {}, 'end');
 | 
			
		||||
		const { dispose } = os.popup(MkRippleEffect, { x, y }, {
 | 
			
		||||
			end: () => dispose(),
 | 
			
		||||
		});
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -221,7 +221,9 @@ function react(viaKeyboard = false): void {
 | 
			
		|||
			const rect = el.getBoundingClientRect();
 | 
			
		||||
			const x = rect.left + (el.offsetWidth / 2);
 | 
			
		||||
			const y = rect.top + (el.offsetHeight / 2);
 | 
			
		||||
			os.popup(MkRippleEffect, { x, y }, {}, 'end');
 | 
			
		||||
			const { dispose } = os.popup(MkRippleEffect, { x, y }, {
 | 
			
		||||
				end: () => dispose(),
 | 
			
		||||
			});
 | 
			
		||||
		}
 | 
			
		||||
	} else {
 | 
			
		||||
		blur();
 | 
			
		||||
| 
						 | 
				
			
			@ -252,7 +254,9 @@ function like(): void {
 | 
			
		|||
		const rect = el.getBoundingClientRect();
 | 
			
		||||
		const x = rect.left + (el.offsetWidth / 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 x = rect.left + (el.offsetWidth / 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 x = rect.left + (el.offsetWidth / 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', {
 | 
			
		||||
| 
						 | 
				
			
			@ -321,7 +329,9 @@ function renote(visibility: Visibility, localOnly: boolean = false) {
 | 
			
		|||
			const rect = el.getBoundingClientRect();
 | 
			
		||||
			const x = rect.left + (el.offsetWidth / 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', {
 | 
			
		||||
| 
						 | 
				
			
			@ -356,7 +366,9 @@ function quote() {
 | 
			
		|||
					const rect = el.getBoundingClientRect();
 | 
			
		||||
					const x = rect.left + (el.offsetWidth / 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);
 | 
			
		||||
| 
						 | 
				
			
			@ -378,7 +390,9 @@ function quote() {
 | 
			
		|||
					const rect = el.getBoundingClientRect();
 | 
			
		||||
					const x = rect.left + (el.offsetWidth / 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);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue