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

Frontend: Add classes for testing

Browse source
This commit is contained in:
Theresa Gresch 2020-06-02 13:06:40 +02:00
parent 15113afaa6
commit ca56105fde
2 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/dialog/photo/labels.vue
View file

@ -27,6 +27,7 @@
color="secondary-dark"
single-line
autofocus
class="input-rename"
></v-text-field>
</template>
</v-edit-dialog>
@ -41,12 +42,12 @@
</v-btn>
<v-btn v-else-if="props.item.Uncertainty < 100 && props.item.LabelSrc === 'manual'" icon
small flat :ripple="false"
class="action-off" title="Delete"
class="action-delete" title="Delete"
@click.stop.prevent="removeLabel(props.item.Label)">
<v-icon color="secondary-dark">delete</v-icon>
</v-btn>
<v-btn v-else-if="props.item.Uncertainty < 100" icon small flat :ripple="false"
class="action-off" title="Remove"
class="action-remove" title="Remove"
@click.stop.prevent="removeLabel(props.item.Label)">
<v-icon color="secondary-dark">remove</v-icon>
</v-btn>
@ -69,13 +70,14 @@
flat solo hide-details
autofocus
@keyup.enter.native="addLabel"
class="input-label"
></v-text-field>
</td>
<td class="text-xs-left">manual</td>
<td class="text-xs-center">100%</td>
<td class="text-xs-center">
<v-btn icon small flat :ripple="false" title="Add"
class="p-photo-label-remove"
class="p-photo-label-add"
@click.stop.prevent="addLabel">
<v-icon color="secondary-dark">add</v-icon>
</v-btn>

11
frontend/src/pages/labels.vue
View file

@ -4,7 +4,7 @@
<v-form ref="form" class="p-labels-search" lazy-validation @submit.prevent="updateQuery" dense>
<v-toolbar flat color="secondary">
<v-text-field class="pt-3 pr-3"
<v-text-field class="pt-3 pr-3 p-search-field"
single-line
:label="labels.search"
prepend-inner-icon="search"
@ -23,10 +23,10 @@
<v-icon>refresh</v-icon>
</v-btn>
<v-btn v-if="!filter.all" icon @click.stop="showAll">
<v-btn v-if="!filter.all" icon @click.stop="showAll" class="action-show-all">
<v-icon>visibility</v-icon>
</v-btn>
<v-btn v-else icon @click.stop="showImportant">
<v-btn v-else icon @click.stop="showImportant" class="action-show-important">
<v-icon>visibility_off</v-icon>
</v-btn>
</v-toolbar>
@ -59,6 +59,7 @@
v-for="(label, index) in results"
:key="index"
class="p-label"
:data-uid="label.UID"
xs6 sm4 md3 lg2 d-flex
>
<v-hover>
@ -100,9 +101,9 @@
icon large absolute
:class="selection.includes(label.UID) ? 'p-label-select' : 'p-label-select opacity-50'"
@click.stop.prevent="onSelect($event, index)">
<v-icon v-if="selection.includes(label.UID)" color="white">check_circle
<v-icon v-if="selection.includes(label.UID)" color="white" class="t-select t-on">check_circle
</v-icon>
<v-icon v-else color="accent lighten-3">radio_button_off</v-icon>
<v-icon v-else color="accent lighten-3" class="t-select t-off">radio_button_off</v-icon>
</v-btn>
</v-img>