515 lines
13 KiB
JavaScript
515 lines
13 KiB
JavaScript
/**
|
|
* Copyright 2009 Google Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS-IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
|
|
var padsavedrevs = (function()
|
|
{
|
|
|
|
function reversedCopy(L)
|
|
{
|
|
var L2 = L.slice();
|
|
L2.reverse();
|
|
return L2;
|
|
}
|
|
|
|
function makeRevisionBox(revisionInfo, rnum)
|
|
{
|
|
var box = $('<div class="srouterbox">' + '<div class="srinnerbox">' + '<a href="javascript:void(0)" class="srname"><!-- --></a>' + '<div class="sractions"><a class="srview" href="javascript:void(0)" target="_blank">view</a> | <a class="srrestore" href="javascript:void(0)">restore</a></div>' + '<div class="srtime"><!-- --></div>' + '<div class="srauthor"><!-- --></div>' + '<img class="srtwirly" src="static/img/misc/status-ball.gif">' + '</div></div>');
|
|
setBoxLabel(box, revisionInfo.label);
|
|
setBoxTimestamp(box, revisionInfo.timestamp);
|
|
box.find(".srauthor").html("by " + padutils.escapeHtml(revisionInfo.savedBy));
|
|
var viewLink = '/ep/pad/view/' + pad.getPadId() + '/' + revisionInfo.id;
|
|
box.find(".srview").attr('href', viewLink);
|
|
var restoreLink = 'javascript:void padsavedrevs.restoreRevision(' + rnum + ');';
|
|
box.find(".srrestore").attr('href', restoreLink);
|
|
box.find(".srname").click(function(evt)
|
|
{
|
|
editRevisionLabel(rnum, box);
|
|
});
|
|
return box;
|
|
}
|
|
|
|
function setBoxLabel(box, label)
|
|
{
|
|
box.find(".srname").html(padutils.escapeHtml(label)).attr('title', label);
|
|
}
|
|
|
|
function setBoxTimestamp(box, timestamp)
|
|
{
|
|
box.find(".srtime").html(padutils.escapeHtml(
|
|
padutils.timediff(new Date(timestamp))));
|
|
}
|
|
|
|
function getNthBox(n)
|
|
{
|
|
return $("#savedrevisions .srouterbox").eq(n);
|
|
}
|
|
|
|
function editRevisionLabel(rnum, box)
|
|
{
|
|
var input = $('<input type="text" class="srnameedit"/>');
|
|
box.find(".srnameedit").remove(); // just in case
|
|
var label = box.find(".srname");
|
|
input.width(label.width());
|
|
input.height(label.height());
|
|
input.css('top', label.position().top);
|
|
input.css('left', label.position().left);
|
|
label.after(input);
|
|
label.css('opacity', 0);
|
|
|
|
function endEdit()
|
|
{
|
|
input.remove();
|
|
label.css('opacity', 1);
|
|
}
|
|
var rev = currentRevisionList[rnum];
|
|
var oldLabel = rev.label;
|
|
input.blur(function()
|
|
{
|
|
var newLabel = input.val();
|
|
if (newLabel && newLabel != oldLabel)
|
|
{
|
|
relabelRevision(rnum, newLabel);
|
|
}
|
|
endEdit();
|
|
});
|
|
input.val(rev.label).focus().select();
|
|
padutils.bindEnterAndEscape(input, function onEnter()
|
|
{
|
|
input.blur();
|
|
}, function onEscape()
|
|
{
|
|
input.val('').blur();
|
|
});
|
|
}
|
|
|
|
function relabelRevision(rnum, newLabel)
|
|
{
|
|
var rev = currentRevisionList[rnum];
|
|
$.ajax(
|
|
{
|
|
type: 'post',
|
|
url: '/ep/pad/saverevisionlabel',
|
|
data: {
|
|
userId: pad.getUserId(),
|
|
padId: pad.getPadId(),
|
|
revId: rev.id,
|
|
newLabel: newLabel
|
|
},
|
|
success: success,
|
|
error: error
|
|
});
|
|
|
|
function success(text)
|
|
{
|
|
var newRevisionList = JSON.parse(text);
|
|
self.newRevisionList(newRevisionList);
|
|
pad.sendClientMessage(
|
|
{
|
|
type: 'revisionLabel',
|
|
revisionList: reversedCopy(currentRevisionList),
|
|
savedBy: pad.getUserName(),
|
|
newLabel: newLabel
|
|
});
|
|
}
|
|
|
|
function error(e)
|
|
{
|
|
alert("Oops! There was an error saving that revision label. Please try again later.");
|
|
}
|
|
}
|
|
|
|
var currentRevisionList = [];
|
|
|
|
function setRevisionList(newRevisionList, noAnimation)
|
|
{
|
|
// deals with changed labels and new added revisions
|
|
for (var i = 0; i < currentRevisionList.length; i++)
|
|
{
|
|
var a = currentRevisionList[i];
|
|
var b = newRevisionList[i];
|
|
if (b.label != a.label)
|
|
{
|
|
setBoxLabel(getNthBox(i), b.label);
|
|
}
|
|
}
|
|
for (var j = currentRevisionList.length; j < newRevisionList.length; j++)
|
|
{
|
|
var newBox = makeRevisionBox(newRevisionList[j], j);
|
|
$("#savedrevs-scrollinner").append(newBox);
|
|
newBox.css('left', j * REVISION_BOX_WIDTH);
|
|
}
|
|
var newOnes = (newRevisionList.length > currentRevisionList.length);
|
|
currentRevisionList = newRevisionList;
|
|
if (newOnes)
|
|
{
|
|
setDesiredScroll(getMaxScroll());
|
|
if (noAnimation)
|
|
{
|
|
setScroll(desiredScroll);
|
|
}
|
|
|
|
if (!noAnimation)
|
|
{
|
|
var nameOfLast = currentRevisionList[currentRevisionList.length - 1].label;
|
|
displaySavedTip(nameOfLast);
|
|
}
|
|
}
|
|
}
|
|
|
|
function refreshRevisionList()
|
|
{
|
|
for (var i = 0; i < currentRevisionList.length; i++)
|
|
{
|
|
var r = currentRevisionList[i];
|
|
var box = getNthBox(i);
|
|
setBoxTimestamp(box, r.timestamp);
|
|
}
|
|
}
|
|
|
|
var savedTipAnimator = padutils.makeShowHideAnimator(function(state)
|
|
{
|
|
if (state == -1)
|
|
{
|
|
$("#revision-notifier").css('opacity', 0).css('display', 'block');
|
|
}
|
|
else if (state == 0)
|
|
{
|
|
$("#revision-notifier").css('opacity', 1);
|
|
}
|
|
else if (state == 1)
|
|
{
|
|
$("#revision-notifier").css('opacity', 0).css('display', 'none');
|
|
}
|
|
else if (state < 0)
|
|
{
|
|
$("#revision-notifier").css('opacity', 1);
|
|
}
|
|
else if (state > 0)
|
|
{
|
|
$("#revision-notifier").css('opacity', 1 - state);
|
|
}
|
|
}, false, 25, 300);
|
|
|
|
function displaySavedTip(text)
|
|
{
|
|
$("#revision-notifier .name").html(padutils.escapeHtml(text));
|
|
savedTipAnimator.show();
|
|
padutils.cancelActions("hide-revision-notifier");
|
|
var hideLater = padutils.getCancellableAction("hide-revision-notifier", function()
|
|
{
|
|
savedTipAnimator.hide();
|
|
});
|
|
window.setTimeout(hideLater, 3000);
|
|
}
|
|
|
|
var REVISION_BOX_WIDTH = 120;
|
|
var curScroll = 0; // distance between left of revisions and right of view
|
|
var desiredScroll = 0;
|
|
|
|
function getScrollWidth()
|
|
{
|
|
return REVISION_BOX_WIDTH * currentRevisionList.length;
|
|
}
|
|
|
|
function getViewportWidth()
|
|
{
|
|
return $("#savedrevs-scrollouter").width();
|
|
}
|
|
|
|
function getMinScroll()
|
|
{
|
|
return Math.min(getViewportWidth(), getScrollWidth());
|
|
}
|
|
|
|
function getMaxScroll()
|
|
{
|
|
return getScrollWidth();
|
|
}
|
|
|
|
function setScroll(newScroll)
|
|
{
|
|
curScroll = newScroll;
|
|
$("#savedrevs-scrollinner").css('right', newScroll);
|
|
updateScrollArrows();
|
|
}
|
|
|
|
function setDesiredScroll(newDesiredScroll, dontUpdate)
|
|
{
|
|
desiredScroll = Math.min(getMaxScroll(), Math.max(getMinScroll(), newDesiredScroll));
|
|
if (!dontUpdate)
|
|
{
|
|
updateScroll();
|
|
}
|
|
}
|
|
|
|
function updateScroll()
|
|
{
|
|
updateScrollArrows();
|
|
scrollAnimator.scheduleAnimation();
|
|
}
|
|
|
|
function updateScrollArrows()
|
|
{
|
|
$("#savedrevs-scrollleft").toggleClass("disabledscrollleft", desiredScroll <= getMinScroll());
|
|
$("#savedrevs-scrollright").toggleClass("disabledscrollright", desiredScroll >= getMaxScroll());
|
|
}
|
|
var scrollAnimator = padutils.makeAnimationScheduler(function()
|
|
{
|
|
setDesiredScroll(desiredScroll, true); // re-clamp
|
|
if (Math.abs(desiredScroll - curScroll) < 1)
|
|
{
|
|
setScroll(desiredScroll);
|
|
return false;
|
|
}
|
|
else
|
|
{
|
|
setScroll(curScroll + (desiredScroll - curScroll) * 0.5);
|
|
return true;
|
|
}
|
|
}, 50, 2);
|
|
|
|
var isSaving = false;
|
|
|
|
function setIsSaving(v)
|
|
{
|
|
isSaving = v;
|
|
rerenderButton();
|
|
}
|
|
|
|
function haveReachedRevLimit()
|
|
{
|
|
var mv = pad.getPrivilege('maxRevisions');
|
|
return (!(mv < 0 || mv > currentRevisionList.length));
|
|
}
|
|
|
|
function rerenderButton()
|
|
{
|
|
if (isSaving || (!pad.isFullyConnected()) || haveReachedRevLimit())
|
|
{
|
|
$("#savedrevs-savenow").css('opacity', 0.75);
|
|
}
|
|
else
|
|
{
|
|
$("#savedrevs-savenow").css('opacity', 1);
|
|
}
|
|
}
|
|
|
|
var scrollRepeatTimer = null;
|
|
var scrollStartTime = 0;
|
|
|
|
function setScrollRepeatTimer(dir)
|
|
{
|
|
clearScrollRepeatTimer();
|
|
scrollStartTime = +new Date;
|
|
scrollRepeatTimer = window.setTimeout(function f()
|
|
{
|
|
if (!scrollRepeatTimer)
|
|
{
|
|
return;
|
|
}
|
|
self.scroll(dir);
|
|
var scrollTime = (+new Date) - scrollStartTime;
|
|
var delay = (scrollTime > 2000 ? 50 : 300);
|
|
scrollRepeatTimer = window.setTimeout(f, delay);
|
|
}, 300);
|
|
$(document).bind('mouseup', clearScrollRepeatTimer);
|
|
}
|
|
|
|
function clearScrollRepeatTimer()
|
|
{
|
|
if (scrollRepeatTimer)
|
|
{
|
|
window.clearTimeout(scrollRepeatTimer);
|
|
scrollRepeatTimer = null;
|
|
}
|
|
$(document).unbind('mouseup', clearScrollRepeatTimer);
|
|
}
|
|
|
|
var self = {
|
|
init: function(initialRevisions)
|
|
{
|
|
self.newRevisionList(initialRevisions, true);
|
|
|
|
$("#savedrevs-savenow").click(function()
|
|
{
|
|
self.saveNow();
|
|
});
|
|
$("#savedrevs-scrollleft").mousedown(function()
|
|
{
|
|
self.scroll('left');
|
|
setScrollRepeatTimer('left');
|
|
});
|
|
$("#savedrevs-scrollright").mousedown(function()
|
|
{
|
|
self.scroll('right');
|
|
setScrollRepeatTimer('right');
|
|
});
|
|
$("#savedrevs-close").click(function()
|
|
{
|
|
paddocbar.setShownPanel(null);
|
|
});
|
|
|
|
// update "saved n minutes ago" times
|
|
window.setInterval(function()
|
|
{
|
|
refreshRevisionList();
|
|
}, 60 * 1000);
|
|
},
|
|
restoreRevision: function(rnum)
|
|
{
|
|
var rev = currentRevisionList[rnum];
|
|
var warning = ("Restoring this revision will overwrite the current" + " text of the pad. " + "Are you sure you want to continue?");
|
|
var hidePanel = paddocbar.hideLaterIfNoOtherInteraction();
|
|
var box = getNthBox(rnum);
|
|
if (confirm(warning))
|
|
{
|
|
box.find(".srtwirly").show();
|
|
$.ajax(
|
|
{
|
|
type: 'get',
|
|
url: '/ep/pad/getrevisionatext',
|
|
data: {
|
|
padId: pad.getPadId(),
|
|
revId: rev.id
|
|
},
|
|
success: success,
|
|
error: error
|
|
});
|
|
}
|
|
|
|
function success(resultJson)
|
|
{
|
|
untwirl();
|
|
var result = JSON.parse(resultJson);
|
|
padeditor.restoreRevisionText(result);
|
|
window.setTimeout(function()
|
|
{
|
|
hidePanel();
|
|
}, 0);
|
|
}
|
|
|
|
function error(e)
|
|
{
|
|
untwirl();
|
|
alert("Oops! There was an error retreiving the text (revNum= " + rev.revNum + "; padId=" + pad.getPadId());
|
|
}
|
|
|
|
function untwirl()
|
|
{
|
|
box.find(".srtwirly").hide();
|
|
}
|
|
},
|
|
showReachedLimit: function()
|
|
{
|
|
alert("Sorry, you do not have privileges to save more than " + pad.getPrivilege('maxRevisions') + " revisions.");
|
|
},
|
|
newRevisionList: function(lst, noAnimation)
|
|
{
|
|
// server gives us list with newest first;
|
|
// we want chronological order
|
|
var L = reversedCopy(lst);
|
|
setRevisionList(L, noAnimation);
|
|
rerenderButton();
|
|
},
|
|
saveNow: function()
|
|
{
|
|
if (isSaving)
|
|
{
|
|
return;
|
|
}
|
|
if (!pad.isFullyConnected())
|
|
{
|
|
return;
|
|
}
|
|
if (haveReachedRevLimit())
|
|
{
|
|
self.showReachedLimit();
|
|
return;
|
|
}
|
|
setIsSaving(true);
|
|
var savedBy = pad.getUserName() || "unnamed";
|
|
pad.callWhenNotCommitting(submitSave);
|
|
|
|
function submitSave()
|
|
{
|
|
$.ajax(
|
|
{
|
|
type: 'post',
|
|
url: '/ep/pad/saverevision',
|
|
data: {
|
|
padId: pad.getPadId(),
|
|
savedBy: savedBy,
|
|
savedById: pad.getUserId(),
|
|
revNum: pad.getCollabRevisionNumber()
|
|
},
|
|
success: success,
|
|
error: error
|
|
});
|
|
}
|
|
|
|
function success(text)
|
|
{
|
|
setIsSaving(false);
|
|
var newRevisionList = JSON.parse(text);
|
|
self.newRevisionList(newRevisionList);
|
|
pad.sendClientMessage(
|
|
{
|
|
type: 'newRevisionList',
|
|
revisionList: newRevisionList,
|
|
savedBy: savedBy
|
|
});
|
|
}
|
|
|
|
function error(e)
|
|
{
|
|
setIsSaving(false);
|
|
alert("Oops! The server failed to save the revision. Please try again later.");
|
|
}
|
|
},
|
|
handleResizePage: function()
|
|
{
|
|
updateScrollArrows();
|
|
},
|
|
handleIsFullyConnected: function(isConnected)
|
|
{
|
|
rerenderButton();
|
|
},
|
|
scroll: function(dir)
|
|
{
|
|
var minScroll = getMinScroll();
|
|
var maxScroll = getMaxScroll();
|
|
if (dir == 'left')
|
|
{
|
|
if (desiredScroll > minScroll)
|
|
{
|
|
var n = Math.floor((desiredScroll - 1 - minScroll) / REVISION_BOX_WIDTH);
|
|
setDesiredScroll(Math.max(0, n) * REVISION_BOX_WIDTH + minScroll);
|
|
}
|
|
}
|
|
else if (dir == 'right')
|
|
{
|
|
if (desiredScroll < maxScroll)
|
|
{
|
|
var n = Math.floor((maxScroll - desiredScroll - 1) / REVISION_BOX_WIDTH);
|
|
setDesiredScroll(maxScroll - Math.max(0, n) * REVISION_BOX_WIDTH);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
return self;
|
|
}());
|