mirror of
https://github.com/vichan-devel/vichan.git
synced 2024-12-12 15:51:17 +01:00
86d99b332b
I pretty much had to rework this completely to get it into a usable state Reference ctrlcctrlv/infinity#424
73 lines
3.0 KiB
JavaScript
73 lines
3.0 KiB
JavaScript
$(document).ready(function(){
|
|
//Creating functions
|
|
var generateList = function(){
|
|
var favStor = [];
|
|
for(var i=1; i<favorites.length+1; i++){
|
|
favStor.push($("#sortable > div:nth-child("+i+")").html());
|
|
}
|
|
return favStor;
|
|
} //This will generate a list of boards based off of the list on the screen
|
|
function removeBoard(boardNumber){
|
|
favorites.splice(boardNumber, 1);
|
|
localStorage.favorites = JSON.stringify(favorites);
|
|
$("#sortable > div:nth-child("+(boardNumber+1)+")").remove();
|
|
$("#minusList > div:nth-child("+(favorites.length+1)+")").remove();
|
|
add_favorites();
|
|
} //This removes a board from favorites, localStorage.favorites and the page
|
|
function addBoard(){
|
|
$("#sortable").append("<div>"+($("#plusBox").val())+"</div>");
|
|
$("#minusList").append( $('<div data-board="'+favorites.length+'" style="cursor: pointer; margin-right: 5px">-</div>').on('click', function(e){removeBoard($(this).data('board'));}) );
|
|
favorites.push($("#plusBox").val());
|
|
localStorage.favorites = JSON.stringify(favorites);
|
|
$("#plusBox").val(""); //Removing text from textbox
|
|
add_favorites();
|
|
} //This adds the text inside the textbox to favorites, localStorage.favorites and the page
|
|
|
|
var favorites = JSON.parse(localStorage.favorites);
|
|
Options.add_tab('fav-tab','star',_("Favorites"));
|
|
|
|
//Pregenerating list of boards
|
|
var favList = $('<div id="sortable" style="cursor: pointer; display: inline-block">');
|
|
for(var i=0; i<favorites.length; i++){
|
|
favList.append( $('<div>'+favorites[i]+'</div>') );
|
|
}
|
|
|
|
//Creating list of minus symbols to remove unwanted boards
|
|
var minusList = $('<div id="minusList" style="color: #0000FF; display: inline-block">');
|
|
for(var i=0; i<favorites.length; i++){
|
|
minusList.append( $('<div data-board="'+i+'" style="cursor: pointer; margin-right: 5px">-</div>').on('click', function(e){removeBoard($(this).data('board'));}) );
|
|
}
|
|
|
|
//Help message so people understand how sorting boards works
|
|
$("<span>"+_("Drag the boards to sort them.")+"</span><br><br>").appendTo(Options.get_tab('fav-tab').content);
|
|
|
|
//Adding list of boards and minus symbols to remove boards with
|
|
$(minusList).appendTo(Options.get_tab('fav-tab').content); //Adding the list of minus symbols to the tab
|
|
$(favList).appendTo(Options.get_tab('fav-tab').content); //Adding the list of favorite boards to the tab
|
|
|
|
//Adding spacing and text box to right boards into
|
|
var addDiv = $("<div id='favs-add-board'>");
|
|
|
|
var plusBox = $("<input id=\"plusBox\" type=\"text\">").appendTo(addDiv);
|
|
plusBox.keydown(function( event ) {
|
|
if(event.keyCode == 13){
|
|
$("#plus").click();
|
|
}
|
|
});
|
|
|
|
//Adding plus symbol to use to add board
|
|
$("<div id=\"plus\">+</div>").css({
|
|
cursor: "pointer",
|
|
color: "#0000FF"
|
|
}).on('click', function(e){addBoard()}).appendTo(addDiv);
|
|
|
|
addDiv.appendTo(Options.get_tab('fav-tab').content); //Adding the plus button
|
|
|
|
favList.sortable(); //Making boards with sortable id use the sortable jquery function
|
|
favList.on('sortstop', function() {
|
|
favorites = generateList();
|
|
localStorage.favorites = JSON.stringify(favorites);
|
|
add_favorites();
|
|
});
|
|
});
|