github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 14:33:33 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 20

submit on enter

Browse source
This commit is contained in:
hay-kot 2021-03-27 12:55:46 -08:00
commit 4795281938
6 changed files with 144 additions and 129 deletions
Download patch file Download diff file Expand all files Collapse all files

31
frontend/src/components/Admin/ManageUsers/GroupDashboard.vue
View file

@ -24,7 +24,7 @@
v-bind="attrs"
v-on="on"
>
{{ $t('user.create-group') }}
{{ $t("user.create-group") }}
</v-btn>
</template>
<v-card>
@ -34,31 +34,30 @@
</v-icon>
<v-toolbar-title class="headline">
{{ $t('user.create-group') }}
{{ $t("user.create-group") }}
</v-toolbar-title>
<v-spacer></v-spacer>
</v-app-bar>
<v-card-text>
<v-form ref="newGroup">
<v-form ref="newGroup" @submit="createGroup">
<v-card-text>
<v-text-field
v-model="newGroupName"
:label="$t('user.group-name')"
:rules="[existsRule]"
></v-text-field>
</v-form>
</v-card-text>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey" text @click="groupDialog = false">
{{ $t('general.cancel') }}
</v-btn>
<v-btn color="primary" @click="createGroup">
{{ $t('general.create') }}
</v-btn>
</v-card-actions>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey" text @click="groupDialog = false">
{{ $t("general.cancel") }}
</v-btn>
<v-btn color="primary" type="submit" @click.prevent="createGroup">
{{ $t("general.create") }}
</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
</v-card-actions>

55
frontend/src/components/Admin/ManageUsers/TheSignUpTable.vue
View file

