fix: SetupWizard

- White background
- Placeholders for inputs

models/doctype/SetupWizard/SetupWizard.js

@@ -14,6 +14,7 @@ module.exports = {
       fieldname: 'country',
       label: 'Country',
       fieldtype: 'AutoComplete',
+      placeholder: 'India',
       required: 1,
       getList: () => Object.keys(countryList).sort()
     },
@@ -22,6 +23,7 @@ module.exports = {
       fieldname: 'fullname',
       label: 'Name',
       fieldtype: 'Data',
+      placeholder: 'John Doe',
       required: 1
     },
 
@@ -29,6 +31,7 @@ module.exports = {
       fieldname: 'email',
       label: 'Email',
       fieldtype: 'Data',
+      placeholder: 'john@doe.com',
       required: 1,
       inputType: 'email'
     },
@@ -36,6 +39,7 @@ module.exports = {
     {
       fieldname: 'companyName',
       label: 'Company Name',
+      placeholder: 'Acme Inc',
       fieldtype: 'Data',
       required: 1
     },
@@ -84,6 +88,7 @@ module.exports = {
       fieldname: 'currency',
       label: 'Currency',
       fieldtype: 'Data',
+      placeholder: 'INR',
       formula: doc => {
         if (!doc.country) return;
         return countryList[doc.country].currency;

package.json

@@ -61,10 +61,13 @@
     "cross-env": "^5.2.0",
     "file-saver": "^2.0.2",
     "frappe-charts": "^1.2.4",
-    "frappejs": "0.0.10",
+    "frappejs": "https://github.com/frappe/frappejs",
     "nodemailer": "^4.7.0",
     "popper.js": "^1.14.4",
     "vue-color": "^2.7.0",
     "vue-toasted": "^1.1.25"
+  },
+  "devDependencies": {
+    "electron-builder": "^21.2.0"
   }
 }

src/components/Sidebar.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     class="pt-6 pb-2 px-2 h-full block window-drag flex justify-between flex-col"
-    style="background-color: rgba(255, 255, 255, 0.2)"
+    style="background-color: rgba(255, 255, 255, 0.6)"
   >
     <div>
       <WindowControls class="px-3" />

src/pages/DatabaseSelector.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="px-12 py-10">
+  <div class="px-12 py-10 flex-1 bg-white">
     <h1 class="text-2xl font-semibold">{{ _('Welcome to Frappe Accounting') }}</h1>
     <p
       class="text-gray-600"
-    >{{ _('Do you need to create a new database or join an existing one?') }}</p>
+    >{{ _('Do you need to create a new database or load an existing one?') }}</p>
     <div class="flex mt-10">
       <div
         @click="newDatabase"

src/pages/SetupWizard/SetupWizard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="py-10">
+  <div class="py-10 flex-1 bg-white">
     <div class="px-12">
       <h1 class="text-2xl font-semibold">{{ _('Setup your organization') }}</h1>
       <p class="text-gray-600">{{ _('These settings can be changed later') }}</p>