[Vue Rewrite] Fix CI Jobs (#1816)

* attempt to fix linting

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* working linting/stylelint

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* fix npm build

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* working with node 16 and npm build

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* fix linting

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* add @babel/eslint-parser

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* remove babel-eslint

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* use node 16 in lint

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* proper syntax

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* fix syntax

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* update version

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* attempt to undo indentation changes

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* revert indentation on css and update stylelint rule for now (for simpler PR)

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* revert indentation changes in vue/js files and update eslint to pass this (for now)

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* try to cleanup disabled rules

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* remove last disabled rules in js files

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* add basic changelog

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* update calendar-js to 3.0

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

* remove npm test with TODO (this will fail CI) and remove calendar-js dependency

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

4 files changed, 46 insertions, 51 deletions

diff --git a/css/explore.scss b/css/explore.scss
index dabd17239..0c1ca67e3 100644
--- a/css/explore.scss
+++ b/css/explore.scss
@@ -21,37 +21,37 @@
     width: 100%;
     padding: 45px 0 45px 45px;
 
-	.grid-item {
-	    width: 300px;
-	    border: 2px solid var(--color-border);
-		border-radius: var(--border-radius-large);
-	    margin: 0 24px 24px 0;
-		padding: 24px;
-
-		.explore-title {
-		    background-repeat: no-repeat;
-		    background-position: 0 center;
-		    background-size: 24px;
-		    padding-left: 32px;
-
-			a {
-			    word-wrap: break-word;
-
-				&:hover,
-				&:focus {
-				    text-decoration: underline;
-				}
-			}
-		}
-
-		.explore-logo {
-		    text-align: center;
-		    margin-top: 25px;
-
-			img {
-			    width: 100%;
-			}
-		}
-
-	}
+    .grid-item {
+        width: 300px;
+        border: 2px solid var(--color-border);
+        border-radius: var(--border-radius-large);
+        margin: 0 24px 24px 0;
+        padding: 24px;
+
+        .explore-title {
+            background-repeat: no-repeat;
+            background-position: 0 center;
+            background-size: 24px;
+            padding-left: 32px;
+
+            a {
+                word-wrap: break-word;
+
+                &:hover,
+                &:focus {
+                    text-decoration: underline;
+                }
+            }
+        }
+
+        .explore-logo {
+            text-align: center;
+            margin-top: 25px;
+
+            img {
+                width: 100%;
+            }
+        }
+
+    }
 }
diff --git a/css/navigation.scss b/css/navigation.scss
index c9387913f..606a5ea82 100644
--- a/css/navigation.scss
+++ b/css/navigation.scss
@@ -1,4 +1,3 @@
-
 /**
  * Nextcloud - News
  *
@@ -32,7 +31,6 @@
     background-position: 14px center;
 }
 
-
 /* navigation */
 #app-navigation ul.with-icon > li > a,
 #app-navigation ul.with-icon > li > ul > li > a {
@@ -63,7 +61,6 @@
     background-image: url('../img/twitter.svg') !important;
 }
 
-
 .col-4 {
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
@@ -79,7 +76,7 @@
     flex-wrap: wrap;
 }
 
-.icon-dropdown{
+.icon-dropdown {
     background-position: center !important;
     background-size: 24px;
     padding: 2em !important;
@@ -90,14 +87,13 @@
 .icon-full-text-enabled {
     background-image: url('../img/fulltext.svg');
     background-size: 50%;
-    opacity: .5;
+    opacity: 0.5;
 }
 
-
 .icon-full-text-disabled {
     background-image: url('../img/nonfulltext.svg');
     background-size: 50%;
-    opacity: .5;
+    opacity: 0.5;
 }
 
 #app-navigation .unread > a {
@@ -135,10 +131,10 @@
     white-space: nowrap;
 }
 
-#app-navigation .error-message:hover .title
-#app-navigation .error-message:hover .message {
+// #app-navigation .error-message:hover .title
+// #app-navigation .error-message:hover .message {
 
-}
+// }
 
 #app-navigation .error-message button {
     top: 0;
@@ -154,7 +150,7 @@
     background-image: url('../img/close.svg');
     background-repeat: no-repeat;
     background-position: right 5px top 5px;
-    opacity: .9;
+    opacity: 0.9;
 }
 
 #app-navigation .error-message button:hover {
@@ -170,7 +166,7 @@
 
 #app-navigation .animate-show.ng-hide-add-active,
 #app-navigation .animate-show.ng-hide-remove-active {
-    transition: .2s linear opacity;
+    transition: 0.2s linear opacity;
 }
 
 #app-navigation .animate-show {
@@ -189,8 +185,8 @@
     transform: rotate(180deg);
 }
 
-#app-navigation .feed-normal-ordering {
-}
+// #app-navigation .feed-normal-ordering {
+// }
 
 #app-navigation .icon-pinned {
     background-image: url('../img/pinned.svg');
@@ -211,4 +207,3 @@
 #app-navigation .updateerror a {
     background-color: var(--color-warning) !important;
 }
-
diff --git a/css/settings.css b/css/settings.css
index f88c3bc41..24069bf01 100644
--- a/css/settings.css
+++ b/css/settings.css
@@ -36,7 +36,7 @@
     padding-left: 18px;
 }
 
-#app-settings-content label input[type="checkbox"] {
+#app-settings-content label input[type='checkbox'] {
     margin-left: -18px;
     max-width: 16px;
 }
diff --git a/css/shortcuts.css b/css/shortcuts.css
index 64e18a7cf..5678b74b0 100644
--- a/css/shortcuts.css
+++ b/css/shortcuts.css
@@ -1,5 +1,5 @@
-#app-shortcuts {
-}
+// #app-shortcuts {
+// }
 
 #app-shortcuts table {
     border-collapse: collapse;