mirror of https://github.com/nextcloud/photos
Faces: Do not use illustration for empty content
Signed-off-by: Marcel Klehr <mklehr@gmx.net>
This commit is contained in:
Marcel Klehr
parent
d3b6dc286c
commit
62ecc53748
|
|
@ -1 +0,0 @@
|
|||
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="698" height="698" viewBox="0 0 698 698"><defs><linearGradient id="b247946c-c62f-4d08-994a-4c3d64e1e98f-194" x1="349" y1="698" x2="349" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient></defs><title>profile pic</title><g opacity="0.5"><circle cx="349" cy="349" r="349" fill="url(#b247946c-c62f-4d08-994a-4c3d64e1e98f-194)"/></g><circle cx="349.68" cy="346.77" r="341.64" fill="#f5f5f5"/><path d="M601,790.76a340,340,0,0,0,187.79-56.2c-12.59-68.8-60.5-72.72-60.5-72.72H464.09s-45.21,3.71-59.33,67A340.07,340.07,0,0,0,601,790.76Z" transform="translate(-251 -101)" fill="#6c63ff"/><circle cx="346.37" cy="339.57" r="164.9" fill="#333"/><path d="M293.15,476.92H398.81a0,0,0,0,1,0,0v84.53A52.83,52.83,0,0,1,346,614.28h0a52.83,52.83,0,0,1-52.83-52.83V476.92a0,0,0,0,1,0,0Z" opacity="0.1"/><path d="M296.5,473h99a3.35,3.35,0,0,1,3.35,3.35v81.18A52.83,52.83,0,0,1,346,610.37h0a52.83,52.83,0,0,1-52.83-52.83V476.35A3.35,3.35,0,0,1,296.5,473Z" fill="#fdb797"/><path d="M544.34,617.82a152.07,152.07,0,0,0,105.66.29v-13H544.34Z" transform="translate(-251 -101)" opacity="0.1"/><circle cx="346.37" cy="372.44" r="151.45" fill="#fdb797"/><path d="M489.49,335.68S553.32,465.24,733.37,390l-41.92-65.73-74.31-26.67Z" transform="translate(-251 -101)" opacity="0.1"/><path d="M489.49,333.78s63.83,129.56,243.88,54.3l-41.92-65.73-74.31-26.67Z" transform="translate(-251 -101)" fill="#333"/><path d="M488.93,325a87.49,87.49,0,0,1,21.69-35.27c29.79-29.45,78.63-35.66,103.68-69.24,6,9.32,1.36,23.65-9,27.65,24-.16,51.81-2.26,65.38-22a44.89,44.89,0,0,1-7.57,47.4c21.27,1,44,15.4,45.34,36.65.92,14.16-8,27.56-19.59,35.68s-25.71,11.85-39.56,14.9C608.86,369.7,462.54,407.07,488.93,325Z" transform="translate(-251 -101)" fill="#333"/><ellipse cx="194.86" cy="372.3" rx="14.09" ry="26.42" fill="#fdb797"/><ellipse cx="497.8" cy="372.3" rx="14.09" ry="26.42" fill="#fdb797"/></svg>
|
||||
|
Before Width: | Height: | Size: 2.1 KiB |
|
|
@ -23,8 +23,7 @@
|
|||
<!-- Errors handlers-->
|
||||
<EmptyContent v-if="face === undefined && !loadingFiles && !loadingFaces" class="empty-content-with-illustration">
|
||||
<template #icon>
|
||||
<!-- eslint-disable-next-line vue/no-v-html -->
|
||||
<span class="empty-content-illustration" v-html="FaceIllustration" />
|
||||
<AccountBoxMultipleOutline />
|
||||
</template>
|
||||
{{ t('photos', 'This person could not be found') }}
|
||||
</EmptyContent>
|
||||
|
|
@ -172,6 +171,7 @@ import Download from 'vue-material-design-icons/Download'
|
|||
import Send from 'vue-material-design-icons/Send'
|
||||
import Merge from 'vue-material-design-icons/Merge'
|
||||
import ArrowLeft from 'vue-material-design-icons/ArrowLeft'
|
||||
import AccountBoxMultipleOutline from 'vue-material-design-icons/AccountBoxMultipleOutline'
|
||||
|
||||
import { Actions, ActionButton, Modal, EmptyContent, Button } from '@nextcloud/vue'
|
||||
|
||||
|
|
@ -180,7 +180,6 @@ import FilesSelectionMixin from '../mixins/FilesSelectionMixin.js'
|
|||
import FilesListViewer from '../components/FilesListViewer.vue'
|
||||
import File from '../components/File.vue'
|
||||
import Loader from '../components/Loader.vue'
|
||||
import FaceIllustration from '../assets/Illustrations/face.svg'
|
||||
import logger from '../services/logger.js'
|
||||
import FetchFacesMixin from '../mixins/FetchFacesMixin.js'
|
||||
import Vue from 'vue'
|
||||
|
|
@ -206,6 +205,7 @@ export default {
|
|||
Button,
|
||||
Merge,
|
||||
ArrowLeft,
|
||||
AccountBoxMultipleOutline,
|
||||
},
|
||||
|
||||
directives: {
|
||||
|
|
@ -231,7 +231,6 @@ export default {
|
|||
return {
|
||||
showMergeModal: false,
|
||||
showRenameModal: false,
|
||||
FaceIllustration,
|
||||
loadingCount: 0,
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -33,11 +33,12 @@
|
|||
<div v-if="noFaces && !loadingFaces" class="albums__empty">
|
||||
<EmptyContent class="empty-content-with-illustration">
|
||||
<template #icon>
|
||||
<span class="empty-content-illustration" v-html="FaceIllustration" />
|
||||
<AccountBoxMultipleOutline />
|
||||
</template>
|
||||
<template #desc>
|
||||
{{ t('photos', "No people have been discovered in your photos, yet.") }}
|
||||
{{ t('photos', 'This might take some time depending on the size of your photo library.') }}
|
||||
</template>
|
||||
{{ t('photos', 'Recognized people will show up here') }}
|
||||
</EmptyContent>
|
||||
</div>
|
||||
|
||||
|
|
@ -52,8 +53,8 @@
|
|||
|
||||
<script>
|
||||
import { EmptyContent } from '@nextcloud/vue'
|
||||
import AccountBoxMultipleOutline from 'vue-material-design-icons/AccountBoxMultipleOutline'
|
||||
|
||||
import FaceIllustration from '../assets/Illustrations/face.svg'
|
||||
import FetchFacesMixin from '../mixins/FetchFacesMixin.js'
|
||||
import Loader from '../components/Loader.vue'
|
||||
import FaceCover from '../components/FaceCover.vue'
|
||||
|
|
@ -65,18 +66,13 @@ export default {
|
|||
FaceCover,
|
||||
EmptyContent,
|
||||
Loader,
|
||||
AccountBoxMultipleOutline,
|
||||
},
|
||||
|
||||
mixins: [
|
||||
FetchFacesMixin,
|
||||
],
|
||||
|
||||
data() {
|
||||
return {
|
||||
FaceIllustration,
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
...mapGetters([
|
||||
'facesFiles',
|
||||
|
|
|
|||
Loading…
Reference in New Issue