prehistoric-systems/mytinytodo
1
0
Fork 0
mirror of https://github.com/maxpozdeev/mytinytodo.git synced 2026-03-11 08:55:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

* list menu converted to use mttMenu()

Browse source
This commit is contained in:
Max Pozdeev 2010-01-26 17:40:22 +03:00
parent cce4f0510b
commit f5e4406a7c
2 changed files with 35 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/ajax.js
View file

@ -23,6 +23,7 @@ var page = {cur:'', prev:''};
var mytinytodo = {
actions: {},
menus: {},
addAction: function(action, proc)
{
@ -910,7 +911,7 @@ function loadLists(onInit, updAccess)
$('#mylistscontainer .mtt-need-list').addClass('mtt-disabled');
$('#tasklist').html('');
}
ti += '<li class="mtt-tabs-button menu-owner"><a href="#" id="mylists" onClick="btnMenu(this);return false;"><span></span></a></li>';
ti += '<li class="mtt-tabs-button menu-owner"><a href="#" onClick="listMenu(this);return false;"><span></span></a></li>';
$('#lists>ul').html(ti);
$('#lists').show();
mytinytodo.doAction('listsLoaded');
@ -1215,14 +1216,17 @@ function mttMenu(container, options)
this.close();
if(this.caller && this.caller == caller) return;
}
$(document).triggerHandler('click.mttmenuclose'); //close any other open menu
this.caller = caller;
$caller = $(caller);
var offset = $caller.offset();
var x2 = $(window).width() + $(document).scrollLeft() - this.container.outerWidth(true) - 1;
var x = offset.left < x2 ? offset.left : x2;
if(x<0) x=0;
var y = offset.top+caller.offsetHeight-1;
if(y + this.container.outerHeight(true) > $(window).height() + $(document).scrollTop()) y = offset.top - this.container.outerHeight();
this.container.css({ position: 'absolute', top: y, left: x /*, 'min-width': $caller.width()*/ }).show();
if(y<0) y=0;
this.container.css({ position: 'absolute', top: y, left: x, width:this.container.width() /*, 'min-width': $caller.width()*/ }).show();
var menu = this;
$(document).bind('click.mttmenuclose', function(e){ menu.close(e) });
this.menuOpen = true;
@ -1320,3 +1324,24 @@ function tz()
{
return -1 * (new Date()).getTimezoneOffset();
}
function listMenu(el)
{
if(!mytinytodo.menus.listMenu) mytinytodo.menus.listMenu = new mttMenu('mylistscontainer', {onclick:listMenuClick});
mytinytodo.menus.listMenu.show(el);
}
function listMenuClick(el, menu)
{
if(!el.id) return;
switch(el.id) {
case 'btnAddList': addList(); break;
case 'btnRenameList': renameCurList(); break;
case 'btnDeleteList': deleteCurList(); break;
case 'btnPublish': publishCurList(); break;
case 'btnShowCompleted': showCompletedToggle(); break;
case 'sortByHand': setSort(0); break;
case 'sortByPrio': setSort(1); break;
case 'sortByDueDate': setSort(2); break;
}
}

16
src/themes/default/index.php
View file

@ -192,15 +192,15 @@ $().ready(function(){
<div id="mylistscontainer" class="mtt-btnmenu-container mtt-menu-has-images" style="display:none">
<ul>
<li onClick="addList()"><?php _e('list_new');?></li>
<li class="mtt-need-list" onClick="renameCurList()"><?php _e('list_rename');?></li>
<li class="mtt-need-list" onClick="deleteCurList()"><?php _e('list_delete');?></li>
<li class="mtt-need-list" id="btnPublish" onClick="publishCurList()"><div class="menu-icon"></div><?php _e('list_publish');?></li>
<li class="mtt-need-list" id="btnShowCompleted" onClick="showCompletedToggle()"><div class="menu-icon"></div><?php _e('list_showcompleted');?></li>
<li id="btnAddList"><?php _e('list_new');?></li>
<li class="mtt-need-list" id="btnRenameList"><?php _e('list_rename');?></li>
<li class="mtt-need-list" id="btnDeleteList"><?php _e('list_delete');?></li>
<li class="mtt-need-list" id="btnPublish"><div class="menu-icon"></div><?php _e('list_publish');?></li>
<li class="mtt-need-list" id="btnShowCompleted"><div class="menu-icon"></div><?php _e('list_showcompleted');?></li>
<li class="mtt-btnmenu-delimiter"></li>
<li class="mtt-need-list sort-item" id="sortByHand" onClick="setSort(0)"><div class="menu-icon"></div><?php _e('sortByHand');?></li>
<li class="mtt-need-list sort-item" id="sortByPrio" onClick="setSort(1)"><div class="menu-icon"></div><?php _e('sortByPriority');?></li>
<li class="mtt-need-list sort-item" id="sortByDueDate" onClick="setSort(2)"><div class="menu-icon"></div><?php _e('sortByDueDate');?></li>
<li class="mtt-need-list sort-item" id="sortByHand"><div class="menu-icon"></div><?php _e('sortByHand');?></li>
<li class="mtt-need-list sort-item" id="sortByPrio"><div class="menu-icon"></div><?php _e('sortByPriority');?></li>
<li class="mtt-need-list sort-item" id="sortByDueDate"><div class="menu-icon"></div><?php _e('sortByDueDate');?></li>
</ul>
</div>