pkmnct · superpowered · Jan 18, 2021 · Jan 18, 2021 · Jan 18, 2021 · Jan 18, 2021
diff --git a/.gitignore b/.gitignore
@@ -10,4 +10,9 @@ node_modules
 dist
 *.zip
 
-.stellar
+.vscode/**/*
+!.vscode/settings.json.default
+!.vscode/extensions.json
+
+.stellar
+stellar
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["esbenp.prettier-vscode", "dbaeumer.vscode-eslint"]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
diff --git a/.vscode/settings.json.default b/.vscode/settings.json.default
@@ -0,0 +1,13 @@
+{
+  "editor.formatOnSave": true,
+  "eslint.format.enable": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "search.exclude": {
+    ".stellar": true,
+    "dist": true,
+    "package-lock.json": true
+  },
+  "cSpell.words": ["Robinhood"]
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "robinhood-mint-sync-chrome",
-  "version": "3.4.1",
+  "version": "3.5.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/pkmnct/robinhood-mint-sync-chrome.git"
@@ -17,6 +17,7 @@
   },
   "devDependencies": {
     "@types/chrome": "0.0.128",
+    "@types/firefox-webext-browser": "^82.0.0",
     "@typescript-eslint/eslint-plugin": "^4.13.0",
     "@typescript-eslint/parser": "^4.13.0",
     "bestzip": "^2.1.7",
@@ -51,6 +52,8 @@
     "eslint:fix": "eslint --fix --max-warnings 0 src/**",
     "prettier": "prettier --check src/**",
     "prettier:fix": "prettier --write src/**",
+    "lint": "npm run eslint && npm run prettier",
+    "lint:fix": "npm run eslint:fix && npm run prettier:fix",
     "get:stellar": "cross-env NODE_TLS_REJECT_UNAUTHORIZED=0 node ./get-stellar.js",
     "postinstall": "npm run get:stellar",
     "manifest:update": "node manifest-helper.js",

diff --git a/public/css/settings.css b/public/css/settings.css
@@ -1,3 +1,38 @@
 input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before {
     content: '✓';
 }
+
+.mutiple-accounts-wrapper {
+  display: none;
+}
+#setting-multipleAccountsEnabled:checked ~ .mutiple-accounts-wrapper {
+  display: block;
+}
+
+.mutiple-accounts-input-wrapper:first-child .multipleAccounts-delete{
+  display: none;
+}
+
+.mutiple-accounts-input-wrapper {
+  display: flex;
+  align-items: flex-end;
+  margin-bottom: 1.5em;
+}
+
+.mutiple-accounts-input-wrapper label {
+  width: calc(100% - 9em);
+  margin-right: 1em;
+  margin-bottom: 0;
+}
+
+.mutiple-accounts-input-wrapper label input {
+  width: 100%;
+}
+
+.multipleAccounts-delete {
+  width: 8em;
+}
+
+#main input[type="text"].error {
+  border-color: #762206;
+}
diff --git a/public/html/settings.html b/public/html/settings.html
@@ -8,6 +8,7 @@
     <link rel="stylesheet" href="/css/settings.css" />
     <link rel="icon" type="image/png" href="/images/icon128.png" />
   </head>
+
   <body class="is-preload">
     <!-- Wrapper -->
     <div id="wrapper">
@@ -20,14 +21,16 @@ <h1>Settings</h1>
       <!-- Nav -->
       <nav id="nav">
         <ul>
-          <li><a href="#welcome" class="active">Welcome Page</a></li>
+          <li><a href="#changeLog" class="active">Changelog</a></li>
           <li><a href="#triangleFix">Triangle Indicator Fix</a></li>
+          <li><a href="#debugMode">Debug Mode</a></li>
+          <li><a href="#multipleAccounts">Multiple Accounts</a></li>
         </ul>
       </nav>
 
       <!-- Main -->
       <main id="main">
-        <section id="welcome" class="main">
+        <section id="changeLog" class="main">
           <header class="major">
             <h2>Changelog</h2>
           </header>
@@ -38,6 +41,8 @@ <h2>Changelog</h2>
           <input type="checkbox" id="setting-changelogOnUpdate" name="setting-changelogOnUpdate" />
           <label for="setting-changelogOnUpdate">Display changelog on update</label>
         </section>
+
+        <!-- Triangle Indicator Fix -->
         <section id="triangleFix" class="main">
           <header class="major">
             <h2>Triangle Indicator Fix</h2>
@@ -49,6 +54,8 @@ <h2>Triangle Indicator Fix</h2>
           <input type="checkbox" id="setting-fixTriangle" name="setting-fixTriangle" />
           <label for="setting-fixTriangle">Triangle Indicator Fix</label>
         </section>
+
+        <!-- Debug Mode -->
         <section id="debugMode" class="main">
           <header class="major">
             <h2>Debug Mode</h2>
@@ -60,6 +67,8 @@ <h2>Debug Mode</h2>
           <input type="checkbox" id="setting-debugMode" name="setting-debugMode" />
           <label for="setting-debugMode">Debug Mode</label>
         </section>
+
+        <!-- Trigger Initial Setup -->
         <section id="setup" class="main">
           <header class="major">
             <h2>Trigger Initial Setup</h2>
@@ -69,6 +78,19 @@ <h2>Trigger Initial Setup</h2>
           </p>
           <a href="https://mint.intuit.com/settings.event?filter=property&setupRobinhood=true" target="_blank" class="button">Trigger Initial Setup</a>
         </section>
+
+        <!-- Multiple Accounts -->
+        <section id="multipleAccounts" class="main">
+          <header class="major">
+            <h2>Multiple Accounts</h2>
+          </header>
+          <p>
+            Multiple account support allows you to sync more than one Robinhood account to a single Mint account. Whichever Robinhood account you currently have
+            signed in on your browser will be synced to Mint. To update another account, sign out of Robinhood and sign in with the account you want to sync.
+          </p>
+          <input type="checkbox" id="setting-multipleAccountsEnabled" name="setting-multipleAccountsEnabled" />
+          <label for="setting-multipleAccountsEnabled">Allow Multiple Accounts</label>
+        </section>
       </main>
 
       <!-- Footer -->

diff --git a/public/manifest.json b/public/manifest.json
@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "Robinhood Mint Sync",
   "description": "Automatically add your Robinhood portfolio to Mint",
-  "version": "3.4.1",
+  "version": "3.5.0",
   "author": "George Walker",
   "browser_specific_settings": {
     "gecko": {