Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2026-03-22 21:55:43 -04:00
Code Issues Packages Projects Releases Wiki Activity

dev-feature/analyze-bundle (#529)

Browse Source 
* add bundle analyzer

* use svg icons - closes #522

* fix recent recipes icon

Co-authored-by: hay-kot <hay-kot@pm.me>
This commit is contained in:
Hayden
2021-06-16 18:55:32 -08:00
committed by GitHub
parent d475818a9f
commit ee1a11ea57
65 changed files with 588 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/pages/Admin/Profile/APITokenCard.vue
View File

@@ -1,5 +1,5 @@
<template>
<StatCard icon="mdi-api" color="accent">
<StatCard :icon="$globals.icons.api" color="accent">
<template v-slot:after-heading>
<div class="ml-auto text-right">
<h2 class="body-3 grey--text font-weight-light">
@@ -18,7 +18,7 @@
<v-list-item @click.prevent>
<v-list-item-avatar>
<v-icon large dark color="accent">
mdi-api
{{ $globals.icons.api }}
</v-icon>
</v-list-item-avatar>
@@ -41,7 +41,7 @@
<v-spacer></v-spacer>
<BaseDialog
:title="$t('settings.token.create-an-api-token')"
title-icon="mdi-api"
:title-icon="$globals.icons.api"
@submit="createToken"
:submit-text="buttonText"
:loading="loading"
@@ -57,7 +57,7 @@
:label="$t('settings.token.api-token')"
readonly
v-model="createdToken"
append-outer-icon="mdi-content-copy"
:append-outer-icon="$globals.icons.contentCopy"
@click:append-outer="copyToken"
>
</v-textarea>

8
frontend/src/pages/Admin/Profile/ProfileGroupCard.vue
View File

@@ -21,7 +21,7 @@
/>
</div>
<v-subheader>{{$t('user.users-header')}}</v-subheader>
<v-subheader>{{ $t("user.users-header") }}</v-subheader>
<v-divider></v-divider>
<v-virtual-scroll v-if="currentGroup.users" :items="currentGroup.users" height="257" item-height="64">
@@ -46,7 +46,7 @@
<div class="mt-3">
<h3 class="display-2 font-weight-light text--primary">
<v-icon x-large>
mdi-food-variant
{{ $globals.icons.food }}
</v-icon>
<small> {{ $t("meal-plan.mealplan-settings") }} </small>
</h3>
@@ -92,7 +92,7 @@
<v-card-actions class="pa-0">
<v-spacer></v-spacer>
<v-btn small color="success" @click="addWebhook">
<v-icon left> mdi-webhook </v-icon>
<v-icon left> {{ $globals.icons.webhook }} </v-icon>
{{ $t("general.new") }}
</v-btn>
</v-card-actions>
@@ -101,7 +101,7 @@
<v-divider></v-divider>
<v-card-actions class="pb-0">
<v-btn class="ma-2" color="info" @click="testWebhooks">
<v-icon left> mdi-webhook </v-icon>
<v-icon left> {{ $globals.icons.webhook }} </v-icon>
{{ $t("settings.webhooks.test-webhooks") }}
</v-btn>
<v-spacer></v-spacer>

14
frontend/src/pages/Admin/Profile/ProfileThemeCard.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<StatCard icon="mdi-format-color-fill" :color="color">
<StatCard :icon="$globals.icons.formatColorFill" :color="color">
<template v-slot:after-heading>
<div class="ml-auto text-right">
<div class="body-3 grey--text font-weight-light" v-text="$t('general.themes')" />
@@ -14,21 +14,21 @@
<template v-slot:actions>
<v-btn-toggle v-model="darkMode" color="primary " mandatory>
<v-btn small value="system">
<v-icon>mdi-desktop-tower-monitor</v-icon>
<v-icon>{{ $globals.icons.desktopTowerMonitor }}</v-icon>
<span class="ml-1" v-show="$vuetify.breakpoint.smAndUp">
{{ $t("settings.theme.default-to-system") }}
</span>
</v-btn>
<v-btn small value="light">
<v-icon>mdi-white-balance-sunny</v-icon>
<v-icon>{{ $globals.icons.weatherSunny }}</v-icon>
<span class="ml-1" v-show="$vuetify.breakpoint.smAndUp">
{{ $t("settings.theme.light") }}
</span>
</v-btn>
<v-btn small value="dark">
<v-icon>mdi-weather-night</v-icon>
<v-icon>{{ $globals.icons.weatherNight }}</v-icon>
<span class="ml-1" v-show="$vuetify.breakpoint.smAndUp">
{{ $t("settings.theme.dark") }}
</span>
@@ -43,7 +43,7 @@
<v-list-item @click="selectedTheme = item">
<v-list-item-avatar>
<v-icon large dark :color="item.colors.primary">
mdi-format-color-fill
{{ $globals.icons.formatColorFill }}
</v-icon>
</v-list-item-avatar>
@@ -80,7 +80,7 @@
<BaseDialog
:loading="loading"
:title="modalLabel.title"
title-icon="mdi-format-color-fill"
:title-icon="$globals.icons.formatColorFill"
modal-width="700"
ref="themeDialog"
:submit-text="modalLabel.button"
@@ -92,7 +92,7 @@
:label="$t('settings.theme.theme-name')"
v-model="defaultData.name"
:rules="[rules.required]"
:append-outer-icon="jsonEditor ? 'mdi-form-select' : 'mdi-code-braces'"
:append-outer-icon="jsonEditor ? $globals.icons.formSelect : $globals.icons.codeBraces"
@click:append-outer="jsonEditor = !jsonEditor"
></v-text-field>
<v-row dense dflex wrap justify-content-center v-if="defaultData.colors && !jsonEditor">

14
frontend/src/pages/Admin/Profile/UserCard.vue
View File

@@ -20,7 +20,7 @@
<template v-slot:actions>
<BaseDialog
:title="$t('user.reset-password')"
title-icon="mdi-lock"
:title-icon="$globals.icons.lock"
:submit-text="$t('settings.change-password')"
@submit="changePassword"
:loading="loading"
@@ -28,8 +28,8 @@
>
<template v-slot:open="{ open }">
<v-btn color="info" class="mr-1" small @click="open">
<v-icon left>mdi-lock</v-icon>
{{$t('settings.change-password')}}
<v-icon left>{{ $globals.icons.lock }}</v-icon>
{{ $t("settings.change-password") }}
</v-btn>
</template>
@@ -37,7 +37,7 @@
<v-form ref="passChange">
<v-text-field
v-model="password.current"
prepend-icon="mdi-lock"
:prepend-icon="$globals.icons.lock"
:label="$t('user.current-password')"
:rules="[existsRule]"
validate-on-blur
@@ -46,7 +46,7 @@
></v-text-field>
<v-text-field
v-model="password.newOne"
prepend-icon="mdi-lock"
:prepend-icon="$globals.icons.lock"
:label="$t('user.new-password')"
:rules="[minRule]"
:type="showPassword ? 'text' : 'password'"
@@ -54,7 +54,7 @@
></v-text-field>
<v-text-field
v-model="password.newTwo"
prepend-icon="mdi-lock"
:prepend-icon="$globals.icons.lock"
:label="$t('user.confirm-password')"
:rules="[password.newOne === password.newTwo || $t('user.password-must-match')]"
validate-on-blur
@@ -91,7 +91,7 @@
<v-divider></v-divider>
<v-card-actions class="pb-1 pt-3">
<TheUploadBtn
icon="mdi-image-area"
:icon="$globals.icons.fileImage"
:text="$t('user.upload-photo')"
:url="userProfileImage"
file-name="profile_image"