RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Replace img with x-img

pull/460/head
Varun Patil 2023-02-25 16:35:08 -08:00
parent 4d16388442
commit 87430e298d
7 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/frame/Folder.vue
View File

@ -17,7 +17,7 @@
<div class="previews fill-block"> <div class="previews fill-block">
<div class="preview-container fill-block"> <div class="preview-container fill-block">
<div class="img-outer" v-for="info of previews" :key="info.fileid"> <div class="img-outer" v-for="info of previews" :key="info.fileid">
<img <XImg
class="fill-block" class="fill-block"
:src="getPreviewUrl(info, true, 256)" :src="getPreviewUrl(info, true, 256)"
@error="$event.target.classList.add('error')" @error="$event.target.classList.add('error')"

3
src/components/frame/Photo.vue
View File

@ -73,8 +73,6 @@ import { getPreviewUrl } from "../../services/FileUtils";
import { IDay, IPhoto } from "../../types"; import { IDay, IPhoto } from "../../types";
import * as utils from "../../services/Utils"; import * as utils from "../../services/Utils";
import XImg from "./XImg.vue";
import errorsvg from "../../assets/error.svg"; import errorsvg from "../../assets/error.svg";
import CheckCircle from "vue-material-design-icons/CheckCircle.vue"; import CheckCircle from "vue-material-design-icons/CheckCircle.vue";
import Star from "vue-material-design-icons/Star.vue"; import Star from "vue-material-design-icons/Star.vue";
@ -84,7 +82,6 @@ import LivePhoto from "vue-material-design-icons/MotionPlayOutline.vue";
export default defineComponent({ export default defineComponent({
name: "Photo", name: "Photo",
components: { components: {
XImg,
CheckCircle, CheckCircle,
Video, Video,
Star, Star,

2
src/components/frame/Tag.vue
View File

@ -16,7 +16,7 @@
<div class="previews fill-block" ref="previews"> <div class="previews fill-block" ref="previews">
<div class="img-outer"> <div class="img-outer">
<img <XImg
draggable="false" draggable="false"
class="fill-block" class="fill-block"
:class="{ error }" :class="{ error }"

2
src/components/modal/AlbumPicker.vue
View File

@ -16,7 +16,7 @@
@click="pickAlbum(album)" @click="pickAlbum(album)"
> >
<template v-slot:icon="{}"> <template v-slot:icon="{}">
<img <XImg
v-if="album.last_added_photo !== -1" v-if="album.last_added_photo !== -1"
class="album__image" class="album__image"
:src="toCoverUrl(album.last_added_photo)" :src="toCoverUrl(album.last_added_photo)"

2
src/components/top-matter/MapSplitMatter.vue
View File

@ -27,7 +27,7 @@
<div class="count" v-if="cluster.count > 1"> <div class="count" v-if="cluster.count > 1">
{{ cluster.count }} {{ cluster.count }}
</div> </div>
<img <XImg
:src="clusterPreviewUrl(cluster)" :src="clusterPreviewUrl(cluster)"
:class="[ :class="[
'thumb-important', 'thumb-important',

2
src/components/top-matter/OnThisDay.vue
View File

@ -7,7 +7,7 @@
:key="year.year" :key="year.year"
@click="click(year)" @click="click(year)"
> >
<img class="fill-block" :src="year.url" /> <XImg class="fill-block" :src="year.url" />
<div class="overlay"> <div class="overlay">
{{ year.text }} {{ year.text }}

2
src/main.ts
View File

@ -4,6 +4,7 @@ import "reflect-metadata";
import Vue from "vue"; import Vue from "vue";
import VueVirtualScroller from "vue-virtual-scroller"; import VueVirtualScroller from "vue-virtual-scroller";
import "vue-virtual-scroller/dist/vue-virtual-scroller.css"; import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
import XImg from "./components/frame/XImg.vue";
import GlobalMixin from "./mixins/GlobalMixin"; import GlobalMixin from "./mixins/GlobalMixin";
import UserConfig from "./mixins/UserConfig"; import UserConfig from "./mixins/UserConfig";
@ -72,6 +73,7 @@ if (!globalThis.videoClientIdPersistent) {
Vue.mixin(GlobalMixin); Vue.mixin(GlobalMixin);
Vue.mixin(UserConfig); Vue.mixin(UserConfig);
Vue.use(VueVirtualScroller); Vue.use(VueVirtualScroller);
Vue.component("XImg", XImg);
// https://github.com/nextcloud/photos/blob/156f280c0476c483cb9ce81769ccb0c1c6500a4e/src/main.js // https://github.com/nextcloud/photos/blob/156f280c0476c483cb9ce81769ccb0c1c6500a4e/src/main.js
// TODO: remove when we have a proper fileinfo standalone library // TODO: remove when we have a proper fileinfo standalone library