mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-16 04:08:34 +03:00
09fb17a2be
Closes #4032 - Created "mobile" views: `parent-view`, `content-view` and `index-view` - `mobile/parent-view` has three callbacks for managing layout, and a mediaQuery listener to keep in sync with the user - content-view and index-view use their parent-views callbacks to bring themselves into and out of the viewport as appropriate - fixed media queries for post content list from 800px to 900px - Created `mobile-index-route` to intelligently transition to a new route on desktops (used by both PostsIndexRoute and SettingsIndexRoute) - Extract mobile interactions from settings views to new mobile utility views - `js-` prefixed settings view transitions - removed unused openEditor action from PostsRoute - removed unused mobile util "responsiveAction"
30 lines
863 B
JavaScript
30 lines
863 B
JavaScript
import mobileQuery from 'ghost/utils/mobile';
|
|
|
|
//Routes that extend MobileIndexRoute need to implement
|
|
// desktopTransition, a function which is called when
|
|
// the user resizes to desktop levels.
|
|
var MobileIndexRoute = Ember.Route.extend({
|
|
desktopTransition: Ember.K,
|
|
|
|
activate: function attachDesktopTransition() {
|
|
this._super();
|
|
mobileQuery.addListener(this.desktopTransitionMQ);
|
|
},
|
|
|
|
deactivate: function removeDesktopTransition() {
|
|
this._super();
|
|
mobileQuery.removeListener(this.desktopTransitionMQ);
|
|
},
|
|
|
|
setDesktopTransitionMQ: function () {
|
|
var self = this;
|
|
this.set('desktopTransitionMQ', function desktopTransitionMQ() {
|
|
if (!mobileQuery.matches) {
|
|
self.desktopTransition();
|
|
}
|
|
});
|
|
}.on('init')
|
|
});
|
|
|
|
export default MobileIndexRoute;
|