141 lines
5.7 KiB
HTML
141 lines
5.7 KiB
HTML
|
<roundcube:object name="doctype" value="html5" />
|
||
|
<html>
|
||
|
<head>
|
||
|
<title><roundcube:object name="pagetitle" /></title>
|
||
|
<roundcube:include file="/includes/links.html" />
|
||
|
</head>
|
||
|
<body class="tasklistview noscroll">
|
||
|
|
||
|
<roundcube:include file="/includes/header.html" />
|
||
|
|
||
|
<div id="mainscreen">
|
||
|
<div id="sidebar">
|
||
|
<div id="quicksearchbar">
|
||
|
<roundcube:object name="plugin.searchform" id="quicksearchbox" />
|
||
|
<a id="searchmenulink" class="iconbutton searchoptions" > </a>
|
||
|
<roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " />
|
||
|
</div>
|
||
|
|
||
|
<div id="selectorbox" class="uibox listbox">
|
||
|
<div class="scroller">
|
||
|
<ul id="taskselector" class="listing">
|
||
|
<li class="all selected"><a href="#all"><roundcube:label name="tasklist.all" /><span class="count"></span></a></li>
|
||
|
<li class="overdue inactive"><a href="#overdue"><roundcube:label name="tasklist.overdue" /><span class="count"></span></a></li>
|
||
|
<li class="flagged"><a href="#flagged"><roundcube:label name="tasklist.flagged" /><span class="count"></span></a></li>
|
||
|
<li class="today"><a href="#today"><roundcube:label name="tasklist.today" /><span class="count"></span></a></li>
|
||
|
<li class="tomorrow"><a href="#tomorrow"><roundcube:label name="tasklist.tomorrow" /><span class="count"></span></a></li>
|
||
|
<li class="week"><a href="#week"><roundcube:label name="tasklist.next7days" /></a></li>
|
||
|
<li class="later"><a href="#later"><roundcube:label name="tasklist.later" /></a></li>
|
||
|
<li class="nodate"><a href="#nodate"><roundcube:label name="tasklist.nodate" ucfirst="true" /></a></li>
|
||
|
<li class="complete"><a href="#complete"><roundcube:label name="tasklist.complete" /><span class="count"></span></a></li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div id="tasklistsbox" class="uibox listbox">
|
||
|
<h2 class="boxtitle"><roundcube:label name="tasklist.lists" /></h2>
|
||
|
<div class="scroller withfooter">
|
||
|
<roundcube:object name="plugin.tasklists" id="tasklists" class="listing" />
|
||
|
</div>
|
||
|
<div class="boxfooter">
|
||
|
<roundcube:button command="list-create" type="link" title="tasklist.createlist" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" /><roundcube:button name="tasklistoptionslink" id="tasklistoptionsmenulink" type="link" title="tasklist.listactions" class="listbutton groupactions" onclick="UI.show_popup('tasklistoptionsmenu', undefined, { above:true });return false" innerClass="inner" content="⚙" />
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div id="mainview-right">
|
||
|
|
||
|
<div id="quickaddbox">
|
||
|
<roundcube:object name="plugin.quickaddform" />
|
||
|
</div>
|
||
|
|
||
|
<div id="taskstoolbar" class="toolbar">
|
||
|
<roundcube:container name="toolbar" id="taskstoolbar" />
|
||
|
</div>
|
||
|
|
||
|
<div id="tasksview" class="uibox">
|
||
|
<div class="scroller">
|
||
|
<roundcube:object name="plugin.tasks" id="thelist" />
|
||
|
<div id="listmessagebox"></div>
|
||
|
</div>
|
||
|
<div id="rootdroppable"></div>
|
||
|
<roundcube:object name="message" id="message" class="statusbar" />
|
||
|
</div>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
<div id="taskitemmenu" class="popupmenu">
|
||
|
<ul class="toolbarmenu iconized">
|
||
|
<li><roundcube:button name="edit" type="link" onclick="rctasks.edit_task(rctasks.selected_task.id, 'edit'); return false" label="edit" class="icon active" innerclass="icon edit" /></li>
|
||
|
<li><roundcube:button name="delete" type="link" onclick="rctasks.delete_task(rctasks.selected_task.id); return false" label="delete" class="icon active" innerclass="icon delete" /></li>
|
||
|
<li><roundcube:button name="addchild" type="link" onclick="rctasks.add_childtask(rctasks.selected_task.id); return false" label="tasklist.addsubtask" class="icon active" innerclass="icon add" /></li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
|
||
|
<div id="taskshow">
|
||
|
<div class="form-section">
|
||
|
<h2 id="task-title"></h2>
|
||
|
</div>
|
||
|
<div id="task-description" class="form-section">
|
||
|
</div>
|
||
|
<div id="task-date" class="form-section">
|
||
|
<label><roundcube:label name="tasklist.datetime" /></label>
|
||
|
<span class="task-text"></span>
|
||
|
<span id="task-time"></span>
|
||
|
</div>
|
||
|
<div id="task-list" class="form-section">
|
||
|
<label><roundcube:label name="tasklist.list" /></label>
|
||
|
<span class="task-text"></span>
|
||
|
</div>
|
||
|
<div id="task-completeness" class="form-section">
|
||
|
<label><roundcube:label name="tasklist.complete" /></label>
|
||
|
<span class="task-text"></span>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div id="taskedit">
|
||
|
<form id="taskeditform" action="#" method="post" enctype="multipart/form-data">
|
||
|
<div class="form-section">
|
||
|
<label for="edit-title"><roundcube:label name="tasklist.title" /></label>
|
||
|
<br />
|
||
|
<input type="text" class="text" name="title" id="edit-title" size="40" />
|
||
|
</div>
|
||
|
<div class="form-section">
|
||
|
<label for="edit-description"><roundcube:label name="tasklist.description" /></label>
|
||
|
<br />
|
||
|
<textarea name="description" id="edit-description" class="text" rows="5" cols="40"></textarea>
|
||
|
</div>
|
||
|
<div class="form-section">
|
||
|
<label for="edit-date"><roundcube:label name="tasklist.datetime" /></label>
|
||
|
<input type="text" name="date" size="10" id="edit-date" />
|
||
|
<input type="text" name="time" size="6" id="edit-time" />
|
||
|
<a href="#nodate" style="margin-left:1em" id="edit-nodate"><roundcube:label name="tasklist.nodate" /></a>
|
||
|
</div>
|
||
|
<div class="form-section">
|
||
|
<label for="edit-completeness"><roundcube:label name="tasklist.complete" /></label>
|
||
|
<input type="text" name="title" id="edit-completeness" size="3" /> %
|
||
|
<div id="edit-completeness-slider"></div>
|
||
|
</div>
|
||
|
<div class="form-section" id="tasklist-select">
|
||
|
<label for="edit-tasklist"><roundcube:label name="tasklist.list" /></label>
|
||
|
<roundcube:object name="plugin.tasklist_select" id="edit-tasklist" />
|
||
|
</div>
|
||
|
</form>
|
||
|
</div>
|
||
|
|
||
|
<script type="text/javascript">
|
||
|
|
||
|
// UI startup
|
||
|
var UI = new rcube_mail_ui();
|
||
|
|
||
|
$(document).ready(function(e){
|
||
|
UI.init();
|
||
|
|
||
|
});
|
||
|
|
||
|
</script>
|
||
|
|
||
|
</body>
|
||
|
</html>
|