Wip

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

@@ -1,5 +1,5 @@
 .sn-component
-  .panel.panel-right#account-panel
+  .panel#account-panel
     .header
       %h1.title Account
       %a.close-button Close
@@ -169,8 +169,6 @@
               %input.form-control.mt-5{:type => 'password', "ng-model" => "importData.password", "autofocus" => "true"}
               %button.standard.ui-button.block.tinted.mt-5{"type" => "submit"} Decrypt & Import
 
-          %p.mt-5{"ng-if" => "user"} Notes are downloaded in the Standard File format, which allows you to re-import back into this app easily. To download as plain text files, choose "Decrypted".
-
         .spinner.mt-10{"ng-if" => "importData.loading"}
     .footer
       %a.right{"ng-if" => "formData.showLogin || formData.showRegister", "ng-click" => "formData.showLogin = false; formData.showRegister = false;"}

app/assets/templates/frontend/directives/component-modal.html.haml

@@ -1,5 +1,7 @@
-.background{"ng-click" => "dismiss()"}
-
-.content
-  .modal-iframe-container{"ng-attr-id" => "component-{{component.uuid}}"}
-    %iframe.modal-iframe{"ng-src" => "{{url() | trusted}}", "frameBorder" => "0", "sandbox" => "allow-scripts allow-top-navigation-by-user-activation allow-popups allow-popups-to-escape-sandbox allow-modals", "data-component-id" => "{{component.uuid}}"}
+.sn-component
+  .panel{"ng-attr-id" => "component-{{component.uuid}}"}
+    .header
+      %h1.title {{component.name}}
+      %a.close-button.info{"ng-click" => "dismiss()"} Close
+    .modal-iframe-container{"ng-attr-id" => "component-{{component.uuid}}"}
+      %iframe{"ng-src" => "{{url() | trusted}}", "frameBorder" => "0", "sandbox" => "allow-scripts allow-top-navigation-by-user-activation allow-popups allow-popups-to-escape-sandbox allow-modals", "data-component-id" => "{{component.uuid}}"}

app/assets/templates/frontend/directives/component-view.html.haml

@@ -0,0 +1,6 @@
+%iframe{"ng-if" => "component",
+"ng-attr-id" => "component-{{component.uuid}}",
+"ng-src" => "{{url() | trusted}}", "frameBorder" => "0",
+"sandbox" => "allow-scripts allow-top-navigation-by-user-activation allow-popups allow-popups-to-escape-sandbox allow-modals",
+"data-component-id" => "{{component.uuid}}"}
+  Loading

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

@@ -12,10 +12,8 @@
         .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
+            .sublabel{"ng-if" => "editor.local_url"}
+              Available Offline
 
       %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/global-extensions-menu.html.haml

@@ -1,4 +1,4 @@
-.panel.panel-default.account-panel.panel-right#global-ext-menu
+.panel#global-ext-menu
   .panel-body
     .container
       .float-group.h20

app/assets/templates/frontend/directives/permissions-modal.html.haml

@@ -1,25 +1,24 @@
 .background{"ng-click" => "deny()"}
 
-.content
-  %h3 The following extension has requested these permissions:
+.content#permissions-modal
+  .sn-component
+    .panel
+      .header
+        %h1.title Activate Extension
+        %a.close-button.info Cancel
+      .content
+        .panel-section
+          .panel-row
+            %h3
+              %strong {{component.name}}
+              would like to interact with your
+              %span{"ng-repeat" => "permission in formattedPermissions"}
+                {{permission}}.
+            -# %p.wrap URL: {{component.runningUrl}}
 
-  %h4 Extension
-  %p Name: {{component.name}}
-  %p.wrap URL: {{component.url}}
-
-  %h4 Permissions
-  .permission{"ng-repeat" => "permission in formattedPermissions"}
-    %p {{permission}}
-
-  %h4 Status
-  %p.status{"ng-class" => "{'trusted tinted' : component.trusted}"} {{component.trusted ? 'Trusted' : 'Untrusted'}}
-
-  .learn-more
-    %h4 Details
-    %p
-      Extensions use an offline messaging system to communicate. With <i>Trusted</i> extensions, data is never sent remotely without your consent. Learn more about extension permissions at
-      %a{"href" => "https://standardnotes.org/permissions", "target" => "_blank"} https://standardnotes.org/permissions.
-
-  .buttons
-    %button.standard.white{"ng-click" => "deny()"} Deny
-    %button.standard.tinted{"ng-click" => "accept()"} Accept
+          .panel-row
+            %p
+              Extensions use an offline messaging system to communicate. Learn more at
+              %a{"href" => "https://standardnotes.org/permissions", "target" => "_blank"} https://standardnotes.org/permissions.
+      .footer
+        .button.info.big.block.bold{"ng-click" => "accept()"} Continue