Menu buttons

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

@@ -4,10 +4,18 @@
       .header
         %h4.title Note Editor
       %menu-row{"title" => "'Plain Editor'", "circle" => "selectedEditor == null && 'success'", "ng-click" => "selectEditor($event, null)"}
-      %menu-row{"ng-repeat" => "editor in editors", "ng-click" => "selectEditor($event, editor)", "title" => "editor.name", "circle" => "selectedEditor === editor && 'success'"}
-        %strong.red.medium{"ng-if" => "editor.conflict_of"} Conflicted copy
-        .sublabel{"ng-if" => "editor.local"}
-          Locally Installed
-        .sublabel.faded{"ng-if" => "editor.local && !isDesktop"} Unavailable in Web Browser
+
+      %menu-row{"ng-repeat" => "editor in editors", "ng-click" => "selectEditor($event, editor)", "title" => "editor.name",
+      "circle" => "selectedEditor === editor && 'success'",
+       "has-button" => "selectedEditor == editor || defaultEditor == editor", "button-text" => "defaultEditor == editor ? 'Undefault' : 'Set Default'",
+       "button-action" => "toggleDefaultForEditor(editor)", "button-class" => "defaultEditor == editor ? 'warning' : 'info'"}
+        .row
+          .column
+            %strong.red.medium{"ng-if" => "editor.conflict_of"} Conflicted copy
+            .sublabel{"ng-if" => "editor.local"}
+              Locally Installed
+
+            .sublabel.faded{"ng-if" => "editor.local && !isDesktop"} Unavailable in Web Browser
+
       %a.no-decoration{"ng-if" => "editors.length == 0", "href" => "https://standardnotes.org/extensions", "target" => "blank"}
         %menu-row{"title" => "'Download More Editors'", "ng-click" => "moreEditors()"}

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

@@ -1,10 +1,14 @@
 .row
-  .column{"ng-if" => "circle"}
-    .circle.small{"ng-class" => "circle"}
   .column
-    .label
-      {{title}}
-    .sublabel{"ng-if" => "subtitle"}
-      {{subtitle}}
-
-    %ng-transclude
+    .left
+      .column{"ng-if" => "circle"}
+        .circle.small{"ng-class" => "circle"}
+      .column
+        .label
+          {{title}}
+        .sublabel{"ng-if" => "subtitle"}
+          {{subtitle}}
+        %ng-transclude
+  .column{"ng-if" => "hasButton"}
+    .button.info{"ng-click" => "clickButton($event)", "ng-class" => "buttonClass"}
+      {{buttonText}}