rename menu exts to actions

app/assets/javascripts/app/frontend/models/app/extension.js

@@ -78,6 +78,7 @@ class Extension extends Item {
   mapContentToLocalProperties(contentObject) {
     super.mapContentToLocalProperties(contentObject)
     this.name = contentObject.name;
+    this.description = contentObject.description;
     this.url = contentObject.url;
     this.supported_types = contentObject.supported_types;
     this.actions = contentObject.actions.map(function(action){
@@ -100,6 +101,7 @@ class Extension extends Item {
     var params = {
       name: this.name,
       url: this.url,
+      description: this.description,
       actions: this.actions,
       supported_types: this.supported_types
     };

app/assets/stylesheets/app/_header.scss

@@ -85,7 +85,7 @@ h2 {
   }
 
   input {
-    margin-bottom: 10px;
+    // margin-bottom: 10px;
     border-radius: 0px;
   }
 }
@@ -188,7 +188,7 @@ a.disabled {
   &.opened {
     h1 {
       padding-top: 0px;
-      padding-bottom: 6px;
+      // padding-bottom: 6px;
     }
   }
 

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

@@ -94,7 +94,7 @@
           %input{"type" => "radio", "ng-model" => "archiveFormData.encrypted", "ng-value" => "false", "ng-change" => "archiveFormData.encrypted = false"}
           Decrypted
 
-      %a.block{"ng-click" => "downloadDataArchive()", "ng-class" => "{'mt-5' : !user}"} Download Data Archive
+      %a.block.mt-5{"ng-click" => "downloadDataArchive()", "ng-class" => "{'mt-5' : !user}"} Download Data Archive
 
       %label.block.mt-5
         %input{"type" => "file", "style" => "display: none;", "file-change" => "->", "handler" => "importFileSelected(files)"}

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

@@ -2,18 +2,21 @@
   .panel-body
     .white-bg.medium-padding.ext-section{"ng-class" => "{'opened': state.showDataExts}"}
       %h1
-        %a{"ng-click" => "state.showDataExts = !state.showDataExts"} Data Extensions
+        %a{"ng-click" => "state.showDataExts = !state.showDataExts"} Action Extensions
-      %div{"ng-if" => "state.showDataExts"}
+      %p{"style" => "margin-top: 3px;"} These extensions perform actions on a specific note. Choose "Actions" in the note editor to use installed actions.
+
+      %div.mt-10{"ng-if" => "state.showDataExts"}
         %div{"style" => "font-size: 15px;", "ng-if" => "!extensionManager.extensions.length"} No extensions installed
         %div{"ng-if" => "extensionManager.extensions.length"}
           %section.gray-bg.inline-h.mb-10.medium-padding{"ng-repeat" => "extension in extensionManager.extensions | orderBy: 'name'", "ng-init" => "extension.formData = {}"}
-            %h3.center-align {{extension.name}}
+            %h3 {{extension.name}}
-            .center-align.centered.mt-10
+            %p{"ng-if" => "extension.description"} {{extension.description}}
-              %label.block.normal Send data:
+            .mt-10
-              %label.normal
+              %label.block Access Type
+              %label.normal.block
                 %input{"type" => "radio", "ng-model" => "extension.encrypted", "ng-value" => "true", "ng-change" => "changeExtensionEncryptionFormat(true, extension)"}
                 Encrypted
-              %label.normal
+              %label.normal.block
                 %input{"type" => "radio", "ng-model" => "extension.encrypted", "ng-value" => "false", "ng-change" => "changeExtensionEncryptionFormat(false, extension)"}
                 Decrypted
 
@@ -38,15 +41,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.mb-5.centered.center-align.block{"ng-if" => "action.running"}
+                .spinner.mb-5.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" => "extension.showURL = !extension.showURL"} Show URL
+            %a.block.mt-10{"ng-click" => "extension.showURL = !extension.showURL"} Show URL
-            %p.center-align.wrap{"ng-if" => "extension.showURL"} {{extension.url}}
+            %p.wrap{"ng-if" => "extension.showURL"} {{extension.url}}
-            %a.block.center-align.mt-5{"ng-click" => "deleteExtension(extension)"} Remove extension
+            %a.block.mt-5{"ng-click" => "deleteExtension(extension)"} Remove extension
 
         .large-v-space
 

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

@@ -35,7 +35,7 @@
       %li.sep
       %li.dropdown.pull-left{"ng-if" => "ctrl.hasAvailableExtensions()", "click-outside" => "ctrl.showExtensions = false;", "is-open" => "ctrl.showExtensions"}
         %a.dropdown-toggle{"ng-click" => "ctrl.showExtensions = !ctrl.showExtensions; ctrl.showMenu = false; ctrl.showEditorMenu = false;"}
-          Extensions
+          Actions
           %span.caret
           %span.sr-only
         %contextual-extensions-menu{"ng-if" => "ctrl.showExtensions", "item" => "ctrl.note"}