deac/gitlabhq
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Reformat notes JS

Browse source
This commit is contained in:
Riyad Preukschas 2012-11-22 00:23:26 +01:00
parent d9b15fc17d
commit fac4e3f2e5
1 changed files with 167 additions and 179 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

346
app/assets/javascripts/notes.js
View file

@ -9,85 +9,84 @@ var NoteList = {
loading_more_disabled: false, loading_more_disabled: false,
reversed: false, reversed: false,
init: init: function(tid, tt, path) {
function(tid, tt, path) { this.notes_path = path + ".js";
this.notes_path = path + ".js"; this.target_id = tid;
this.target_id = tid; this.target_type = tt;
this.target_type = tt; this.reversed = $("#notes-list").is(".reversed");
this.reversed = $("#notes-list").is(".reversed"); this.target_params = "target_type=" + this.target_type + "&target_id=" + this.target_id;
this.target_params = "target_type=" + this.target_type + "&target_id=" + this.target_id;
if(this.reversed) { if(this.reversed) {
var textarea = $(".note-text"); var textarea = $(".note-text");
$('.note_advanced_opts').hide(); $('.note_advanced_opts').hide();
textarea.css("height", "40px"); textarea.css("height", "40px");
textarea.on("focus", function(){ textarea.on("focus", function(){
$(this).css("height", "80px"); $(this).css("height", "80px");
$('.note_advanced_opts').show(); $('.note_advanced_opts').show();
});
}
// get initial set of notes
this.getContent();
disableButtonIfEmptyField(".js-note-text", ".js-comment-button");
$("#note_attachment").change(function(e){
var val = $('.input-file').val();
var filename = val.replace(/^.*[\\\/]/, '');
$(".file_name").text(filename);
});
// Setup note preview
$(document).on('click', '#preview-link', function(e) {
$('#preview-note').text('Loading...');
$(this).text($(this).text() === "Edit" ? "Preview" : "Edit");
var note_text = $('#note_note').val();
if(note_text.trim().length === 0) {
$('#preview-note').text('Nothing to preview.');
} else {
$.post($(this).attr('href'), {note: note_text}).success(function(data) {
$('#preview-note').html(data);
}); });
} }
// get initial set of notes $('#preview-note, #note_note').toggle();
this.getContent(); });+
disableButtonIfEmptyField(".js-note-text", ".js-comment-button"); $(document).on("click",
".js-add-diff-note-button",
NoteList.addDiffNote);
$("#note_attachment").change(function(e){ // reply to diff notes
var val = $('.input-file').val(); $(document).on("click",
var filename = val.replace(/^.*[\\\/]/, ''); ".js-discussion-reply-button",
$(".file_name").text(filename); NoteList.replyToDiscussionNote);
});
// Setup note preview // hide diff note form
$(document).on('click', '#preview-link', function(e) { $(document).on("click",
$('#preview-note').text('Loading...'); ".js-close-discussion-note-form",
NoteList.removeDiscussionNoteForm);
$(this).text($(this).text() === "Edit" ? "Preview" : "Edit"); // do some specific housekeeping when removing a diff or discussion note
$(document).on("click",
".diff_file .js-note-delete," +
".discussion .js-note-delete",
NoteList.removeDiscussionNote);
var note_text = $('#note_note').val(); // remove a note (in general)
$(document).on("click",
".js-note-delete",
NoteList.removeNote);
if(note_text.trim().length === 0) { // clean up previews for forms
$('#preview-note').text('Nothing to preview.'); $(document).on("ajax:complete", ".note-form-holder", function(){
} else { $(this).find('#preview-note').hide();
$.post($(this).attr('href'), {note: note_text}).success(function(data) { $(this).find('#note_note').show();
$('#preview-note').html(data); });
}); },
}
$('#preview-note, #note_note').toggle();
});+
$(document).on("click",
".js-add-diff-note-button",
NoteList.addDiffNote);
// reply to diff notes
$(document).on("click",
".js-discussion-reply-button",
NoteList.replyToDiscussionNote);
// hide diff note form
$(document).on("click",
".js-close-discussion-note-form",
NoteList.removeDiscussionNoteForm);
// do some specific housekeeping when removing a diff or discussion note
$(document).on("click",
".diff_file .js-note-delete," +
".discussion .js-note-delete",
NoteList.removeDiscussionNote);
// remove a note (in general)
$(document).on("click",
".js-note-delete",
NoteList.removeNote);
// clean up previews for forms
$(document).on("ajax:complete", ".note-form-holder", function(){
$(this).find('#preview-note').hide();
$(this).find('#note_note').show();
});
},
/** /**
@ -232,35 +231,33 @@ var NoteList = {
/** /**
* Gets an inital set of notes. * Gets an inital set of notes.
*/ */
getContent: getContent: function() {
function() { $.ajax({
$.ajax({ url: this.notes_path,
url: this.notes_path, data: this.target_params,
data: this.target_params, complete: function(){ $('.notes-status').removeClass("loading")},
complete: function(){ $('.notes-status').removeClass("loading")}, beforeSend: function() { $('.notes-status').addClass("loading") },
beforeSend: function() { $('.notes-status').addClass("loading") }, dataType: "script"
dataType: "script" });
}); },
},
/** /**
* Called in response to getContent(). * Called in response to getContent().
* Replaces the content of #notes-list with the given html. * Replaces the content of #notes-list with the given html.
*/ */
setContent: setContent: function(newNoteIds, html) {
function(newNoteIds, html) { this.top_id = newNoteIds.first();
this.top_id = newNoteIds.first(); this.bottom_id = newNoteIds.last();
this.bottom_id = newNoteIds.last(); $("#notes-list").html(html);
$("#notes-list").html(html);
if (this.reversed) { if (this.reversed) {
// init infinite scrolling // init infinite scrolling
this.initLoadMore(); this.initLoadMore();
// init getting new notes // init getting new notes
this.initRefreshNew(); this.initRefreshNew();
} }
}, },
/** /**
@ -274,66 +271,62 @@ var NoteList = {
/** /**
* Initializes loading more notes when scrolling to the bottom of the page. * Initializes loading more notes when scrolling to the bottom of the page.
*/ */
initLoadMore: initLoadMore: function() {
function() { $(document).endlessScroll({
$(document).endlessScroll({ bottomPixels: 400,
bottomPixels: 400, fireDelay: 1000,
fireDelay: 1000, fireOnce:true,
fireOnce:true, ceaseFire: function() {
ceaseFire: function() { return NoteList.loading_more_disabled;
return NoteList.loading_more_disabled; },
}, callback: function(i) {
callback: function(i) { NoteList.getMore();
NoteList.getMore(); }
} });
}); },
},
/** /**
* Gets an additional set of notes. * Gets an additional set of notes.
*/ */
getMore: getMore: function() {
function() { // only load more notes if there are no "new" notes
// only load more notes if there are no "new" notes $('.loading').show();
$('.loading').show(); $.ajax({
$.ajax({ url: this.notes_path,
url: this.notes_path, data: this.target_params + "&loading_more=1&" + (this.reversed ? "before_id" : "after_id") + "=" + this.bottom_id,
data: this.target_params + "&loading_more=1&" + (this.reversed ? "before_id" : "after_id") + "=" + this.bottom_id, complete: function(){ $('.notes-status').removeClass("loading")},
complete: function(){ $('.notes-status').removeClass("loading")}, beforeSend: function() { $('.notes-status').addClass("loading") },
beforeSend: function() { $('.notes-status').addClass("loading") }, dataType: "script"
dataType: "script" });
}); },
},
/** /**
* Called in response to getMore(). * Called in response to getMore().
* Append notes to #notes-list. * Append notes to #notes-list.
*/ */
appendMoreNotes: appendMoreNotes: function(newNoteIds, html) {
function(newNoteIds, html) { var lastNewNoteId = newNoteIds.last();
var lastNewNoteId = newNoteIds.last(); if(lastNewNoteId != this.bottom_id) {
if(lastNewNoteId != this.bottom_id) { this.bottom_id = lastNewNoteId;
this.bottom_id = lastNewNoteId; $("#notes-list").append(html);
$("#notes-list").append(html); }
} },
},
/** /**
* Called in response to getMore(). * Called in response to getMore().
* Disables loading more notes when scrolling to the bottom of the page. * Disables loading more notes when scrolling to the bottom of the page.
* Initalizes refreshing new notes. * Initalizes refreshing new notes.
*/ */
finishedLoadingMore: finishedLoadingMore: function() {
function() { this.loading_more_disabled = true;
this.loading_more_disabled = true;
// from now on only get new notes // from now on only get new notes
if (!this.reversed) { if (!this.reversed) {
this.initRefreshNew(); this.initRefreshNew();
} }
// make sure we are up to date // make sure we are up to date
this.updateVotes(); this.updateVotes();
}, },
/** /**
@ -348,45 +341,41 @@ var NoteList = {
/** /**
* Initializes getting new notes every n seconds. * Initializes getting new notes every n seconds.
*/ */
initRefreshNew: initRefreshNew: function() {
function() { setInterval("NoteList.getNew()", 10000);
setInterval("NoteList.getNew()", 10000); },
},
/** /**
* Gets the new set of notes. * Gets the new set of notes.
*/ */
getNew: getNew: function() {
function() { $.ajax({
$.ajax({ url: this.notes_path,
url: this.notes_path, data: this.target_params + "&loading_new=1&after_id=" + (this.reversed ? this.top_id : this.bottom_id),
data: this.target_params + "&loading_new=1&after_id=" + (this.reversed ? this.top_id : this.bottom_id), dataType: "script"
dataType: "script" });
}); },
},
/** /**
* Called in response to getNew(). * Called in response to getNew().
* Replaces the content of #new-notes-list with the given html. * Replaces the content of #new-notes-list with the given html.
*/ */
replaceNewNotes: replaceNewNotes: function(newNoteIds, html) {
function(newNoteIds, html) { $("#new-notes-list").html(html);
$("#new-notes-list").html(html); this.updateVotes();
this.updateVotes(); },
},
/** /**
* Adds a single note to #new-notes-list. * Adds a single note to #new-notes-list.
*/ */
appendNewNote: appendNewNote: function(id, html) {
function(id, html) { if (this.reversed) {
if (this.reversed) { $("#notes-list").prepend(html);
$("#notes-list").prepend(html); } else {
} else { $("#notes-list").append(html);
$("#notes-list").append(html); }
} this.updateVotes();
this.updateVotes(); },
},
/** /**
* Recalculates the votes and updates them (if they are displayed at all). * Recalculates the votes and updates them (if they are displayed at all).
@ -396,25 +385,24 @@ var NoteList = {
* Might produce inaccurate results when not all notes have been loaded and a * Might produce inaccurate results when not all notes have been loaded and a
* recalculation is triggered (e.g. when deleting a note). * recalculation is triggered (e.g. when deleting a note).
*/ */
updateVotes: updateVotes: function() {
function() { var votes = $("#votes .votes");
var votes = $("#votes .votes"); var notes = $("#notes-list").find(".note .vote");
var notes = $("#notes-list, #new-notes-list").find(".note .vote");
// only update if there is a vote display // only update if there is a vote display
if (votes.size()) { if (votes.size()) {
var upvotes = notes.filter(".upvote").size(); var upvotes = notes.filter(".upvote").size();
var downvotes = notes.filter(".downvote").size(); var downvotes = notes.filter(".downvote").size();
var votesCount = upvotes + downvotes; var votesCount = upvotes + downvotes;
var upvotesPercent = votesCount ? (100.0 / votesCount * upvotes) : 0; var upvotesPercent = votesCount ? (100.0 / votesCount * upvotes) : 0;
var downvotesPercent = votesCount ? (100.0 - upvotesPercent) : 0; var downvotesPercent = votesCount ? (100.0 - upvotesPercent) : 0;
// change vote bar lengths // change vote bar lengths
votes.find(".bar-success").css("width", upvotesPercent+"%"); votes.find(".bar-success").css("width", upvotesPercent+"%");
votes.find(".bar-danger").css("width", downvotesPercent+"%"); votes.find(".bar-danger").css("width", downvotesPercent+"%");
// replace vote numbers // replace vote numbers
votes.find(".upvotes").text(votes.find(".upvotes").text().replace(/\d+/, upvotes)); votes.find(".upvotes").text(votes.find(".upvotes").text().replace(/\d+/, upvotes));
votes.find(".downvotes").text(votes.find(".downvotes").text().replace(/\d+/, downvotes)); votes.find(".downvotes").text(votes.find(".downvotes").text().replace(/\d+/, downvotes));
}
} }
}
}; };