mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-15 19:52:01 +03:00
d236d0a7c3
closes #3018 - split clientold mobile interactions into their respective Ember routes/views - create PostsView and SettingsView with mobile interactions - place interactions for the publish bar into ApplicationRoute on init
32 lines
1.5 KiB
JavaScript
32 lines
1.5 KiB
JavaScript
import mobileUtils from 'ghost/utils/mobile-utils';
|
|
|
|
var SettingsView = Ember.View.extend({
|
|
classNames: ['wrapper'],
|
|
|
|
mobileInteractions: function () {
|
|
var responsiveAction = mobileUtils.responsiveAction;
|
|
|
|
Ember.run.scheduleOnce('afterRender', this, function () {
|
|
// ### Show settings options page when swiping left on settings menu link
|
|
$('.settings').on('click', '.settings-menu li', function (event) {
|
|
responsiveAction(event, '(max-width: 800px)', function () {
|
|
$('.settings-sidebar').animate({right: '100%', left: '-102%', 'margin-right': '15px'}, 300);
|
|
$('.settings-content').animate({right: '0', left: '0', 'margin-left': '0'}, 300);
|
|
$('.settings-content .button-back, .settings-content .button-save').css('display', 'inline-block');
|
|
});
|
|
});
|
|
|
|
// ### Hide settings options page
|
|
$('.settings').on('click', '.settings-content .button-back', function (event) {
|
|
responsiveAction(event, '(max-width: 800px)', function () {
|
|
$('.settings-sidebar').animate({right: '0', left: '0', 'margin-right': '0'}, 300);
|
|
$('.settings-content').animate({right: '-100%', left: '100%', 'margin-left': '15'}, 300);
|
|
$('.settings-content .button-back, .settings-content .button-save').css('display', 'none');
|
|
});
|
|
});
|
|
});
|
|
}.on('didInsertElement')
|
|
});
|
|
|
|
export default SettingsView;
|