From 0d902dbb188675838c49c2784aaa454dae42f203 Mon Sep 17 00:00:00 2001 From: Jan Schneider Date: Tue, 30 Mar 2010 18:08:46 +0200 Subject: [PATCH] Shorter effect durations, and make it semi-configurable. --- kronolith/js/kronolith.js | 45 +++++++++++++++++++++++++++++++++++---------- 1 file changed, 35 insertions(+), 10 deletions(-) diff --git a/kronolith/js/kronolith.js b/kronolith/js/kronolith.js index 0dd33e0af..6a7991ae6 100644 --- a/kronolith/js/kronolith.js +++ b/kronolith/js/kronolith.js @@ -35,6 +35,7 @@ KronolithCore = { map: null, mapInitialized: false, search: 'future', + effectDur: 0.4, doActionOpts: { onException: function(parentfunc, r, e) @@ -306,6 +307,7 @@ KronolithCore = { if ($('kronolithView' + locCap)) { this.viewLoading = true; $('kronolithView' + locCap).appear({ + duration: this.effectDur, queue: 'end', afterFinish: function() { if (loc == 'week' || loc == 'day') { @@ -334,7 +336,12 @@ KronolithCore = { this.loadTasks(this.tasktype); if ($('kronolithView' + locCap)) { this.viewLoading = true; - $('kronolithView' + locCap).appear({ queue: 'end', afterFinish: function() { this.viewLoading = false; }.bind(this) }); + $('kronolithView' + locCap).appear({ + duration: this.effectDur, + queue: 'end', + afterFinish: function() { + this.viewLoading = false; + }.bind(this) }); } $('kronolithLoading' + loc).insert($('kronolithLoading').remove()); this.updateMinical(this.date); @@ -344,7 +351,12 @@ KronolithCore = { default: if ($('kronolithView' + locCap)) { this.viewLoading = true; - $('kronolithView' + locCap).appear({ queue: 'end', afterFinish: function() { this.viewLoading = false; }.bind(this) }); + $('kronolithView' + locCap).appear({ + duration: this.effectDur, + queue: 'end', + afterFinish: function() { + this.viewLoading = false; + }.bind(this) }); } break; } @@ -403,7 +415,12 @@ KronolithCore = { }, this); }.bind(this)); this.viewLoading = true; - $('kronolithViewAgenda').appear({ queue: 'end', afterFinish: function() { this.viewLoading = false; }.bind(this) }); + $('kronolithViewAgenda').appear({ + duration: this.effectDur, + queue: 'end', + afterFinish: function() { + this.viewLoading = false; + }.bind(this) }); $('kronolithLoadingagenda').insert($('kronolithLoading').remove()); this.updateMinical(this.date); this.addHistory(fullloc); @@ -637,7 +654,10 @@ KronolithCore = { } }); if (this.view && this.view != loc) { - $('kronolithView' + this.view.capitalize()).fade({ queue: 'end' }); + $('kronolithView' + this.view.capitalize()).fade({ + duration: this.effectDur, + queue: 'end' + }); this.view = null; } }, @@ -2067,7 +2087,12 @@ KronolithCore = { } if ((this.tasktype == 'complete' && !task.cp) || ((this.tasktype == 'incomplete' || this.tasktype == 'future_incomplete') && task.cp)) { - row.fade({ afterFinish: function() { row.remove(); } }); + row.fade({ + duration: this.effectDur, + afterFinish: function() { + row.remove(); + } + }); } }, @@ -3159,7 +3184,7 @@ KronolithCore = { iframe = $('kronolithIframe'); } iframe.observe('load', function() { - view.appear({ queue: 'end' }); + view.appear({ duration: this.effectDur, queue: 'end' }); iframe.stopObserving('load'); }); iframe.src = loc; @@ -3204,7 +3229,7 @@ KronolithCore = { case Event.KEY_ESC: switch (form.identify()) { case 'kronolithQuickinsertForm': - $('kronolithQuickinsert').fade(); + $('kronolithQuickinsert').fade({ duration: this.effectDur }); break; case 'kronolithEventForm': this.closeRedBox(); @@ -3275,7 +3300,7 @@ KronolithCore = { case 'kronolithQuickEvent': this.updateCalendarDropDown('kronolithQuickinsertCalendars'); $('kronolithQuickinsert').appear({ - duration: 0.3, + duration: this.effectDur, afterFinish: function() { $('kronolithQuickinsertQ').focus(); } @@ -3289,7 +3314,7 @@ KronolithCore = { return; case 'kronolithQuickinsertCancel': - $('kronolithQuickinsert').fade(); + $('kronolithQuickinsert').fade({ duration: this.effectDur }); $('kronolithQuickinsertQ').value = ''; e.stop(); return; @@ -4150,7 +4175,7 @@ KronolithCore = { start = viewDates[0].dateString(), end = viewDates[1].dateString(); - $('kronolithQuickinsert').fade(); + $('kronolithQuickinsert').fade({ duration: this.effectDur }); this.startLoading(null, start + end); this.doAction('quickSaveEvent', $H({ text: text, -- 2.11.0