feat: component viewer (#781)

* wip: component viewer

* feat: get component status from component viewer

* fix: remove unused property

* chore(deps): snjs 2.29.0

* fix: import location
This commit is contained in:
Mo
2021-12-24 10:41:02 -06:00
committed by GitHub
parent 237cd91acd
commit ebdae31965
39 changed files with 874 additions and 1012 deletions

View File

@@ -1,18 +0,0 @@
.sk-modal-background(ng-click="ctrl.dismiss()")
.sk-modal-content(
ng-attr-id="component-content-outer-{{ctrl.component.uuid}}"
)
.sn-component
.sk-panel(
ng-attr-id="component-content-inner-{{ctrl.component.uuid}}"
)
.sk-panel-header
.sk-panel-header-title
| {{ctrl.component.name}}
a.sk-a.info.close-button(ng-click="ctrl.dismiss()") Close
component-view.component-view(
ng-if='ctrl.component.active'
component-uuid="ctrl.component.uuid",
application='ctrl.application'
app-state='self.appState'
)

View File

@@ -3,7 +3,7 @@
.sn-component
.sk-panel
.sk-panel-header
.sk-panel-header-title Activate Extension
.sk-panel-header-title Activate Component
a.sk-a.info.close-button(ng-click='ctrl.deny()') Cancel
.sk-panel-content
.sk-panel-section
@@ -14,8 +14,8 @@
| {{ctrl.permissionsString}}
.sk-panel-row
p.sk-p
| Extensions use an offline messaging system to communicate. Learn more at
|
| Components use an offline messaging system to communicate. Learn more at
|
a.sk-a.info(
href='https://standardnotes.com/permissions',
rel='noopener',

View File

@@ -9,7 +9,7 @@
.sk-panel-header-title Preview
.sk-subtitle.neutral.mt-1(
ng-if="ctrl.title"
) {{ctrl.title}}
) {{ctrl.title}}
.sk-horizontal-group
a.sk-a.info.close-button(
ng-click="ctrl.restore(false)"
@@ -20,18 +20,18 @@
a.sk-a.info.close-button(
ng-click="ctrl.dismiss(); $event.stopPropagation()"
) Close
.sk-panel-content.selectable(ng-if="!ctrl.state.editor")
.sk-panel-content.selectable(ng-if="!ctrl.state.componentViewer")
.sk-h2 {{ctrl.content.title}}
p.normal.sk-p(
style="white-space: pre-wrap; font-size: 16px;"
) {{ctrl.content.text}}
.sk-panel-content.sk-h2(
ng-if="ctrl.state.editor"
ng-if="ctrl.state.componentViewer"
style="height: auto; flex-grow: 0"
) {{ctrl.content.title}}
component-view.component-view(
ng-if="ctrl.state.editor",
template-component="ctrl.state.editor",
ng-if="ctrl.state.componentViewer",
component-viewer="ctrl.state.componentViewer",
application='ctrl.application'
app-state='self.appState'
)