fixes #439: Added styles for code-block

.gitignore

@@ -68,3 +68,6 @@ nbproject
 
 # Generated from .drone.star
 .drone.yml
+js/package-lock.json
+js/public/app.min.js
+js/public/app.min.js.map

css/notes.css

@@ -141,6 +141,12 @@
     z-index: -1;
     border-top: 1px solid rgba(120, 120, 120, 0.5);
 }
+.mdedit .code-block {
+    background: rgba(120, 120, 120, 0.1);
+    padding: 0 0.5em;
+    margin: 0.5em 0;
+    display: block;
+}
 
 
 /* hanging punctuation */
@@ -167,3 +173,9 @@
         padding-left: 90px;
     }
 }
+
+#searchnotes {
+    width: 100%;
+    border-left: 0px;
+    padding-left: 12px;
+}

img/manifest.json

@@ -0,0 +1,19 @@
+{
+	"name": "Notes",
+	"start_url": "../../../apps/notes/#/",
+	"icons": [
+		{
+			"src": "./favicon-touch.png",
+			"type": "image/png",
+			"sizes": "128x128"
+		},
+		{
+			"src": "./favicon-touch.svg",
+			"type": "image/svg+xml",
+			"sizes": "any"
+		}
+	],
+	"display": "standalone",
+	"theme_color": "#041e42",
+	"background_color": "#ffffff"
+}

js/app/controllers/notescontroller.js

@@ -43,4 +43,37 @@ app.controller('NotesController', function($routeParams, $scope, $location,
         });
     };
 
-});
+	var searchbox = $('#searchnotes');
+
+    initSearch();
+
+    function initSearch() {
+		$scope.queryString = searchbox.val().trim();
+
+		/** Conduct the search when there is a pause in typing in text */
+		var checkQueryChange = _.debounce(function() {
+			if ($scope.queryString != searchbox.val().trim()) {
+				onEnterSearchString();
+			}
+		}, 250);
+		searchbox.bind('propertychange change keyup input paste', checkQueryChange);
+
+		/** Run search when enter pressed within the searchbox */
+		searchbox.bind('keydown', function (event) {
+			if (event.which === 13) {
+				onEnterSearchString();
+			}
+		});
+	}
+
+    function onEnterSearchString() {
+        setQueryString(searchbox.val().trim());
+	}
+
+    function setQueryString(query) {
+        $scope.$apply(() => {
+            $scope.queryString = query;
+        });
+    }
+
+});

js/app/filters/noteFilter.js

@@ -0,0 +1,10 @@
+app.filter('noteFilter', function() {
+	'use strict';
+	return function (items, searchString) {
+        if (!searchString || searchString.length == 0)
+            return items;
+
+        var regex = new RegExp(searchString, 'i');
+		return items.filter(x => x.title.match(regex) || x.content.match(regex));
+	};
+});

js/config/app.js

@@ -38,9 +38,16 @@ config(function($provide, $routeProvider, RestangularProvider, $httpProvider,
                 Restangular.one('notes', noteId).get().then(function (note) {
                     is.loading = false;
                     deferred.resolve(note);
-                }, function () {
+                }, function (response) {
                     is.loading = false;
-                    deferred.reject();
+
+                    // Token expired
+                    if (response.status == 412) {
+                        OC.reload();
+                    }
+                    else {
+                        deferred.reject();
+                    }
                 });
 
                 return deferred.promise;

templates/main.php

@@ -40,8 +40,12 @@
                 oc-click-focus="{ selector: '#app-content textarea' }">
                 <a href='#'>+ <span><?php p($l->t('New note')); ?></span></a>
             </li>
+            <!-- search notes button -->
+            <li>
+                <input id="searchnotes" type="search" name="searchnotes" value="" autocomplete="off" placeholder="Search in notes" />
+            </li>
             <!-- notes list -->
-            <li ng-repeat="note in notes|orderBy:['-favorite','-modified']"
+            <li ng-repeat="note in notes|orderBy:['-favorite','-modified']|noteFilter:queryString"
                 ng-class="{ active: note.id == route.noteId }">
                 <a href="#/notes/{{ note.id }}">
                     {{ note.title | noteTitle }}

templates/note.php

@@ -1,4 +1,2 @@
-<div id="app-navigation-toggle" class="icon-menu" style="display:none;"></div>
 	<pre editor notes-timeout-change="save()" notes-autofocus class="editor" ng-class="{saving: isSaving()}">{{note.content}}</pre>
 	<div class="note-meta">{{note.content | wordCount}}</div>
-</div>