Rewrite dropdown menu
This commit is contained in:
Frederic Guillot
parent
2d5621af2f
commit
679cb94de4
|
|
@ -1,21 +1,19 @@
|
|||
<div class="dropdown filters">
|
||||
<span>
|
||||
<i class="fa fa-caret-down"></i> <a href="#" class="dropdown-menu"><?= t('Filters') ?></a>
|
||||
<ul>
|
||||
<li><a href="#" class="filter-helper" data-filter="<?= isset($reset) ? $reset : '' ?>"><?= t('Reset filters') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open assignee:me"><?= t('My tasks') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open assignee:me due:tomorrow"><?= t('My tasks due tomorrow') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open due:today"><?= t('Tasks due today') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open due:tomorrow"><?= t('Tasks due tomorrow') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open due:yesterday"><?= t('Tasks due yesterday') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:closed"><?= t('Closed tasks') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open"><?= t('Open tasks') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open assignee:nobody"><?= t('Not assigned') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open category:none"><?= t('No category') ?></a></li>
|
||||
<li>
|
||||
<i class="fa fa-external-link"></i>
|
||||
<a href="http://kanboard.net/documentation/search" target="_blank"><?= t('View advanced search syntax') ?></a>
|
||||
</li>
|
||||
</ul>
|
||||
</span>
|
||||
<i class="fa fa-caret-down"></i> <a href="#" class="dropdown-menu"><?= t('Filters') ?></a>
|
||||
<ul>
|
||||
<li><a href="#" class="filter-helper" data-filter="<?= isset($reset) ? $reset : '' ?>"><?= t('Reset filters') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open assignee:me"><?= t('My tasks') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open assignee:me due:tomorrow"><?= t('My tasks due tomorrow') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open due:today"><?= t('Tasks due today') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open due:tomorrow"><?= t('Tasks due tomorrow') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open due:yesterday"><?= t('Tasks due yesterday') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:closed"><?= t('Closed tasks') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open"><?= t('Open tasks') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open assignee:nobody"><?= t('Not assigned') ?></a></li>
|
||||
<li><a href="#" class="filter-helper" data-filter="status:open category:none"><?= t('No category') ?></a></li>
|
||||
<li>
|
||||
<i class="fa fa-external-link"></i>
|
||||
<a href="http://kanboard.net/documentation/search" target="_blank"><?= t('View advanced search syntax') ?></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -1,15 +1,13 @@
|
|||
<span class="dropdown">
|
||||
<span>
|
||||
<a href="#" class="dropdown-menu"><?= '#'.$task['id'] ?></a>
|
||||
<ul>
|
||||
<li><i class="fa fa-user"></i> <?= $this->url->link(t('Change assignee'), 'board', 'changeAssignee', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-tag"></i> <?= $this->url->link(t('Change category'), 'board', 'changeCategory', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-align-left"></i> <?= $this->url->link(t('Change description'), 'taskmodification', 'description', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-pencil-square-o"></i> <?= $this->url->link(t('Edit this task'), 'taskmodification', 'edit', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-comment-o"></i> <?= $this->url->link(t('Add a comment'), 'comment', 'create', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-code-fork"></i> <?= $this->url->link(t('Add a link'), 'tasklink', 'create', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-camera"></i> <?= $this->url->link(t('Add a screenshot'), 'board', 'screenshot', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-close"></i> <?= $this->url->link(t('Close this task'), 'taskstatus', 'close', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'redirect' => 'board'), false, 'popover') ?></li>
|
||||
</ul>
|
||||
</span>
|
||||
</span>
|
||||
<a href="#" class="dropdown-menu"><?= '#'.$task['id'] ?></a>
|
||||
<ul>
|
||||
<li><i class="fa fa-user"></i> <?= $this->url->link(t('Change assignee'), 'board', 'changeAssignee', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-tag"></i> <?= $this->url->link(t('Change category'), 'board', 'changeCategory', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-align-left"></i> <?= $this->url->link(t('Change description'), 'taskmodification', 'description', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-pencil-square-o"></i> <?= $this->url->link(t('Edit this task'), 'taskmodification', 'edit', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-comment-o"></i> <?= $this->url->link(t('Add a comment'), 'comment', 'create', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-code-fork"></i> <?= $this->url->link(t('Add a link'), 'tasklink', 'create', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-camera"></i> <?= $this->url->link(t('Add a screenshot'), 'board', 'screenshot', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'popover') ?></li>
|
||||
<li><i class="fa fa-close"></i> <?= $this->url->link(t('Close this task'), 'taskstatus', 'close', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'redirect' => 'board'), false, 'popover') ?></li>
|
||||
</ul>
|
||||
</span>
|
||||
|
|
@ -1,31 +1,29 @@
|
|||
<div class="page-header">
|
||||
<div class="dropdown">
|
||||
<span>
|
||||
<i class="fa fa-caret-down"></i> <a href="#" class="dropdown-menu"><?= t('Actions') ?></a>
|
||||
<ul>
|
||||
<?php if (isset($is_board)): ?>
|
||||
<li>
|
||||
<span class="filter-display-mode" <?= $this->board->isCollapsed($project['id']) ? '' : 'style="display: none;"' ?>>
|
||||
<i class="fa fa-expand fa-fw"></i>
|
||||
<?= $this->url->link(t('Expand tasks'), 'board', 'expand', array('project_id' => $project['id']), false, 'board-display-mode', t('Keyboard shortcut: "%s"', 's')) ?>
|
||||
</span>
|
||||
<span class="filter-display-mode" <?= $this->board->isCollapsed($project['id']) ? 'style="display: none;"' : '' ?>>
|
||||
<i class="fa fa-compress fa-fw"></i>
|
||||
<?= $this->url->link(t('Collapse tasks'), 'board', 'collapse', array('project_id' => $project['id']), false, 'board-display-mode', t('Keyboard shortcut: "%s"', 's')) ?>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="filter-compact">
|
||||
<i class="fa fa-th fa-fw"></i> <a href="#" class="filter-toggle-scrolling" title="<?= t('Keyboard shortcut: "%s"', 'c') ?>"><?= t('Compact view') ?></a>
|
||||
</span>
|
||||
<span class="filter-wide" style="display: none">
|
||||
<i class="fa fa-arrows-h fa-fw"></i> <a href="#" class="filter-toggle-scrolling" title="<?= t('Keyboard shortcut: "%s"', 'c') ?>"><?= t('Horizontal scrolling') ?></a>
|
||||
</span>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?= $this->render('project/dropdown', array('project' => $project)) ?>
|
||||
</ul>
|
||||
</span>
|
||||
<i class="fa fa-caret-down"></i> <a href="#" class="dropdown-menu"><?= t('Actions') ?></a>
|
||||
<ul>
|
||||
<?php if (isset($is_board)): ?>
|
||||
<li>
|
||||
<span class="filter-display-mode" <?= $this->board->isCollapsed($project['id']) ? '' : 'style="display: none;"' ?>>
|
||||
<i class="fa fa-expand fa-fw"></i>
|
||||
<?= $this->url->link(t('Expand tasks'), 'board', 'expand', array('project_id' => $project['id']), false, 'board-display-mode', t('Keyboard shortcut: "%s"', 's')) ?>
|
||||
</span>
|
||||
<span class="filter-display-mode" <?= $this->board->isCollapsed($project['id']) ? 'style="display: none;"' : '' ?>>
|
||||
<i class="fa fa-compress fa-fw"></i>
|
||||
<?= $this->url->link(t('Collapse tasks'), 'board', 'collapse', array('project_id' => $project['id']), false, 'board-display-mode', t('Keyboard shortcut: "%s"', 's')) ?>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="filter-compact">
|
||||
<i class="fa fa-th fa-fw"></i> <a href="#" class="filter-toggle-scrolling" title="<?= t('Keyboard shortcut: "%s"', 'c') ?>"><?= t('Compact view') ?></a>
|
||||
</span>
|
||||
<span class="filter-wide" style="display: none">
|
||||
<i class="fa fa-arrows-h fa-fw"></i> <a href="#" class="filter-toggle-scrolling" title="<?= t('Keyboard shortcut: "%s"', 'c') ?>"><?= t('Horizontal scrolling') ?></a>
|
||||
</span>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?= $this->render('project/dropdown', array('project' => $project)) ?>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="views">
|
||||
<li <?= $filters['controller'] === 'board' ? 'class="active"' : '' ?>>
|
||||
|
|
|
|||
|
|
@ -730,7 +730,7 @@ nav .active a {
|
|||
.page-header li {
|
||||
display: inline;
|
||||
padding-right: 10px;
|
||||
font-size: 0.9em;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 640px) {
|
||||
|
|
@ -753,7 +753,6 @@ nav .active a {
|
|||
|
||||
/* board table */
|
||||
#board-container {
|
||||
padding-bottom: 220px; /* Space to avoid dropdown menu truncated */
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
|
|
@ -1576,16 +1575,16 @@ span.task-board-date-overdue {
|
|||
}
|
||||
|
||||
.dropdown {
|
||||
display: inline;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* submenu */
|
||||
.dropdown ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul.dropdown-submenu-open {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
|
|
@ -1599,46 +1598,25 @@ span.task-board-date-overdue {
|
|||
box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.dropdown ul li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.1em;
|
||||
ul.dropdown-submenu-top {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.dropdown-submenu-open li {
|
||||
display: block;
|
||||
line-height: 30px;
|
||||
padding: 0;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.page-header div.dropdown {
|
||||
font-size: 0.9em;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.page-header div.dropdown,
|
||||
.page-header ul.dropdown {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.page-header a.dropdown-menu {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.page-header li.dropit-trigger {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
td li.dropit-trigger {
|
||||
margin: 0;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.task-board .dropit-submenu a {
|
||||
.dropdown-submenu-open a {
|
||||
font-weight: normal;
|
||||
text-decoration: underline;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.task-board .dropit-submenu a:hover {
|
||||
text-decoration: none;
|
||||
.page-header .dropdown {
|
||||
padding-right: 10px;
|
||||
}
|
||||
#screenshot-zone {
|
||||
position: relative;
|
||||
|
|
|
|||
|
|
@ -159,7 +159,6 @@ th a:hover {
|
|||
|
||||
/* board table */
|
||||
#board-container {
|
||||
padding-bottom: 220px; /* Space to avoid dropdown menu truncated */
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
|
||||
/* board table */
|
||||
#board-container {
|
||||
padding-bottom: 220px; /* Space to avoid dropdown menu truncated */
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
.dropdown {
|
||||
display: inline;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* submenu */
|
||||
.dropdown ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul.dropdown-submenu-open {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
|
|
@ -22,44 +22,23 @@
|
|||
box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.dropdown ul li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 1.1em;
|
||||
ul.dropdown-submenu-top {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.dropdown-submenu-open li {
|
||||
display: block;
|
||||
line-height: 30px;
|
||||
padding: 0;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin: 0;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.page-header div.dropdown {
|
||||
font-size: 0.9em;
|
||||
.dropdown-submenu-open a {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.page-header .dropdown {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.page-header div.dropdown,
|
||||
.page-header ul.dropdown {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.page-header a.dropdown-menu {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.page-header li.dropit-trigger {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
td li.dropit-trigger {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.task-board .dropit-submenu a {
|
||||
font-weight: normal;
|
||||
text-decoration: underline;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.task-board .dropit-submenu a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -94,7 +94,7 @@ nav .active a {
|
|||
.page-header li {
|
||||
display: inline;
|
||||
padding-right: 10px;
|
||||
font-size: 0.9em;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 640px) {
|
||||
|
|
|
|||
163
assets/js/app.js
163
assets/js/app.js
File diff suppressed because one or more lines are too long
|
|
@ -1,10 +1,11 @@
|
|||
function App() {
|
||||
this.popover = new Popover(this);
|
||||
this.markdown = new Markdown();
|
||||
this.sidebar = new Sidebar();
|
||||
this.search = new Search();
|
||||
this.tooltip = new Tooltip(this);
|
||||
this.swimlane = new Swimlane();
|
||||
this.dropdown = new Dropdown();
|
||||
this.tooltip = new Tooltip(this);
|
||||
this.popover = new Popover(this);
|
||||
this.keyboardShortcuts();
|
||||
this.boardSelector();
|
||||
this.listen();
|
||||
|
|
@ -33,15 +34,12 @@ App.prototype.listen = function() {
|
|||
this.markdown.listen();
|
||||
this.sidebar.listen();
|
||||
this.tooltip.listen();
|
||||
this.dropdown.listen();
|
||||
this.search.listen();
|
||||
this.search.focus();
|
||||
this.taskAutoComplete();
|
||||
this.datePicker();
|
||||
this.focus();
|
||||
|
||||
// Dropdown
|
||||
$(".dropit-submenu").hide();
|
||||
$('.dropdown').not(".dropit").dropit({ triggerParentEl : "span" });
|
||||
};
|
||||
|
||||
App.prototype.focus = function() {
|
||||
|
|
@ -67,6 +65,8 @@ App.prototype.poll = function() {
|
|||
};
|
||||
|
||||
App.prototype.keyboardShortcuts = function() {
|
||||
var self = this;
|
||||
|
||||
// Submit form
|
||||
Mousetrap.bindGlobal("mod+enter", function() {
|
||||
$("form").submit();
|
||||
|
|
@ -77,6 +77,12 @@ App.prototype.keyboardShortcuts = function() {
|
|||
e.preventDefault();
|
||||
$('#board-selector').trigger('chosen:open');
|
||||
});
|
||||
|
||||
// Close popover and dropdown
|
||||
Mousetrap.bindGlobal("esc", function() {
|
||||
self.popover.close();
|
||||
self.dropdown.close();
|
||||
});
|
||||
};
|
||||
|
||||
App.prototype.checkSession = function() {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,36 @@
|
|||
function Dropdown() {
|
||||
}
|
||||
|
||||
Dropdown.prototype.listen = function() {
|
||||
var self = this;
|
||||
|
||||
$(document).on('click', function() {
|
||||
self.close();
|
||||
});
|
||||
|
||||
$(document).on('click', '.dropdown-menu', function(e) {
|
||||
e.preventDefault();
|
||||
e.stopImmediatePropagation();
|
||||
|
||||
var submenu = $(this).next('ul');
|
||||
var submenuHeight = 240;
|
||||
|
||||
if (! submenu.is(':visible')) {
|
||||
self.close();
|
||||
|
||||
if ($(this).offset().top + submenuHeight > $(window).height()) {
|
||||
submenu.addClass('dropdown-submenu-open dropdown-submenu-top');
|
||||
}
|
||||
else {
|
||||
submenu.addClass('dropdown-submenu-open');
|
||||
}
|
||||
}
|
||||
else {
|
||||
self.close();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Dropdown.prototype.close = function() {
|
||||
$('.dropdown-submenu-open').removeClass('dropdown-submenu-open');
|
||||
};
|
||||
|
|
@ -2,7 +2,6 @@ function Popover(app) {
|
|||
this.app = app;
|
||||
this.router = new Router();
|
||||
this.router.addRoute('screenshot-zone', Screenshot);
|
||||
Mousetrap.bindGlobal("esc", this.close);
|
||||
}
|
||||
|
||||
Popover.prototype.isOpen = function() {
|
||||
|
|
@ -11,6 +10,7 @@ Popover.prototype.isOpen = function() {
|
|||
|
||||
Popover.prototype.open = function(link) {
|
||||
var self = this;
|
||||
self.app.dropdown.close();
|
||||
|
||||
$.get(link, function(content) {
|
||||
$("body").append('<div id="popover-container"><div id="popover-content">' + content + '</div></div>');
|
||||
|
|
|
|||
|
|
@ -1,99 +0,0 @@
|
|||
/*
|
||||
* Dropit v1.1.0
|
||||
* http://dev7studios.com/dropit
|
||||
*
|
||||
* Copyright 2012, Dev7studios
|
||||
* Free to use and abuse under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
;(function($) {
|
||||
|
||||
$.fn.dropit = function(method) {
|
||||
|
||||
var methods = {
|
||||
|
||||
init : function(options) {
|
||||
this.dropit.settings = $.extend({}, this.dropit.defaults, options);
|
||||
return this.each(function() {
|
||||
var $el = $(this),
|
||||
el = this,
|
||||
settings = $.fn.dropit.settings;
|
||||
|
||||
// Hide initial submenus
|
||||
$el.addClass('dropit')
|
||||
.find('>'+ settings.triggerParentEl +':has('+ settings.submenuEl +')').addClass('dropit-trigger')
|
||||
.find(settings.submenuEl).addClass('dropit-submenu').hide();
|
||||
|
||||
// Open on click
|
||||
$el.on(settings.action, settings.triggerParentEl +':has('+ settings.submenuEl +') > '+ settings.triggerEl +'', function(){
|
||||
// Close click menu's if clicked again
|
||||
if(settings.action == 'click' && $(this).parents(settings.triggerParentEl).hasClass('dropit-open')){
|
||||
settings.beforeHide.call(this);
|
||||
$(this).parent().removeClass('dropit-open').find(settings.submenuEl).hide();
|
||||
// $(this).parents(settings.triggerParentEl).removeClass('dropit-open').find(settings.submenuEl).hide();
|
||||
settings.afterHide.call(this);
|
||||
return false;
|
||||
}
|
||||
|
||||
// Hide open menus
|
||||
settings.beforeHide.call(this);
|
||||
$('.dropit-open').removeClass('dropit-open').find('.dropit-submenu').hide();
|
||||
settings.afterHide.call(this);
|
||||
|
||||
// Open this menu
|
||||
settings.beforeShow.call(this);
|
||||
$(this).parent().addClass('dropit-open').find(settings.submenuEl).show();
|
||||
// $(this).parents(settings.triggerParentEl).addClass('dropit-open').find(settings.submenuEl).show();
|
||||
settings.afterShow.call(this);
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
// Close if outside click
|
||||
$(document).on('click', function(){
|
||||
settings.beforeHide.call(this);
|
||||
$('.dropit-open').removeClass('dropit-open').find('.dropit-submenu').hide();
|
||||
settings.afterHide.call(this);
|
||||
});
|
||||
|
||||
// If hover
|
||||
if(settings.action == 'mouseenter'){
|
||||
$el.on('mouseleave', function(){
|
||||
settings.beforeHide.call(this);
|
||||
$(this).removeClass('dropit-open').find(settings.submenuEl).hide();
|
||||
settings.afterHide.call(this);
|
||||
});
|
||||
}
|
||||
|
||||
settings.afterLoad.call(this);
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if (methods[method]) {
|
||||
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
||||
} else if (typeof method === 'object' || !method) {
|
||||
return methods.init.apply(this, arguments);
|
||||
} else {
|
||||
$.error( 'Method "' + method + '" does not exist in dropit plugin!');
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$.fn.dropit.defaults = {
|
||||
action: 'click', // The open action for the trigger
|
||||
submenuEl: 'ul', // The submenu element
|
||||
triggerEl: 'a', // The trigger element
|
||||
triggerParentEl: 'li', // The trigger parent element
|
||||
afterLoad: function(){}, // Triggers when plugin has loaded
|
||||
beforeShow: function(){}, // Triggers before submenu is shown
|
||||
afterShow: function(){}, // Triggers after submenu is shown
|
||||
beforeHide: function(){}, // Triggers before submenu is hidden
|
||||
afterHide: function(){} // Triggers before submenu is hidden
|
||||
};
|
||||
|
||||
$.fn.dropit.settings = {};
|
||||
|
||||
})(jQuery);
|
||||
|
|
@ -4,8 +4,8 @@ print_css="print links table board task comment subtask markdown"
|
|||
app_css="base links title table form button alert tooltip header board task comment subtask markdown listing activity dashboard pagination popover confirm sidebar responsive dropdown screenshot filters"
|
||||
vendor_css="jquery-ui.min jquery-ui-timepicker-addon.min chosen.min fullcalendar.min font-awesome.min c3.min"
|
||||
|
||||
app_js="Popover Tooltip Markdown Sidebar Search App Screenshot Calendar Board Swimlane TaskRepartitionChart UserRepartitionChart CumulativeFlowDiagram BurndownChart BudgetChart AvgTimeColumnChart TaskTimeColumnChart LeadCycleTimeChart Router"
|
||||
vendor_js="jquery-1.11.1.min jquery-ui.min jquery-ui-timepicker-addon.min jquery.ui.touch-punch.min chosen.jquery.min dropit.min moment.min fullcalendar.min mousetrap.min mousetrap-global-bind.min app.min"
|
||||
app_js="Popover Dropdown Tooltip Markdown Sidebar Search App Screenshot Calendar Board Swimlane TaskRepartitionChart UserRepartitionChart CumulativeFlowDiagram BurndownChart BudgetChart AvgTimeColumnChart TaskTimeColumnChart LeadCycleTimeChart Router"
|
||||
vendor_js="jquery-1.11.1.min jquery-ui.min jquery-ui-timepicker-addon.min jquery.ui.touch-punch.min chosen.jquery.min moment.min fullcalendar.min mousetrap.min mousetrap-global-bind.min app.min"
|
||||
lang_js="da de es fi fr hu it ja nl pl pt-br ru sv sr th tr zh-cn"
|
||||
|
||||
function merge_css {
|
||||
|
|
|
|||
Loading…
Reference in New Issue