Remove easymde, add loading progress indicator during first load, move material icons to npm

removebloat.sh

@@ -39,5 +39,31 @@ cd ../js
 rm framework7-lite* framework7.bundle.d.ts framework7.bundle.js framework7.d.ts framework7.js framework7.min.js framework7.min.js.map
 cd ..
 rm framework7*
+cd ..
+
+cd material-design-icons
+rm -rf action
+rm -rf alert
+rm -rf av
+rm -rf bower.json
+rm -rf communication
+rm -rf content
+rm -rf device
+rm -rf editor
+rm -rf file
+rm -rf gulpfile.babel.js
+rm -rf hardware
+rm -rf image
+rm -rf index.js
+rm -rf maps
+rm -rf navigation
+rm -rf notification
+rm -rf package.json
+rm -rf places
+rm -rf README.md
+rm -rf social
+rm -rf sprites
+rm -rf toggle
+cd ..
 
 echo "Cleanup finished"

www/index.html

@@ -6,7 +6,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="theme-color" content="#F44336">
-<link rel="stylesheet" href="fonts/material/Material_Icons.css">
+<link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css">
 <link rel="stylesheet" href="fonts/roboto/Roboto.css">
 <link rel="stylesheet" href="node_modules/framework7/css/framework7.bundle.min.css">
 <link rel="stylesheet" href="css/notecards.css">

www/js/home.js

@@ -130,6 +130,7 @@ function loadNotesToCards(notes, oldnotes, callback) {
 function loadCards(callback) {
     var oldnotes = NOTES.getAll().slice();
     NOTES.syncAll(function (notes) {
+        $("#home-loading-progressbar").css("display", "none");
         if ($("#offline-indicator").css("display") != "none") {
             app.toast.create({
                 text: '<i class="fas fa-globe-americas"></i> &nbsp; Back online.',

www/package.json

@@ -6,11 +6,11 @@
     "author": "Netsyms Technologies",
     "license": "MPL-2.0",
     "dependencies": {
-        "@fortawesome/fontawesome-free": "^5.10.2",
-        "easymde": "^2.8.0",
         "framework7": "^5.1.3",
         "jquery": "^3.4.1",
         "marked": "^0.7.0",
-        "shufflejs": "^5.2.3"
+        "shufflejs": "^5.2.3",
+        "@fortawesome/fontawesome-free": "^5.10.2",
+        "material-design-icons": "^3.0.1"
     }
 }

www/pages/home.html

@@ -41,6 +41,14 @@
             <div class="ptr-arrow"></div>
         </div>
 
+        <div id="home-loading-progressbar" class="block justify-content-center align-content-center align-items-center" style="height: calc(70vh - var(--f7-navbar-height)); display: flex;">
+            <p class="text-align-center">
+                <span class="progressbar-infinite" style="width: 30vw; max-width: 20em;"></span>
+                <br />
+                Loading...
+            </p>
+        </div>
+
         <div class="row notecards-row" id="notecards-bin">
             <div class="col-100 tablet-50 desktop-33" style="visibility: hidden;" id="notecard-col-sizer">
             </div>