TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-01 13:54:35 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #3656 from rwjblue/activate-specific-tab-not-toggle

Browse Source 
Activate specific tab that is tapped/clicked.
This commit is contained in:
Hannah Wolfe 2014-08-07 19:32:14 +01:00
commit a647e38e5e
3 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ghost/admin/components/gh-codemirror.js
View File

@ -45,9 +45,14 @@ var Codemirror = Ember.TextArea.extend(MarkerManager, {
var initMarkers = _.bind(this.initMarkers, this);
// Allow tabbing behaviour when viewing on small screen (not mobile)
$('.floatingheader').on('click', function () {
$('.entry-markdown').toggleClass('active');
$('.entry-preview').toggleClass('active');
$('#entry-markdown-header').on('click', function () {
$('.entry-markdown').addClass('active');
$('.entry-preview').removeClass('active');
});
$('#entry-preview-header').on('click', function () {
$('.entry-markdown').removeClass('active');
$('.entry-preview').addClass('active');
});
// replaces CodeMirror with TouchEditor only if we're on mobile

4
ghost/admin/templates/editor/edit.hbs
View File

@ -5,7 +5,7 @@
</header>
<section class="entry-markdown active">
<header class="floatingheader">
<header class="floatingheader" id="entry-markdown-header">
<small>Markdown</small>
<a class="markdown-help" href="" {{action "openModal" "markdown"}}><span class="hidden">What is Markdown?</span></a>
</header>
@ -15,7 +15,7 @@
</section>
<section class="entry-preview">
<header class="floatingheader">
<header class="floatingheader" id="entry-preview-header">
<small>Preview <span class="entry-word-count js-entry-word-count">{{gh-count-words scratch}}</span></small>
</header>
<section class="entry-preview-content">

12
ghost/admin/utils/codemirror-mobile.js
View File

@ -29,11 +29,17 @@ init = function init() {
$('body').addClass('touch-editor');
// make editor tabs touch-to-toggle in portrait mode
$('.floatingheader').on('tap', function () {
$('.entry-markdown').toggleClass('active');
$('.entry-preview').toggleClass('active');
$('#entry-markdown-header').on('tap', function () {
$('.entry-markdown').addClass('active');
$('.entry-preview').removeClass('active');
});
$('#entry-preview-header').on('tap', function () {
$('.entry-markdown').removeClass('active');
$('.entry-preview').addClass('active');
});
Ember.touchEditor = true;
//initialize FastClick to remove touch delays
Ember.run.scheduleOnce('afterRender', null, function () {