-
Notifications
You must be signed in to change notification settings - Fork 286
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
81 additions
and
115 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,85 +1,85 @@ | ||
| <div class="ember-view"> | ||
| {{#x-app | ||
| active=this.active | ||
| isDragging=this.isDragging | ||
| }} | ||
| {{#if this.isEmberApplication}} | ||
| <div class="split"> | ||
| <div class="split__panel"> | ||
| {{!-- Begin main --}} | ||
| <div class="split split--main"> | ||
| <Ui::DraggableColumn | ||
| @classes="split__panel split__panel--sidebar-1" | ||
| @setIsDragging={{action "setIsDragging"}} | ||
| @side="left" | ||
| @width={{this.navWidth}} | ||
| > | ||
| <div class="split__panel__hd"> | ||
| {{app-picker}} | ||
| </div> | ||
| <div class="split__panel__bd"> | ||
| <SideNav @deprecationCount={{this.deprecationCount}} /> | ||
| </div> | ||
| <div class="split__panel__ft"> | ||
| <a target="_blank" href="https://github.com/emberjs/ember-inspector/issues"> | ||
| Submit an Issue | ||
| </a> | ||
| </div> | ||
| </Ui::DraggableColumn> | ||
|
|
||
| <div class="split__panel"> | ||
| <div class="split__panel__hd"> | ||
| {{outlet "toolbar"}} | ||
| <button | ||
| class="sidebar-toggle toolbar__icon-button {{if this.inspectorExpanded "flip"}}" | ||
| {{on "click" this.toggleInspector}} | ||
| > | ||
| {{svg-jar "sidebar-toggle" width="16" height="16"}} | ||
| </button> | ||
| </div> | ||
| <div | ||
| class="ember-view app {{if this.active "" "inactive"}} {{if this.isDragging "isDragging"}}" | ||
| tabindex="1" | ||
| {{on "focusin" (fn this.setActive true)}} | ||
| {{on "focusout" (fn this.setActive false)}} | ||
| > | ||
| {{#if this.isEmberApplication}} | ||
| <div class="split"> | ||
| <div class="split__panel"> | ||
| {{!-- Begin main --}} | ||
| <div class="split split--main"> | ||
| <Ui::DraggableColumn | ||
| @classes="split__panel split__panel--sidebar-1" | ||
| @setIsDragging={{action "setIsDragging"}} | ||
| @side="left" | ||
| @width={{this.navWidth}} | ||
| > | ||
| <div class="split__panel__hd"> | ||
| {{app-picker}} | ||
| </div> | ||
| <div class="split__panel__bd"> | ||
| <SideNav @deprecationCount={{this.deprecationCount}} /> | ||
| </div> | ||
| <div class="split__panel__ft"> | ||
| <a target="_blank" href="https://github.com/emberjs/ember-inspector/issues"> | ||
| Submit an Issue | ||
| </a> | ||
| </div> | ||
| </Ui::DraggableColumn> | ||
|
|
||
| <MainContent class="split__panel__bd"> | ||
| {{outlet}} | ||
| </MainContent> | ||
| <div class="split__panel"> | ||
| <div class="split__panel__hd"> | ||
| {{outlet "toolbar"}} | ||
| <button | ||
| class="sidebar-toggle toolbar__icon-button {{if this.inspectorExpanded "flip"}}" | ||
| {{on "click" this.toggleInspector}} | ||
| > | ||
| {{svg-jar "sidebar-toggle" width="16" height="16"}} | ||
| </button> | ||
| </div> | ||
| </div> | ||
|
|
||
| {{!-- End main --}} | ||
| <MainContent class="split__panel__bd"> | ||
| {{outlet}} | ||
| </MainContent> | ||
| </div> | ||
| </div> | ||
|
|
||
| {{#if this.inspectorExpanded}} | ||
| <Ui::DraggableColumn | ||
| @classes="split__panel" | ||
| @setIsDragging={{action "setIsDragging"}} | ||
| @side="right" | ||
| @width={{this.inspectorWidth}} | ||
| > | ||
| <ObjectInspector | ||
| @popMixinDetails={{this.popMixinDetails}} | ||
| @model={{this.mixinStack}} | ||
| @mixinDetails={{this.mixinDetails}} | ||
| /> | ||
| </Ui::DraggableColumn> | ||
| {{/if}} | ||
| {{!-- End main --}} | ||
| </div> | ||
| {{else}} | ||
| <Ui::ErrorPage @description="Ember application not detected!"> | ||
| <ul> | ||
| <li>This is not an Ember application.</li> | ||
| <li>You are using an old version of Ember (< rc5).</li> | ||
| {{#if this.isChrome}} | ||
| <li> | ||
| You are using the file:// protocol (instead of http://), in which case: | ||
|
|
||
| <ul> | ||
| <li>Visit the URL: chrome://extensions.</li> | ||
| <li>Find the Ember Inspector.</li> | ||
| <li>Make sure "Allow access to file URLs" is checked.</li> | ||
| </ul> | ||
| </li> | ||
| {{/if}} | ||
| </ul> | ||
| </Ui::ErrorPage> | ||
| {{/if}} | ||
| {{/x-app}} | ||
| {{#if this.inspectorExpanded}} | ||
| <Ui::DraggableColumn | ||
| @classes="split__panel" | ||
| @setIsDragging={{action "setIsDragging"}} | ||
| @side="right" | ||
| @width={{this.inspectorWidth}} | ||
| > | ||
| <ObjectInspector | ||
| @popMixinDetails={{this.popMixinDetails}} | ||
| @model={{this.mixinStack}} | ||
| @mixinDetails={{this.mixinDetails}} | ||
| /> | ||
| </Ui::DraggableColumn> | ||
| {{/if}} | ||
| </div> | ||
| {{else}} | ||
| <Ui::ErrorPage @description="Ember application not detected!"> | ||
| <ul> | ||
| <li>This is not an Ember application.</li> | ||
| <li>You are using an old version of Ember (< rc5).</li> | ||
| {{#if this.isChrome}} | ||
| <li> | ||
| You are using the file:// protocol (instead of http://), in which case: | ||
|
|
||
| <ul> | ||
| <li>Visit the URL: chrome://extensions.</li> | ||
| <li>Find the Ember Inspector.</li> | ||
| <li>Make sure "Allow access to file URLs" is checked.</li> | ||
| </ul> | ||
| </li> | ||
| {{/if}} | ||
| </ul> | ||
| </Ui::ErrorPage> | ||
| {{/if}} | ||
| </div> |