depau/HackMD
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Update edit and publish icon and change toggle icon to make it straightforward, and add shortcut key reminder in modes' title

Browse source
This commit is contained in:
Wu Cheng-Han 2016-09-18 16:32:26 +08:00
parent 9d71adc05c
commit 3840308ab6
2 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/js/index.js
View file

@ -1197,16 +1197,16 @@ function changeMode(type) {
ui.toolbar.edit.removeClass("active"); ui.toolbar.edit.removeClass("active");
ui.toolbar.view.removeClass("active"); ui.toolbar.view.removeClass("active");
var modeIcon = ui.toolbar.mode.find('i'); var modeIcon = ui.toolbar.mode.find('i');
modeIcon.removeClass('fa-toggle-on').removeClass('fa-toggle-off'); modeIcon.removeClass('fa-pencil').removeClass('fa-eye');
if (ui.area.edit.is(":visible") && ui.area.view.is(":visible")) { //both if (ui.area.edit.is(":visible") && ui.area.view.is(":visible")) { //both
ui.toolbar.both.addClass("active"); ui.toolbar.both.addClass("active");
modeIcon.addClass('fa-eye'); modeIcon.addClass('fa-eye');
} else if (ui.area.edit.is(":visible")) { //edit } else if (ui.area.edit.is(":visible")) { //edit
ui.toolbar.edit.addClass("active"); ui.toolbar.edit.addClass("active");
modeIcon.addClass('fa-toggle-off'); modeIcon.addClass('fa-eye');
} else if (ui.area.view.is(":visible")) { //view } else if (ui.area.view.is(":visible")) { //view
ui.toolbar.view.addClass("active"); ui.toolbar.view.addClass("active");
modeIcon.addClass('fa-toggle-on'); modeIcon.addClass('fa-pencil');
} }
unlockNavbar(); unlockNavbar();
} }

16
public/views/header.ejs
View file

@ -24,7 +24,7 @@
<ul class="dropdown-menu list" role="menu" aria-labelledby="menu"> <ul class="dropdown-menu list" role="menu" aria-labelledby="menu">
<li role="presentation"><a role="menuitem" class="ui-new" tabindex="-1" href="<%- url %>/new" target="_blank"><i class="fa fa-plus fa-fw"></i> <%= __('New') %></a> <li role="presentation"><a role="menuitem" class="ui-new" tabindex="-1" href="<%- url %>/new" target="_blank"><i class="fa fa-plus fa-fw"></i> <%= __('New') %></a>
</li> </li>
<li role="presentation"><a role="menuitem" class="ui-publish" tabindex="-1" href="#" target="_blank"><i class="fa fa-print fa-fw"></i> <%= __('Publish') %></a> <li role="presentation"><a role="menuitem" class="ui-publish" tabindex="-1" href="#" target="_blank"><i class="fa fa-share-square-o fa-fw"></i> <%= __('Publish') %></a>
</li> </li>
<li class="divider"></li> <li class="divider"></li>
<li class="dropdown-header"><%= __('Extra') %></li> <li class="dropdown-header"><%= __('Extra') %></li>
@ -75,22 +75,22 @@
</li> </li>
</ul> </ul>
<a class="btn btn-link ui-mode"> <a class="btn btn-link ui-mode">
<i class="fa fa-toggle-on"></i> <i class="fa fa-pencil"></i>
</a> </a>
</div> </div>
</div> </div>
<div class="collapse navbar-collapse"> <div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-form navbar-left" style="padding:0;"> <ul class="nav navbar-nav navbar-form navbar-left" style="padding:0;">
<div class="btn-group" data-toggle="buttons"> <div class="btn-group" data-toggle="buttons">
<label class="btn btn-default ui-edit" title="<%= __('Edit') %>"> <label class="btn btn-default ui-view" title="<%= __('View') %> (Ctrl+Alt+V)">
<input type="radio" name="mode" autocomplete="off"><i class="fa fa-edit"></i>
</label>
<label class="btn btn-default ui-view" title="<%= __('View') %>">
<input type="radio" name="mode" autocomplete="off"><i class="fa fa-eye"></i> <input type="radio" name="mode" autocomplete="off"><i class="fa fa-eye"></i>
</label> </label>
<label class="btn btn-default ui-both" title="<%= __('Both') %>"> <label class="btn btn-default ui-both" title="<%= __('Both') %> (Ctrl+Alt+B)">
<input type="radio" name="mode" autocomplete="off"><i class="fa fa-columns"></i> <input type="radio" name="mode" autocomplete="off"><i class="fa fa-columns"></i>
</label> </label>
<label class="btn btn-default ui-edit" title="<%= __('Edit') %> (Ctrl+Alt+E)">
<input type="radio" name="mode" autocomplete="off"><i class="fa fa-pencil"></i>
</label>
</div> </div>
<span class="btn btn-link btn-file ui-help" title="<%= __('Help') %>" data-toggle="modal" data-target=".help-modal"> <span class="btn btn-link btn-file ui-help" title="<%= __('Help') %>" data-toggle="modal" data-target=".help-modal">
<i class="fa fa-question-circle"></i> <i class="fa fa-question-circle"></i>
@ -116,7 +116,7 @@
</li> </li>
<li> <li>
<a href="#" target="_blank" class="ui-publish"> <a href="#" target="_blank" class="ui-publish">
<i class="fa fa-print"></i> <%= __('Publish') %> <i class="fa fa-share-square-o"></i> <%= __('Publish') %>
</a> </a>
</li> </li>
<li> <li>