notes infinite scroll

app/assets/templates/frontend/directives/account-menu.html.haml

@@ -29,7 +29,9 @@
       %h2 {{user.email}}
       %p {{server}}
 
-      %p.bold.mt-10.blue{"delay-hide" => "true", "show" => "syncStatus.syncOpInProgress", "delay" => "1000"} Syncing: {{syncStatus.current}}/{{syncStatus.total}}
+      %div.bold.mt-10.blue{"delay-hide" => "true", "show" => "syncStatus.syncOpInProgress", "delay" => "1000"}
+        .spinner.inline.mr-5.blue
+        Syncing: {{syncStatus.current}}/{{syncStatus.total}}
       %p.bold.mt-10.red.block{"ng-if" => "syncStatus.error"} Error syncing: {{syncStatus.error.message}}
 
       .medium-v-space
@@ -53,7 +55,7 @@
       %a.block{"ng-click" => "downloadDataArchive()"} Download Data Archive
 
       %label.block.mt-5
-        %input{"type" => "file", "style" => "display: none;", "file-change" => "->", "handler" => "ctrl.importFileSelected(files)"}
+        %input{"type" => "file", "style" => "display: none;", "file-change" => "->", "handler" => "importFileSelected(files)"}
         .fake-link Import Data from Archive
 
       %div{"ng-if" => "importData.requestPassword"}
@@ -61,6 +63,6 @@
         %input{"type" => "text", "ng-model" => "importData.password"}
         %button{"ng-click" => "submitImportPassword()"} Decrypt & Import
 
-    .spinner{"ng-if" => "importData.loading"}
+    .spinner.mt-10{"ng-if" => "importData.loading"}
 
     %a.block.mt-25.red{"ng-click" => "destroyLocalData()"} Destroy all local data

app/assets/templates/frontend/directives/global-extensions-menu.html.haml

@@ -34,13 +34,15 @@
               %button.light{"ng-if" => "!extensionManager.isRepeatActionEnabled(action)", "ng-click" => "extensionManager.enableRepeatAction(action, extension)"} Enable
             %button.light.mt-10{"ng-if" => "!action.running && !action.repeat_mode", "ng-click" => "selectedAction(action, extension)"}
               Perform Action
-            .spinner.execution-spinner.mb-5.centered.center-align.block{"ng-if" => "action.running"}
+            .spinner.mb-5.centered.center-align.block{"ng-if" => "action.running"}
           %p.mb-5.mt-5.small{"ng-if" => "!action.error && action.lastExecuted && !action.running"}
             Last run {{action.lastExecuted | appDateTime}}
           %label.red{"ng-if" => "action.error"}
             Error performing action.
 
-        %a.block.center-align.mt-10{"ng-click" => "deleteExtension(extension)"} Remove extension
+        %a.block.center-align.mt-10{"ng-click" => "extension.showURL = !extension.showURL"} Show URL
+        %p.center-align.wrap{"ng-if" => "extension.showURL"} {{extension.url}}
+        %a.block.center-align.mt-5{"ng-click" => "deleteExtension(extension)"} Remove extension
 
     .large-v-space
 

app/assets/templates/frontend/notes.html.haml

@@ -18,10 +18,11 @@
               %li
                 %a.text{"ng-click" => "ctrl.selectedMenuItem(); ctrl.selectedTagDelete()"} Delete Tag
 
-    .note{"ng-repeat" => "note in ctrl.tag.notes | filter: ctrl.filterNotes",
-        "ng-click" => "ctrl.selectNote(note)", "ng-class" => "{'selected' : ctrl.selectedNote == note}"}
-      .name{"ng-if" => "note.title"}
-        {{note.title}}
-      .note-preview
-        {{note.text}}
-      .date {{(note.created_at | appDateTime) || 'Now'}}
+    %div{"infinite-scroll" => "ctrl.paginate()", "can-load" => "true", "threshold" => "200"}
+      .note{"ng-repeat" => "note in ctrl.tag.notes | limitTo:ctrl.notesToDisplay | filter: ctrl.filterNotes",
+          "ng-click" => "ctrl.selectNote(note)"}
+        .name{"ng-if" => "note.title"}
+          {{note.title}}
+        .note-preview
+          {{note.text}}
+        .date {{(note.created_at | appDateTime) || 'Now'}}