luisgulo/photoprism
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Sharing: UX improvements and fixes #18

Browse source 
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
Michael Mayer 2020-06-23 10:22:12 +02:00
parent 1f9690778e
commit 5d5fff165d
3 changed files with 24 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/dialog/p-share-dialog.vue
View file

@ -217,6 +217,7 @@
watch: {
show: function (show) {
if (show) {
this.links = [];
this.loading = true;
this.model.links().then((resp) => {
if (resp.count === 0) {

7
frontend/src/pages/albums.vue
View file

@ -176,14 +176,13 @@
<v-card-text class="pl-3 pr-3 pt-0 pb-3 p-album-desc"
v-else-if="album.Type === 'album'">
<div v-if="album.PhotoCount === 1" class="caption">
<translate>Contains one photo. Add more by selecting them from search results.
</translate>
<translate>Contains one photo.</translate>
<translate>Add more by selecting them from search results.</translate>
</div>
<div v-else-if="album.PhotoCount > 0" class="caption">
<translate>Contains</translate>
{{album.PhotoCount}}
<translate>photos</translate>
.
<translate>photos</translate>.
</div>
<div v-else class="caption">
<router-link :to="{name: 'photos'}" class="text-link">

22
frontend/src/share/albums.vue
View file

@ -96,10 +96,28 @@
<h3 class="body-2 ma-0">
{{ album.Title }}
</h3>
<div class="caption mt-2" title="Info" v-if="album.Description">
</v-card-title>
<v-card-text class="pl-3 pr-3 pt-0 pb-3 p-album-desc" v-if="album.Description">
<div class="caption" title="Description">
{{ album.Description }}
</div>
</v-card-title>
</v-card-text>
<v-card-text class="pl-3 pr-3 pt-0 pb-3 p-album-desc"
v-else-if="album.Type === 'album'">
<div v-if="album.PhotoCount === 1" class="caption">
<translate>Contains one photo.</translate>
</div>
<div v-else-if="album.PhotoCount > 0" class="caption">
<translate>Contains</translate>
{{album.PhotoCount}}
<translate>photos</translate>.
</div>
<div v-else class="caption">
<router-link :to="{name: 'photos'}" class="text-link">
<translate>Empty album.</translate>
</router-link>
</div>
</v-card-text>
</v-card>
</v-hover>
</v-flex>