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

Share Dialog: Add setup button #225

Browse source 
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
Michael Mayer 2020-04-01 10:55:13 +02:00
parent 3d7a13b2ae
commit 2d5fede6dd
1 changed files with 22 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
frontend/src/dialog/p-photo-share-dialog.vue
View file

@ -10,12 +10,13 @@
<v-select <v-select
color="secondary-dark" color="secondary-dark"
class="mr-2" class="mr-2"
hide-details flat hide-details hide-no-data flat
:label="labels.account" :label="labels.account"
item-text="AccName" item-text="AccName"
item-value="ID" item-value="ID"
@change="onChange" @change="onChange"
return-object return-object
:disabled="loading || noAccounts"
v-model="account" v-model="account"
:items="accounts"> :items="accounts">
</v-select> </v-select>
@ -30,7 +31,7 @@
:search-input.sync="search" :search-input.sync="search"
:items="pathItems" :items="pathItems"
:loading="loading" :loading="loading"
:disabled="loading" :disabled="loading || noAccounts"
item-text="text" item-text="text"
item-value="value" item-value="value"
:label="labels.path" :label="labels.path"
@ -38,11 +39,15 @@
</v-autocomplete> </v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 text-xs-right class="pt-3"> <v-flex xs12 text-xs-right class="pt-3">
<v-btn @click.stop="cancel" depressed color="grey lighten-3" class="p-photo-dialog-cancel"> <v-btn @click.stop="cancel" depressed color="grey lighten-3" class="action-cancel">
<translate>Cancel</translate> <translate>Cancel</translate>
</v-btn> </v-btn>
<v-btn color="blue-grey lighten-2" depressed dark @click.stop="setup"
class="action-setup" v-if="noAccounts">
<span>{{ labels.setup }}</span>
</v-btn>
<v-btn color="blue-grey lighten-2" depressed dark @click.stop="confirm" <v-btn color="blue-grey lighten-2" depressed dark @click.stop="confirm"
class="p-photo-dialog-confirm"> class="action-upload" v-else>
<span>{{ labels.upload }}</span> <span>{{ labels.upload }}</span>
</v-btn> </v-btn>
</v-flex> </v-flex>
@ -61,6 +66,7 @@
}, },
data() { data() {
return { return {
noAccounts: false,
loading: true, loading: true,
search: null, search: null,
account: {}, account: {},
@ -75,6 +81,7 @@
account: this.$gettext("Account"), account: this.$gettext("Account"),
path: this.$gettext("Location"), path: this.$gettext("Location"),
upload: this.$gettext("Upload"), upload: this.$gettext("Upload"),
setup: this.$gettext("Setup"),
} }
} }
}, },
@ -82,6 +89,9 @@
cancel() { cancel() {
this.$emit('cancel'); this.$emit('cancel');
}, },
setup() {
this.$router.push({name: "settings_accounts"});
},
confirm() { confirm() {
if (this.loading) { if (this.loading) {
this.$notify.wait(); this.$notify.wait();
@ -114,9 +124,14 @@
}; };
Account.search(params).then(response => { Account.search(params).then(response => {
this.account = response.models[0]; if (!response.models.length) {
this.accounts = response.models; this.noAccounts = true;
this.onChange(); this.loading = false;
} else {
this.account = response.models[0];
this.accounts = response.models;
this.onChange();
}
}).catch(() => this.loading = false) }).catch(() => this.loading = false)
}, },
}, },