trentlarson/crowd-funder-from-jason
1
0
Fork 0
forked from jsnbuchanan/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

Fix linting errors

Browse Source
This commit is contained in:
Jose Olarte III
2025-05-20 21:35:42 +08:00
parent 981ccbf269
commit 141415977e
1 changed files with 28 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/ImageMethodDialog.vue
View File

@@ -2,10 +2,7 @@
<div v-if="visible" class="dialog-overlay z-[60]"> <div v-if="visible" class="dialog-overlay z-[60]">
<div class="dialog relative"> <div class="dialog relative">
<div class="text-lg text-center font-bold relative"> <div class="text-lg text-center font-bold relative">
<h1 <h1 id="ViewHeading" class="text-center font-bold">
id="ViewHeading"
class="text-center font-bold"
>
<span v-if="uploading">Uploading Image&hellip;</span> <span v-if="uploading">Uploading Image&hellip;</span>
<span v-else-if="blob">Crop Image</span> <span v-else-if="blob">Crop Image</span>
<span v-else-if="showCameraPreview">Upload Image</span> <span v-else-if="showCameraPreview">Upload Image</span>
@@ -29,7 +26,10 @@
Take a photo with your camera Take a photo with your camera
</span> </span>
</div> </div>
<div v-if="showCameraPreview" class="camera-preview relative flex bg-black overflow-hidden mb-4"> <div
v-if="showCameraPreview"
class="camera-preview relative flex bg-black overflow-hidden mb-4"
>
<div class="camera-container w-full h-full relative"> <div class="camera-container w-full h-full relative">
<video <video
ref="videoElement" ref="videoElement"
@@ -56,8 +56,8 @@
<div class="mt-4"> <div class="mt-4">
<input <input
type="file" type="file"
@change="uploadImageFile"
class="w-full file:text-center file:bg-gradient-to-b file:from-slate-400 file:to-slate-700 file:shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] file:text-white file:px-3 file:py-2 file:rounded-md file:border-none file:cursor-pointer file:me-2" class="w-full file:text-center file:bg-gradient-to-b file:from-slate-400 file:to-slate-700 file:shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] file:text-white file:px-3 file:py-2 file:rounded-md file:border-none file:cursor-pointer file:me-2"
@change="uploadImageFile"
/> />
</div> </div>
<div <div
@@ -115,7 +115,12 @@
/> />
</div> </div>
</div> </div>
<div :class="['grid gap-2 mt-2', showRetry ? 'grid-cols-2' : 'grid-cols-1']"> <div
:class="[
'grid gap-2 mt-2',
showRetry ? 'grid-cols-2' : 'grid-cols-1',
]"
>
<button <button
class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white py-2 px-3 rounded-md" class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white py-2 px-3 rounded-md"
@click="uploadImage" @click="uploadImage"
@@ -227,7 +232,7 @@ export default class ImageMethodDialog extends Vue {
* @throws {Error} When settings retrieval fails * @throws {Error} When settings retrieval fails
*/ */
async mounted() { async mounted() {
console.log('ImageMethodDialog mounted'); console.log("ImageMethodDialog mounted");
try { try {
const settings = await retrieveSettingsForActiveAccount(); const settings = await retrieveSettingsForActiveAccount();
this.activeDid = settings.activeDid || ""; this.activeDid = settings.activeDid || "";
@@ -412,14 +417,18 @@ export default class ImageMethodDialog extends Vue {
const ctx = canvas.getContext("2d"); const ctx = canvas.getContext("2d");
ctx?.drawImage(videoElement, 0, 0, canvas.width, canvas.height); ctx?.drawImage(videoElement, 0, 0, canvas.width, canvas.height);
canvas.toBlob((blob) => { canvas.toBlob(
(blob) => {
if (blob) { if (blob) {
this.blob = blob; this.blob = blob;
this.fileName = `photo_${Date.now()}.jpg`; this.fileName = `photo_${Date.now()}.jpg`;
this.showRetry = true; this.showRetry = true;
this.stopCameraPreview(); this.stopCameraPreview();
} }
}, "image/jpeg", 0.95); },
"image/jpeg",
0.95,
);
} catch (error) { } catch (error) {
logger.error("Error capturing photo:", error); logger.error("Error capturing photo:", error);
this.$notify( this.$notify(