@ -3,7 +3,11 @@
<Confirmation
ref="deleteUserDialog"
:title="$t('user.confirm-link-deletion')"
:message="$t('user.are-you-sure-you-want-to-delete-the-link', {link: activeName })"
:message="
$t('user.are-you-sure-you-want-to-delete-the-link', {
link: activeName,
})
"
icon="mdi-alert"
@confirm="deleteUser"
:width="450"
@ -14,14 +18,14 @@
mdi-link-variant
</v-icon>
<v-toolbar-title class="headine">
{{ $t('user.sign-up-links') }}
{{ $t("user.sign-up-links") }}
</v-toolbar-title>
<v-spacer> </v-spacer>
<v-dialog v-model="dialog" max-width="600px">
<template v-slot:activator="{ on, attrs }">
<v-btn small color="success" dark v-bind="attrs" v-on="on">
{{ $t('user.create-link') }}
{{ $t("user.create-link") }}
</v-btn>
</template>
<v-card>
@ -31,14 +35,13 @@
</v-icon>
<v-toolbar-title class="headline">
{{ $t('user.create-link') }}
{{ $t("user.create-link") }}
</v-toolbar-title>
<v-spacer></v-spacer>
</v-app-bar>
<v-card-text>
<v-form ref="newUser">
<v-form ref="newUser" @submit="save">
<v-card-text>
<v-row class="justify-center mt-3">
<v-text-field
class="mr-2"
@ -52,18 +55,18 @@
:label="$t('user.admin')"
></v-checkbox>
</v-row>
</v-form>
</v-card-text>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey" text @click="close">
{{ $t('general.cancel') }}
</v-btn>
<v-btn color="primary" @click="save">
{{ $t('general.save') }}
</v-btn>
</v-card-actions>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey" text @click="close">
{{ $t("general.cancel") }}
</v-btn>
<v-btn color="primary" type="submit" @click.prevent="save">
{{ $t("general.save") }}
</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
</v-toolbar>
@ -90,7 +93,7 @@
<v-icon small left>
mdi-account-cog
</v-icon>
{{ item.admin ? $t('general.yes') : $t('general.no') }}
{{ item.admin ? $t("general.yes") : $t("general.no") }}
</v-btn>
</template>
<template v-slot:item.actions="{ item }">
@ -98,7 +101,7 @@
<v-icon small left>
mdi-delete
</v-icon>
{{ $t('general.delete') }}
{{ $t("general.delete") }}
</v-btn>
</template>
</v-data-table>
@ -113,21 +116,21 @@ import { validators } from "@/mixins/validators";
export default {
components: { Confirmation },
mixins: [validators],
data() {
data() {
return {
dialog: false,
activeId: null,
activeName: null,
headers: [
{
text: this.$t('user.link-id'),
text: this.$t("user.link-id"),
align: "start",
sortable: false,
value: "id",
},
{ text: this.$t('general.name'), value: "name" },
{ text: this.$t('general.token'), value: "token" },
{ text: this.$t('user.admin'), value: "admin", align: "center" },
{ text: this.$t("general.name"), value: "name" },
{ text: this.$t("general.token"), value: "token" },
{ text: this.$t("user.admin"), value: "admin", align: "center" },
{ text: "", value: "actions", sortable: false, align: "center" },
],
links: [],
@ -144,7 +147,7 @@ export default {
admin: false,
id: 0,
},
}
};
},
computed: {

65
frontend/src/components/Admin/ManageUsers/TheUserTable.vue
View file

@ -3,7 +3,12 @@
<Confirmation
ref="deleteUserDialog"
:title="$t('user.confirm-user-deletion')"
:message="$t('user.are-you-sure-you-want-to-delete-the-user', { activeName, activeId })"
:message="
$t('user.are-you-sure-you-want-to-delete-the-user', {
activeName,
activeId,
})
"
icon="mdi-alert"
@confirm="deleteUser"
:width="450"
@ -25,7 +30,7 @@
<v-dialog v-model="dialog" max-width="600px">
<template v-slot:activator="{ on, attrs }">
<v-btn small color="success" dark v-bind="attrs" v-on="on">
{{$t('user.create-user')}}
{{ $t("user.create-user") }}
</v-btn>
</template>
<v-card>
@ -40,12 +45,11 @@
<v-spacer></v-spacer>
<v-toolbar-title class="headline">
{{$t('user.user-id-with-value', {id: editedItem.id }) }}
{{ $t("user.user-id-with-value", { id: editedItem.id }) }}
</v-toolbar-title>
</v-app-bar>
<v-card-text>
<v-form ref="newUser">
<v-form ref="newUser" @submit="save">
<v-card-text>
<v-row>
<v-col cols="12" sm="12" md="6">
<v-text-field
@ -80,21 +84,24 @@
></v-text-field>
</v-col>
<v-col cols="12" sm="12" md="3">
<v-switch v-model="editedItem.admin" :label="$t('user.admin')"></v-switch>
<v-switch
v-model="editedItem.admin"
:label="$t('user.admin')"
></v-switch>
</v-col>
</v-row>
</v-form>
</v-card-text>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey" text @click="close">
{{$t('general.cancel')}}
</v-btn>
<v-btn color="primary" @click="save">
{{$t('general.save')}}
</v-btn>
</v-card-actions>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey" text @click="close">
{{ $t("general.cancel") }}
</v-btn>
<v-btn color="primary" type="submit" @click.prevent="save">
{{ $t("general.save") }}
</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
</v-toolbar>
@ -111,13 +118,13 @@
<v-icon small left>
mdi-delete
</v-icon>
{{$t('general.delete')}}
{{ $t("general.delete") }}
</v-btn>
<v-btn small color="success" @click="editItem(item)">
<v-icon small left class="mr-2">
mdi-pencil
</v-icon>
{{$t('general.edit')}}
{{ $t("general.edit") }}
</v-btn>
</template>
<template v-slot:item.admin="{ item }">
@ -125,7 +132,7 @@
</template>
<template v-slot:no-data>
<v-btn color="primary" @click="initialize">
{{$t('general.reset')}}
{{ $t("general.reset") }}
</v-btn>
</template>
</v-data-table>
@ -140,7 +147,7 @@ import { validators } from "@/mixins/validators";
export default {
components: { Confirmation },
mixins: [validators],
data() {
data() {
return {
search: "",
dialog: false,
@ -153,10 +160,10 @@ export default {
sortable: false,
value: "id",
},
{ text: this.$t('user.full-name'), value: "fullName" },
{ text: this.$t('user.email'), value: "email" },
{ text: this.$t('user.group'), value: "group" },
{ text: this.$t('user.admin'), value: "admin" },
{ text: this.$t("user.full-name"), value: "fullName" },
{ text: this.$t("user.email"), value: "email" },
{ text: this.$t("user.group"), value: "group" },
{ text: this.$t("user.admin"), value: "admin" },
{ text: "", value: "actions", sortable: false, align: "center" },
],
users: [],
@ -177,12 +184,14 @@ export default {
group: "",
admin: false,
},
}
};
},
computed: {
formTitle() {
return this.editedIndex === -1 ? this.$t('user.new-user') : this.$t('user.edit-user');
return this.editedIndex === -1
? this.$t("user.new-user")
: this.$t("user.edit-user");
},
showPassword() {
return this.editedIndex === -1 ? true : false;

36
frontend/src/components/Admin/Theme/NewThemeDialog.vue
View file

@ -17,22 +17,24 @@
<v-spacer></v-spacer>
</v-app-bar>
<v-card-title> </v-card-title>
<v-card-text>
<v-text-field
:label="$t('settings.theme.theme-name')"
v-model="themeName"
:rules="[rules.required]"
></v-text-field>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey" text @click="dialog = false">
{{ $t("general.cancel") }}
</v-btn>
<v-btn color="success" text @click="Select" :disabled="!themeName">
{{ $t("general.create") }}
</v-btn>
</v-card-actions>
<v-form @submit="select">
<v-card-text>
<v-text-field
:label="$t('settings.theme.theme-name')"
v-model="themeName"
:rules="[rules.required]"
></v-text-field>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey" text @click="dialog = false">
{{ $t("general.cancel") }}
</v-btn>
<v-btn color="success" text type="submit" @click.prevent="select" :disabled="!themeName">
{{ $t("general.create") }}
</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
</div>
@ -64,7 +66,7 @@ export default {
randomColor() {
return "#" + Math.floor(Math.random() * 16777215).toString(16);
},
Select() {
select() {
const newTheme = {
name: this.themeName,
colors: {

41
frontend/src/components/Login/LoginForm.vue
View file

@ -13,11 +13,12 @@
class="mr-2"
>
</v-progress-circular>
<v-toolbar-title class="headline">{{$t('user.login')}}</v-toolbar-title>
<v-toolbar-title class="headline">{{ $t("user.login") }}</v-toolbar-title>
<v-spacer></v-spacer>
</v-app-bar>
<v-card-text>
<v-form>
<v-form @submit="login">
<v-card-text>
<v-text-field
v-if="!options.isLoggingIn"
v-model="user.name"
@ -43,22 +44,24 @@
:append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
@click:append="showPassword = !showPassword"
></v-text-field>
</v-form>
<v-card-actions>
<v-btn
v-if="options.isLoggingIn"
@click.prevent="login"
dark
color="primary"
block="block"
type="submit"
>{{ $t("user.sign-in") }}</v-btn
>
</v-card-actions>
<v-alert v-if="error" outlined class="mt-3 mb-0" type="error">
{{$t('user.could-not-validate-credentials')}}
</v-alert>
</v-card-text>
<v-card-actions>
<v-btn
v-if="options.isLoggingIn"
@click.prevent="login"
dark
color="primary"
block="block"
type="submit"
>{{ $t("user.sign-in") }}
</v-btn
>
</v-card-actions>
<v-alert v-if="error" outlined class="mt-3 mb-0" type="error">
{{ $t("user.could-not-validate-credentials") }}
</v-alert>
</v-card-text>
</v-form>
</v-card>
</template>

45
frontend/src/components/UI/AddRecipeFab.vue
View file

@ -21,9 +21,8 @@
<v-spacer></v-spacer>
</v-app-bar>
<v-card-text>
<v-form ref="urlForm">
<v-form ref="urlForm" @submit="createRecipe">
<v-card-text>
<v-text-field
v-model="recipeURL"
:label="$t('new-recipe.recipe-url')"
@ -35,29 +34,29 @@
:hint="$t('new-recipe.url-form-hint')"
persistent-hint
></v-text-field>
</v-form>
<v-alert v-if="error" color="red" outlined type="success">
{{ $t("new-recipe.error-message") }}
</v-alert>
</v-card-text>
<v-alert v-if="error" color="red" outlined type="success">
{{ $t("new-recipe.error-message") }}
</v-alert>
</v-card-text>
<v-divider></v-divider>
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey" text @click="reset">
{{ $t("general.close") }}
</v-btn>
<v-btn
color="success"
text
@click="createRecipe"
:loading="processing"
>
{{ $t("general.submit") }}
</v-btn>
</v-card-actions>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey" text @click="reset">
{{ $t("general.close") }}
</v-btn>
<v-btn
color="success"
text
@click.prevent="createRecipe"
:loading="processing"
>
{{ $t("general.submit") }}
</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
<v-speed-dial v-model="fab" fixed right bottom open-on-hover>