ghost/core/client/app/components/gh-content-view-container.js

import Ember from 'ember';

export default Ember.Component.extend({
    tagName: 'section',
    classNames: ['gh-view', 'content-view-container'],

    mediaQueries: Ember.inject.service(),
    previewIsHidden: Ember.computed.reads('mediaQueries.maxWidth900')
});
Fix broken content mgmt -> editor links on mobile refs #5652 - add `ember-resize` addon that registers a single resize event handler and exposes it as a service and mixin - add a component that wraps the posts list and content preview and exposes a `previewIsHidden` property - use the `previewIsHidden` property in `gh-posts-list-item` to switch the item's link between the editor and the preview - add `display: none` to the preview pane when in mobile so that we can test it's visibility 2015-08-28 11:52:38 +01:00			`import Ember from 'ember';`

			`export default Ember.Component.extend({`
			`tagName: 'section',`
			`classNames: ['gh-view', 'content-view-container'],`

Unify mobile state in JS, drop resize In `gh-content-view-container` the visibility of another DOM node was being used to detect if a given view was mobile or not. This means the UI needed to have layout forced (and DOM rendered) before the content view container would render a second time. This is slow interaction with the DOM (forcing layout) and slow for Ember's renderer (it needs to render the container once with a default, then again when the value changes). Additionally there were two ways resize was being observed. The `Window.matchMedia` API was used for some styles and the `ember-resize` addon used to detect other changes. Here I've unified around just the `Window.matcheMedia` API but abstracted it behind a service. Sizes are exposed as properties that can be bound to or used directly in templates. 2015-11-20 12:26:34 -05:00			`mediaQueries: Ember.inject.service(),`
			`previewIsHidden: Ember.computed.reads('mediaQueries.maxWidth900')`
Fix broken content mgmt -> editor links on mobile refs #5652 - add `ember-resize` addon that registers a single resize event handler and exposes it as a service and mixin - add a component that wraps the posts list and content preview and exposes a `previewIsHidden` property - use the `previewIsHidden` property in `gh-posts-list-item` to switch the item's link between the editor and the preview - add `display: none` to the preview pane when in mobile so that we can test it's visibility 2015-08-28 11:52:38 +01:00			`});`