From 53f15b17ea37743b2e26d1c1df9de3f340d3fe56 Mon Sep 17 00:00:00 2001
From: Hayden <hay-kot@pm.me>
Date: Sat, 16 Jan 2021 12:11:19 -0900
Subject: [PATCH] missing bind attributes

---
 dev/dev-notes.md                              |   6 +--
 .../src/components/Settings/Backup/index.vue  |   2 +-
 .../src/components/Settings/Theme/index.vue   |  46 +++++++++++-------
 mealie/data/db/mealie.sqlite                  | Bin 237568 -> 237568 bytes
 4 files changed, 33 insertions(+), 21 deletions(-)

diff --git a/dev/dev-notes.md b/dev/dev-notes.md
index 413dbde36..ebf5aaf3d 100644
--- a/dev/dev-notes.md
+++ b/dev/dev-notes.md
@@ -32,8 +32,8 @@ Frontend
 - [ ] Advanced Search Page, draft started
 - [ ] Search Bar Re-design
 - [ ] Replace Backups card with something like Home Assistant
-- [ ] Replace import card with something like Home Assistant
-  - [ ] Select which imports to do
+- [x] Replace import card with something like Home Assistant
+  - [x] Select which imports to do
 
 Backend
 - [ ] Database Import
@@ -42,7 +42,7 @@ Backend
   - [ ] Meal Plans
   - [x] Settings
   - [x] Themes
-- [ ] Remove Print / Debug Code
+- [x] Remove Print / Debug Code
 - [ ] Support how to Sections and how to steps
 - [ ] Recipe request by category/tags
 
diff --git a/frontend/src/components/Settings/Backup/index.vue b/frontend/src/components/Settings/Backup/index.vue
index 2b3a48a3f..cec0045a5 100644
--- a/frontend/src/components/Settings/Backup/index.vue
+++ b/frontend/src/components/Settings/Backup/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="backupLoading" class="mt-3" min-height="410px">
+  <v-card :loading="backupLoading" class="mt-3">
     <v-card-title class="headline">
       {{$t('settings.backup-and-exports')}}
     </v-card-title>
diff --git a/frontend/src/components/Settings/Theme/index.vue b/frontend/src/components/Settings/Theme/index.vue
index 6e6efe151..438b72754 100644
--- a/frontend/src/components/Settings/Theme/index.vue
+++ b/frontend/src/components/Settings/Theme/index.vue
@@ -1,11 +1,17 @@
 <template>
   <v-card>
-    <v-card-title class="headline"> {{$t('settings.theme.theme-settings')}} </v-card-title>
+    <v-card-title class="headline">
+      {{ $t("settings.theme.theme-settings") }}
+    </v-card-title>
     <v-divider></v-divider>
     <v-card-text>
-      <h2 class="mt-4 mb-1">{{$t('settings.theme.dark-mode')}}</h2>
+      <h2 class="mt-4 mb-1">{{ $t("settings.theme.dark-mode") }}</h2>
       <p>
-        {{$t('settings.theme.choose-how-mealie-looks-to-you-set-your-theme-preference-to-follow-your-system-settings-or-choose-to-use-the-light-or-dark-theme')}}
+        {{
+          $t(
+            "settings.theme.choose-how-mealie-looks-to-you-set-your-theme-preference-to-follow-your-system-settings-or-choose-to-use-the-light-or-dark-theme"
+          )
+        }}
       </p>
       <v-row dense align="center">
         <v-col cols="12">
@@ -17,18 +23,22 @@
           >
             <v-btn value="system"> Default to system </v-btn>
 
-            <v-btn value="light"> {{$t('settings.theme.light')}} </v-btn>
+            <v-btn value="light"> {{ $t("settings.theme.light") }} </v-btn>
 
-            <v-btn value="dark"> {{$t('settings.theme.dark')}} </v-btn>
+            <v-btn value="dark"> {{ $t("settings.theme.dark") }} </v-btn>
           </v-btn-toggle>
         </v-col>
       </v-row></v-card-text
     >
     <v-divider></v-divider>
     <v-card-text>
-      <h2 class="mt-1 mb-1">{{$t('settings.theme.theme')}}</h2>
+      <h2 class="mt-1 mb-1">{{ $t("settings.theme.theme") }}</h2>
       <p>
-        {{$t('settings.theme.select-a-theme-from-the-dropdown-or-create-a-new-theme-note-that-the-default-theme-will-be-served-to-all-users-who-have-not-set-a-theme-preference')}}
+        {{
+          $t(
+            "settings.theme.select-a-theme-from-the-dropdown-or-create-a-new-theme-note-that-the-default-theme-will-be-served-to-all-users-who-have-not-set-a-theme-preference"
+          )
+        }}
       </p>
 
       <v-form ref="form" lazy-validation>
@@ -54,8 +64,10 @@
               Delete
             </v-btn>
             <Confirmation
-              title="$t('settings.theme.delete-theme')"
-              message="$t('settings.theme.are-you-sure-you-want-to-delete-this-theme')"
+              :title="$t('settings.theme.delete-theme')"
+              :message="
+                $t('settings.theme.are-you-sure-you-want-to-delete-this-theme')
+              "
               color="error"
               icon="mdi-alert-circle"
               ref="deleteThemeConfirm"
@@ -67,43 +79,43 @@
       <v-row dense align-content="center" v-if="selectedTheme.colors">
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.primary')"
+            :button-text="$t('settings.theme.primary')"
             v-model="selectedTheme.colors.primary"
           />
         </v-col>
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.secondary')"
+            :button-text="$t('settings.theme.secondary')"
             v-model="selectedTheme.colors.secondary"
           />
         </v-col>
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.accent')"
+            :button-text="$t('settings.theme.accent')"
             v-model="selectedTheme.colors.accent"
           />
         </v-col>
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.success')"
+            :button-text="$t('settings.theme.success')"
             v-model="selectedTheme.colors.success"
           />
         </v-col>
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.info')"
+            :button-text="$t('settings.theme.info')"
             v-model="selectedTheme.colors.info"
           />
         </v-col>
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.warning')"
+            :button-text="$t('settings.theme.warning')"
             v-model="selectedTheme.colors.warning"
           />
         </v-col>
         <v-col>
           <ColorPickerDialog
-            button-text="$t('settings.theme.error')"
+            :button-text="$t('settings.theme.error')"
             v-model="selectedTheme.colors.error"
           />
         </v-col>
@@ -116,7 +128,7 @@
         <v-col></v-col>
         <v-col align="end">
           <v-btn text color="success" @click="saveThemes">
-            {{$t('settings.theme.save-colors-and-apply-theme')}}
+            {{ $t("settings.theme.save-colors-and-apply-theme") }}
           </v-btn>
         </v-col>
       </v-row>
diff --git a/mealie/data/db/mealie.sqlite b/mealie/data/db/mealie.sqlite
index a45f9972da9156bf2b5d12c40e9edf2db7e1ed00..dbffffa9fa8bad12f170b0a0531b1fda005ce71f 100644
GIT binary patch
delta 401
zcmZoTz}IkqZ-O+V??f4AM&FGIfA6y%<KM;qVY8rsI`8Jrw;4=~CYwLK7vTd^?Eijk
zlx1LG;AXUEV6^97&uq@*!z;}FkLxt2Bl}S{0hW0{UDAxgjG{nA3{6~&d<^<c(dN98
z($dpK_A_48H&pP*FD)_xlf}jmDnBn(H#ak{v;;_%rln=(85tNE>KYj88X9eH+`yR3
zJAK<e#=y1%jN1+{nKVpyaA4Ns;oQR6&soHo%<0Xk0JL%w`*sBnW+q0)g6Ybh%vy~3
z)BQY|#dY&o85sG+nGFpUQq$9=nsY&1V<sTCBsH<PAU{7(AvrTIFEKYiPpLU)`Xo<g
z6~^rC+dY}R#N@dY7&sXZGVtBy*5Nw9xq(xi;{iuL`w_;2U>Fay(~)s|Vj}Z?4i=zK
z7fcoun6v#r7PE_}1Q*+X20kWU0j@_}Dje%M3fcd$&u8~#`w!Ien2pQ3iIt6kpEEGf
baJo+xvl56<W@=)YUYNz~zkPl?bD{(QdI59M

delta 347
zcmZoTz}IkqZ-O+V*F+g-Mz4(tfA6z?;6KK{YqOw$I`8Jrw;4=~hMPaV7vTd^?Eijk
zl;wTGz|GLez|YRNjWLIzk=ujIn3I9MjP)0bE7Rr4f&$6geKs*B^Rh57FkAw1&rM&y
zpD~cPv5b+ALBA>5oEIoQ-De}?#p#Bd7^T||Fm5}*WYWOHxrMWzvxqa9)0<Oax`_j`
z9?<?x?AsMQn3)(EU8XC0GHWq9Pxtd=7T0xRWnknNXErocNKH?dYIX#1jhTSllGMcF
zg8ckEh2+e<yu{r6Jf&ub>61K}RT%BJZ}(*O5|ano&CPg_f$uK24%Y$B4V>y64><C<
z^0*Y(k1!r&j0f83$hbW*k$FD{mv>_Z8v{RQV4&f2?RI7*5TVS}m_9wAo!Ni;fh=Yh
lQ4tRI`3!tayaHU0xKudSa}=`wW1kN+qMd#F{C4I<2>>2#W4HhS