Bookmarks 0.1.55: add support to IITC_MOBILE
- the plugin work on mobile (the open/close folders script is disabled); - add a category plugin: "Controls"; - fixed on firefox accidental click event on the bookmark's link when the bookmark is dragged - edit z-index of the ribbon: now it's shown below the chat;
This commit is contained in:
Giacinto Garcea
@ -1,7 +1,8 @@
|
||||
// ==UserScript==
|
||||
// @id iitc-plugin-bookmarks@zaso
|
||||
// @id iitc-plugin-bookmarks@ZasoGD
|
||||
// @name IITC plugin: Bookmarks for maps and portals
|
||||
// @version 0.1.3.@@DATETIMEVERSION@@
|
||||
// @category Controls
|
||||
// @version 0.1.55.@@DATETIMEVERSION@@
|
||||
// @namespace https://github.com/jonatkins/ingress-intel-total-conversion
|
||||
// @updateURL @@UPDATEURL@@
|
||||
// @downloadURL @@DOWNLOADURL@@
|
||||
@ -13,58 +14,66 @@
|
||||
// ==/UserScript==
|
||||
|
||||
function wrapper() {
|
||||
// ensure plugin framework is there, even if iitc is not yet loaded
|
||||
if(typeof window.plugin !== 'function') window.plugin = function(){};
|
||||
// ensure plugin framework is there, even if iitc is not yet loaded
|
||||
if(typeof window.plugin !== 'function') window.plugin = function(){};
|
||||
|
||||
// PLUGIN START ////////////////////////////////////////////////////////
|
||||
|
||||
// PLUGIN START ////////////////////////////////////////////////////////
|
||||
// use own namespace for plugin
|
||||
window.plugin.bookmarks = function(){};
|
||||
window.plugin.bookmarks = function() {};
|
||||
window.plugin.bookmarks.bkmrk_portals = {};
|
||||
window.plugin.bookmarks.bkmrk_maps = {};
|
||||
|
||||
window.plugin.bookmarks.disabledMessage;
|
||||
window.plugin.bookmarks.contentStarHTML;
|
||||
|
||||
window.plugin.bookmarks.KEY_OTHER_BKMRK = 'idOthers';
|
||||
window.plugin.bookmarks.LOCAL_STORAGE_status_box = 'plugin-bookmarks-status-box';
|
||||
window.plugin.bookmarks.LOCAL_STORAGE_bkmrk_portals = 'plugin-bookmarks-portals-data';
|
||||
window.plugin.bookmarks.LOCAL_STORAGE_bkmrk_maps = 'plugin-bookmarks-maps-data';
|
||||
|
||||
window.plugin.bookmarks.bkmrk_portals = {};
|
||||
window.plugin.bookmarks.bkmrk_maps = {};
|
||||
/*********************************************************************************************************************/
|
||||
|
||||
window.plugin.bookmarks.disabledMessage;
|
||||
window.plugin.bookmarks.contentStarHTML;
|
||||
window.plugin.bookmarks.bkmrkBox;
|
||||
window.plugin.bookmarks.bkmrkRibbon;
|
||||
window.plugin.bookmarks.loadList;
|
||||
window.plugin.bookmarks.setupJS;
|
||||
|
||||
/***************************************************************************************************************************************************************/
|
||||
|
||||
window.plugin.bookmarks.addStarToSidebar = function(){
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Append a 'star' flag in sidebar.
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.addToSidebar = function(){
|
||||
if(typeof(Storage) === "undefined"){ $('#portaldetails > .imgpreview').after(plugin.bookmarks.disabledMessage); return; }
|
||||
var title = $('#portaldetails > h3').text();
|
||||
$('#portaldetails > h3').html(plugin.bookmarks.contentStarHTML+title);
|
||||
$('#portaldetails > h3.title').before(plugin.bookmarks.contentStarHTML);
|
||||
plugin.bookmarks.updateStarPortal();
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Update the status of the star (when a portal is selected from the map/bookmarks-list)
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.updateStarPortal = function(){
|
||||
window.plugin.bookmarks.loadBookmarks('bkmrk_portals');
|
||||
var guid = window.selectedPortal;
|
||||
var list = plugin.bookmarks['bkmrk_portals'];
|
||||
$('#bookmarkStar').removeClass('favorite');
|
||||
$('.bkmrk a.bookmarksLink.selected').removeClass('selected');
|
||||
|
||||
//If current portal is into bookmarks: select bookmark portal from portals list and select the star in sideabar
|
||||
for(var idFolders in list){
|
||||
for(var idBkmrk in list[idFolders]['bkmrk']){
|
||||
var portalGuid = list[idFolders]['bkmrk'][idBkmrk]['guid'];
|
||||
if(guid == portalGuid){
|
||||
$('#bookmarkStar').addClass('favorite');
|
||||
$('.bkmrk#'+idBkmrk+' a.bookmarksLink').addClass('selected');
|
||||
}
|
||||
}
|
||||
//If current portal is into bookmarks: select bookmark portal from portals list and select the star
|
||||
if(localStorage[window.plugin.bookmarks.LOCAL_STORAGE_bkmrk_portals].search(guid) != -1){
|
||||
$('#bookmarkStar').addClass('favorite');
|
||||
var list = plugin.bookmarks['bkmrk_portals'];
|
||||
for(var idFolders in list){
|
||||
for(var idBkmrk in list[idFolders]['bkmrk']){
|
||||
var portalGuid = list[idFolders]['bkmrk'][idBkmrk]['guid'];
|
||||
if(guid == portalGuid){
|
||||
$('.bkmrk#'+idBkmrk+' a.bookmarksLink').addClass('selected');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Switch the status of the star
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.switchStarPortal = function(){
|
||||
var guid = window.selectedPortal;
|
||||
|
||||
//Remove portal from bookmarks
|
||||
//If portal is saved in bookmarks: Remove this bookmark
|
||||
if($('#bookmarkStar').hasClass('favorite')){
|
||||
var list = plugin.bookmarks['bkmrk_portals'];
|
||||
|
||||
@ -78,22 +87,29 @@ function wrapper() {
|
||||
}
|
||||
}
|
||||
}
|
||||
//Add portal into bookmarks
|
||||
//If portal isn't saved in bookmarks: Add this bookmark
|
||||
else{
|
||||
// Get the bookmark data (name, coordinates, portal id) from the portal link
|
||||
var linka = $('#portaldetails .linkdetails aside a:contains("Portal link")').attr('href');
|
||||
var namePortal = $('#portaldetails h3').text();
|
||||
|
||||
var ID = window.plugin.bookmarks.generateID();
|
||||
|
||||
var spac = linka.split('pll=');
|
||||
var latlng = spac[1] ;
|
||||
|
||||
// Add bookmark in the localStorage
|
||||
plugin.bookmarks['bkmrk_portals'][plugin.bookmarks.KEY_OTHER_BKMRK]['bkmrk'][ID] = {"guid":guid,"latlng":latlng,"label":namePortal};
|
||||
//Append the new bookmark to the map list
|
||||
$('#bkmrk_portals li.othersBookmarks ul').append('<li class="bkmrk" id="'+ID+'"><a class="bookmarksRemoveFrom" title="Remove from bookmarks">X</a><a class="bookmarksLink selected" onclick="window.zoomToAndShowPortal(\''+guid+'\', ['+latlng+']);return false;">'+namePortal+'</a></li>');
|
||||
}
|
||||
window.plugin.bookmarks.storeBookmarks('bkmrk_portals');
|
||||
window.plugin.bookmarks.updateStarPortal();
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Save a bookmark map
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.addBookmarkMap = function(elem){
|
||||
// Get the coordinates and zoom level from the permalink
|
||||
var mapLink = $(elem).attr('href');
|
||||
var pars = new RegExp('[\\?&]ll=([^&#]*)[&]z=([^&#]*)').exec(mapLink);
|
||||
var res = pars[1].split(',');
|
||||
@ -103,21 +119,25 @@ function wrapper() {
|
||||
|
||||
var ID = window.plugin.bookmarks.generateID();
|
||||
|
||||
//Get the label | Convert some characters | Set the input (empty)
|
||||
var nameMap = $(elem).siblings('input').val();
|
||||
nameMap = nameMap.replace(/\//g, '/').replace(/\\/g, '\').replace(/"/g, '"').replace(/"/g, ''');
|
||||
$(elem).siblings('input').val('');
|
||||
|
||||
if(nameMap == ''){ nameMap = ''; }
|
||||
$(elem).siblings('input').val('');
|
||||
|
||||
// Add bookmark in the localStorage
|
||||
plugin.bookmarks['bkmrk_maps'][plugin.bookmarks.KEY_OTHER_BKMRK]['bkmrk'][ID] = {"label":nameMap,"latlng":latlng,"z":parseInt(zoom)};
|
||||
plugin.bookmarks.storeBookmarks('bkmrk_maps');
|
||||
|
||||
//Append the new bookmark to the map list
|
||||
if(nameMap==''){ nameMap = latlng+' ['+zoom+']'; }
|
||||
$('#bkmrk_maps li.othersBookmarks ul').append('<li class="bkmrk" id="'+ID+'"><a class="bookmarksRemoveFrom" title="Remove from bookmarks">X</a><a class="bookmarksLink" onclick="map.setView(['+latlng+'], '+zoom+');return false;">'+nameMap+'</a></li>');
|
||||
}
|
||||
|
||||
/***************************************************************************************************************************************************************/
|
||||
/*********************************************************************************************************************/
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Generate an ID for the bookmark (date time + random number)
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.generateID = function(){
|
||||
var d = new Date();
|
||||
var ID = d.getTime()+(Math.floor(Math.random()*99)+1);
|
||||
@ -125,6 +145,9 @@ function wrapper() {
|
||||
return ID;
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Switch the status folder to open/close (in the localStorage)
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.openFolder = function(elem){
|
||||
var typeList = $(elem).parent().parent().parent().parent('div').attr('id');
|
||||
var ID = $(elem).parent().parent('li').attr('id');
|
||||
@ -135,19 +158,29 @@ function wrapper() {
|
||||
window.plugin.bookmarks[typeList][ID]['state'] = newFlag;
|
||||
window.plugin.bookmarks.storeBookmarks(typeList);
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Switch the status folder to open/close (in the localStorage)
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.addFolder = function(typeList){
|
||||
var ID = window.plugin.bookmarks.generateID();
|
||||
var input = '#'+typeList+' .addForm input';
|
||||
//Get the label | Convert some characters | Set the input (empty)
|
||||
var nameFolder = $(input).val();
|
||||
nameFolder = nameFolder.replace(/\//g, '/').replace(/\\/g, '\').replace(/"/g, '"').replace(/"/g, ''');
|
||||
if(nameFolder == ''){ nameFolder = 'Folder'; }
|
||||
$(input).val('');
|
||||
|
||||
plugin.bookmarks[typeList][ID] = {"label":nameFolder,"state":0,"bkmrk":{}};
|
||||
// Add new folder in the localStorage
|
||||
plugin.bookmarks[typeList][ID] = {"label":nameFolder,"state":1,"bkmrk":{}};
|
||||
plugin.bookmarks.storeBookmarks(typeList);
|
||||
|
||||
$('#'+typeList+' li.othersBookmarks').before('<li class="bookmarkFolder" id="'+ID+'"><span class="folderLabel"><a class="bookmarksRemoveFrom">X</a><a class="bookmarksAnchor"><span></span>'+nameFolder+'</a><span><span></span></span></span><ul></ul></li>');
|
||||
//Append the new folder to the list
|
||||
$('#'+typeList+' li.othersBookmarks').before('<li class="bookmarkFolder active" id="'+ID+'"><span class="folderLabel"><a class="bookmarksRemoveFrom">X</a><a class="bookmarksAnchor"><span></span>'+nameFolder+'</a><span><span></span></span></span><ul></ul></li>');
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Remove the bookmark (from the localStorage)
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.deletBookmark = function(elem){
|
||||
var typeList = $(elem).parent().parent().parent().parent().parent('div').attr('id');
|
||||
var ID = $(elem).parent('li').attr('id');
|
||||
@ -156,6 +189,10 @@ function wrapper() {
|
||||
window.plugin.bookmarks.storeBookmarks(typeList);
|
||||
if(typeList == 'bkmrk_portals'){ window.plugin.bookmarks.updateStarPortal(); }
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Remove the folder (from the localStorage)
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.deletFolder = function(elem){
|
||||
var typeList = $(elem).parent().parent().parent().parent('div').attr('id');
|
||||
var ID = $(elem).parent().parent('li').attr('id');
|
||||
@ -164,6 +201,9 @@ function wrapper() {
|
||||
if(typeList == 'bkmrk_portals'){ window.plugin.bookmarks.updateStarPortal(); }
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Saved the new sort of the folders (in the localStorage)
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.sortBookmarksFolder = function(typeList){
|
||||
window.plugin.bookmarks.loadBookmarks(typeList);
|
||||
var newArr = {};
|
||||
@ -174,6 +214,10 @@ function wrapper() {
|
||||
window.plugin.bookmarks[typeList] = newArr;
|
||||
window.plugin.bookmarks.storeBookmarks(typeList);
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Saved the new sort of the bookmarks (in the localStorage)
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.sortBookmarks = function(typeList){
|
||||
window.plugin.bookmarks.loadBookmarks(typeList);
|
||||
var list = window.plugin.bookmarks[typeList];
|
||||
@ -203,34 +247,53 @@ function wrapper() {
|
||||
window.plugin.bookmarks.storeBookmarks(typeList);
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Update the localStorage
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.storeBookmarks = function(typeList){
|
||||
var bookmarksObject = {};
|
||||
bookmarksObject[typeList] = plugin.bookmarks[typeList];
|
||||
var bookmarksObjectJSON = JSON.stringify(bookmarksObject);
|
||||
localStorage[plugin.bookmarks['LOCAL_STORAGE_'+typeList]] = bookmarksObjectJSON;
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Load the localStorage
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.loadBookmarks = function(typeList){
|
||||
var bookmarksObjectJSON = localStorage[plugin.bookmarks['LOCAL_STORAGE_'+typeList]];
|
||||
if(!bookmarksObjectJSON) return;
|
||||
var bookmarksObject = JSON.parse(bookmarksObjectJSON);
|
||||
plugin.bookmarks[typeList] = bookmarksObject[typeList];
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Load the bookmarks
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.loadList = function(typeList){
|
||||
window.plugin.bookmarks.loadBookmarks(typeList);
|
||||
var element = '';
|
||||
var elementTemp = '';
|
||||
var elementExc = '';
|
||||
|
||||
// For each folder
|
||||
var list = window.plugin.bookmarks[typeList];
|
||||
for(var idFolders in list){
|
||||
var folders = list[idFolders];
|
||||
var active = '';
|
||||
|
||||
// Create a label and a anchor for the sortable
|
||||
var folderLabel = '<span class="folderLabel"><a class="bookmarksRemoveFrom" title="Remove this folder">X</a>';
|
||||
folderLabel += '<a class="bookmarksAnchor"><span></span>'+folders['label']+'</a><span><span></span></span></span>';
|
||||
|
||||
if(folders['state']){ active = ' active'; }
|
||||
if(idFolders == window.plugin.bookmarks.KEY_OTHER_BKMRK){ folderLabel = ''; active= ' othersBookmarks active' }
|
||||
element += '<li class="bookmarkFolder'+active+'" id="'+idFolders+'">'+folderLabel+'<ul>';
|
||||
if(idFolders == window.plugin.bookmarks.KEY_OTHER_BKMRK){
|
||||
folderLabel = ''; active= ' othersBookmarks active';
|
||||
}
|
||||
// Create a folder
|
||||
elementTemp = '<li class="bookmarkFolder'+active+'" id="'+idFolders+'">'+folderLabel+'<ul>';
|
||||
|
||||
// For each bookmark
|
||||
var fold = folders['bkmrk'];
|
||||
for(var idBkmrk in fold){
|
||||
var btn_link;
|
||||
@ -239,53 +302,143 @@ function wrapper() {
|
||||
var label = bkmrk['label'];
|
||||
var latlng = bkmrk['latlng'];
|
||||
|
||||
// If it's a map
|
||||
if(typeList == 'bkmrk_maps'){
|
||||
if(bkmrk['label']==''){ label = bkmrk['latlng']+' ['+bkmrk['z']+']'; }
|
||||
btn_link = '<a class="bookmarksLink" onclick="map.setView(['+latlng+'], '+bkmrk['z']+');return false;">'+label+'</a>';
|
||||
}
|
||||
// If it's a portal
|
||||
else if(typeList == 'bkmrk_portals'){
|
||||
var guid = bkmrk['guid'];
|
||||
var btn_link = '<a class="bookmarksLink" onclick="window.zoomToAndShowPortal(\''+guid+'\', ['+latlng+']);return false;">'+label+'</a>';
|
||||
}
|
||||
element += '<li class="bkmrk" id="'+idBkmrk+'">'+btn_remove+btn_link+'</li>';
|
||||
// Create the bookmark
|
||||
elementTemp += '<li class="bkmrk" id="'+idBkmrk+'">'+btn_remove+btn_link+'</li>';
|
||||
}
|
||||
element += '</li></ul>';
|
||||
elementTemp += '</li></ul>';
|
||||
|
||||
//Add folder 'Others' in last position
|
||||
if(idFolders != window.plugin.bookmarks.KEY_OTHER_BKMRK){ element += elementTemp; }
|
||||
else{ elementExc = elementTemp; }
|
||||
}
|
||||
element += elementExc;
|
||||
|
||||
// Append all folders and bookmarks
|
||||
$('#'+typeList+' ul').html(element);
|
||||
}
|
||||
|
||||
/***************************************************************************************************************************************************************/
|
||||
/*********************************************************************************************************************/
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Append the stylesheet
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.setupCSS = function(){
|
||||
$('<style>').prop('type', 'text/css').html('@@INCLUDESTRING:plugins/bookmarks-by-zaso-css-desktop.css@@').appendTo('head');
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Append the stylesheet for mobile app
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.setupCSS_mobile = function(){
|
||||
$('<style>').prop('type', 'text/css').html('@@INCLUDESTRING:plugins/bookmarks-by-zaso-css-mobile.css@@').appendTo('head');
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------
|
||||
// Append the js script
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.setupJS = function(){$(document).ready(function(){
|
||||
//ENABLED THE DRAGGABLE PROPERTY OF THE BOX
|
||||
$('#bookmarksBox').draggable({ handle:'.handle', containment:'window' });
|
||||
$("#bookmarksBox #bookmarksMin , #bookmarksBox ul li, #bookmarksBox ul li a, #bookmarksBox h5, #bookmarksBox .addForm a").disableSelection();
|
||||
|
||||
//SWICTH VISIBILITY PROPERTY OF THE BOX
|
||||
$('#bookmarksMin').click(function(){ $('#bookmarksBox').animate({marginTop:'-100%'}, {duration:400, queue:false}); $('#bookmarksShow').animate({marginTop:-36}, {duration:400, queue:false}); localStorage[window.plugin.bookmarks['LOCAL_STORAGE_status_box']] = 0; });
|
||||
$('#bookmarksMin').click(function(){
|
||||
$('#bookmarksBox').animate({marginTop:'-100%'}, {duration:400, queue:false}); $('#bookmarksShow').animate({marginTop:-36}, {duration:400, queue:false}); localStorage[window.plugin.bookmarks['LOCAL_STORAGE_status_box']] = 0;
|
||||
});
|
||||
$('#bookmarksShow').click(function(){ $('#bookmarksBox').animate({marginTop:0}, {duration:400, queue:false}); $('#bookmarksShow').animate({marginTop:-100}, {duration:400, queue:false}); localStorage[window.plugin.bookmarks['LOCAL_STORAGE_status_box']]= 1; });
|
||||
if(localStorage[window.plugin.bookmarks['LOCAL_STORAGE_status_box']] == 1){ $('#bookmarksShow').trigger('click'); }else{ $('#bookmarksMin').trigger('click'); }
|
||||
|
||||
//SWITCH LIST (MAPS/PORTALS)
|
||||
$('#bookmarksBox h5').click(function(){$('h5').removeClass('current');$(this).addClass('current');var sectList = '#'+$(this).attr('class').replace(' current', '');$('#bookmarksBox .bookmarkList').removeClass('current');$(sectList).addClass('current');});
|
||||
$('#bookmarksBox h5').click(function(){
|
||||
$('h5').removeClass('current');
|
||||
$(this).addClass('current');
|
||||
var sectList = '#'+$(this).attr('class').replace(' current', '');
|
||||
$('#bookmarksBox .bookmarkList').removeClass('current');
|
||||
$(sectList).addClass('current');
|
||||
});
|
||||
|
||||
//ACTIVE VERTICAL SCROLL-BAR ON THE LONG LISTS
|
||||
$('.bookmarkList > ul').enscroll({ showOnHover: true, verticalTrackClass: 'trackScroll', verticalHandleClass: 'handleScroll', minScrollbarLength:28 });
|
||||
if(!window.isSmartphone()){
|
||||
//DESTOP: active vertical scroll-bar on the long lists
|
||||
$('.bookmarkList > ul').enscroll({ showOnHover: true, verticalTrackClass: 'trackScroll', verticalHandleClass: 'handleScroll', minScrollbarLength:28 });
|
||||
|
||||
//OPEN/CLOSE FOLDER (to be corrected in mobile mode)---------------
|
||||
$('#bookmarksBox').on('click', '.bookmarksAnchor', function(e){
|
||||
window.plugin.bookmarks.openFolder(this);
|
||||
$(this).parent().parent('li').toggleClass('active');
|
||||
e.preventDefault();
|
||||
});
|
||||
}
|
||||
|
||||
//ENABLED THE SORTABLE PROPERTY OF THE FOLDERS AND BOOKMARKS
|
||||
$(".bookmarkList > ul").sortable({items:"li.bookmarkFolder:not(.othersBookmarks)",handle:".bookmarksAnchor",distance:5,placeholder:"sortable-placeholder",forcePlaceholderSize:true,
|
||||
$(".bookmarkList > ul").sortable({
|
||||
items:"li.bookmarkFolder:not(.othersBookmarks)",
|
||||
handle:".bookmarksAnchor",
|
||||
placeholder:"sortable-placeholder",
|
||||
forcePlaceholderSize:true,
|
||||
helper:'clone',
|
||||
distance:5,
|
||||
update:function(event, ui){
|
||||
var typeList = $('#'+ui.item.context.id).parent().parent('.bookmarkList').attr('id');
|
||||
window.plugin.bookmarks.sortBookmarksFolder(typeList);
|
||||
}
|
||||
});
|
||||
$(".bookmarkList ul li ul").sortable({items:"li.bkmrk",connectWith:".bookmarkList ul ul",handle:".bookmarksLink",distance:5,placeholder:"sortable-placeholder",forcePlaceholderSize:true,
|
||||
$(".bookmarkList ul li ul").sortable({
|
||||
items:"li.bkmrk",
|
||||
connectWith:".bookmarkList ul ul",
|
||||
handle:".bookmarksLink",
|
||||
placeholder:"sortable-placeholder",
|
||||
forcePlaceholderSize:true,
|
||||
helper:'clone',
|
||||
distance:5,
|
||||
update:function(event, ui){
|
||||
var typeList = $('#'+ui.item.context.id).parent().parent().parent().parent('.bookmarkList').attr('id');
|
||||
window.plugin.bookmarks.sortBookmarks(typeList);
|
||||
}
|
||||
});
|
||||
|
||||
if(window.isSmartphone()){
|
||||
// The clone not working in mobile mode (to be corrected)---------------
|
||||
$(".bookmarkList > ul").sortable("option", "helper", "original");
|
||||
$(".bookmarkList ul li ul").sortable("option", "helper", "original");
|
||||
};
|
||||
|
||||
//ADD BOOKMARK/FOLDER
|
||||
$('#bookmarksBox .addForm a').click(function(e){
|
||||
var typeList = $(this).parent().parent('div').attr('id');
|
||||
if($(this).hasClass('newMap')){ window.plugin.bookmarks.addBookmarkMap(this); }
|
||||
else{ window.plugin.bookmarks.addFolder(typeList); }
|
||||
|
||||
//REFRESS SORTABLE EVENT FOR BKMRK
|
||||
$(".bookmarkList ul li ul").sortable({
|
||||
items:"li.bkmrk",
|
||||
connectWith:".bookmarkList ul ul",
|
||||
handle:".bookmarksLink",
|
||||
placeholder:"sortable-placeholder",
|
||||
forcePlaceholderSize:true,
|
||||
helper:'clone',
|
||||
distance:5,
|
||||
update:function(event, ui){
|
||||
var typeList = $('#'+ui.item.context.id).parent().parent().parent().parent('.bookmarkList').attr('id');
|
||||
window.plugin.bookmarks.sortBookmarks(typeList);
|
||||
}
|
||||
});
|
||||
if(window.isSmartphone()){
|
||||
// The clone not working in mobile mode (to be corrected)---------------
|
||||
$(".bookmarkList ul li ul").sortable("option", "helper", "original");
|
||||
};
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
//REMOVE FOLDER
|
||||
$('.bookmarkList').on('click', '.folderLabel .bookmarksRemoveFrom', function(e){
|
||||
window.plugin.bookmarks.deletFolder(this);
|
||||
@ -300,81 +453,93 @@ function wrapper() {
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
//OPEN/CLOSE FOLDER
|
||||
$('#bookmarksBox').on('click', '.bookmarksAnchor', function(e){
|
||||
window.plugin.bookmarks.openFolder(this);
|
||||
$(this).parent().parent('li').toggleClass('active');
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
//ADD BOOKMARK/FOLDER
|
||||
$('#bookmarksBox .addForm a').click(function(e){
|
||||
var typeList = $(this).parent().parent('div').attr('id');
|
||||
if($(this).hasClass('newMap')){ window.plugin.bookmarks.addBookmarkMap(this); }
|
||||
else{ window.plugin.bookmarks.addFolder(typeList); }
|
||||
|
||||
//REFRESS SORTABLE EVENT FOR BKMRK
|
||||
$(".bookmarkList ul li ul").sortable({items:"li.bkmrk",connectWith:".bookmarkList ul ul",handle:".bookmarksLink",distance:5,placeholder:"sortable-placeholder",forcePlaceholderSize:true,
|
||||
update:function(event, ui){
|
||||
var typeList = $('#'+ui.item.context.id).parent().parent().parent().parent('.bookmarkList').attr('id');
|
||||
window.plugin.bookmarks.sortBookmarks(typeList);
|
||||
}
|
||||
|
||||
if(window.isSmartphone()){
|
||||
//FOR MOBILE
|
||||
$('#bookmarksBox').hide();
|
||||
$('#bookmarksShowMobile').click(function(){
|
||||
$(this).toggleClass('open');
|
||||
$('#bookmarksBox').toggle();
|
||||
if($(this).hasClass('open')){ $(this).text('[-] Bookmarks'); }
|
||||
else{ $(this).text('[+] Bookmarks'); }
|
||||
});
|
||||
e.preventDefault();
|
||||
});
|
||||
}
|
||||
});}
|
||||
|
||||
window.plugin.bookmarks.setupCSS = function(){
|
||||
$('<style>').prop('type','text/css').html('@@INCLUDESTRING:plugins/bookmarks-by-zaso.css@@').appendTo('head');
|
||||
}
|
||||
|
||||
window.plugin.bookmarks.setupContent = function(){
|
||||
plugin.bookmarks.contentStarHTML = '<a id="bookmarkStar" onclick="window.plugin.bookmarks.switchStarPortal();return false;" title="Save this portal in your bookmarks"><span></span></a>';
|
||||
plugin.bookmarks.disabledMessage = '<div class="notStorageSupport" title="Your browser do not support localStorage">Plugin Bookmarks disabled</div>';
|
||||
plugin.bookmarks.bkmrkRibbon = '<a id="bookmarksShow"></a>';
|
||||
plugin.bookmarks.bkmrkBox = '<div id="bookmarksBox">'
|
||||
+'<div id="topBar"><a id="bookmarksMin" class="btn" title="Minimize">-</a><div class="handle">...</div></div>'
|
||||
+'<div id="bookmarksTypeBar"><h5 class="bkmrk_maps current">Maps</h5><h5 class="bkmrk_portals">Portals</h5></div>'
|
||||
+'<div id="bkmrk_maps" class="bookmarkList current"><div class="addForm"><input placeholder="Insert label"><a class="newMap" onmouseover="setPermaLink(this);return false">+ Map</a><a class="newFolder">+ Folder</a></div><ul></ul></div>'
|
||||
+'<div id="bkmrk_portals" class="bookmarkList"><div class="addForm"><input placeholder="Insert label"><a class="newFolder">+ Folder</a></div><ul></ul></div>'
|
||||
+'</div>';
|
||||
//---------------------------------------------------------------------------------------
|
||||
// HTML element
|
||||
//---------------------------------------------------------------------------------------
|
||||
window.plugin.bookmarks.setupContent = function(){
|
||||
plugin.bookmarks.contentStarHTML = '<a id="bookmarkStar" onclick="window.plugin.bookmarks.switchStarPortal();return false;" title="Save this portal in your bookmarks"><span></span></a>';
|
||||
plugin.bookmarks.disabledMessage = '<div title="Your browser do not support localStorage">Plugin Bookmarks disabled</div>';
|
||||
plugin.bookmarks.bkmrkRibbon = '<a id="bookmarksShow"></a>';
|
||||
plugin.bookmarks.bkmrkBox = '<div id="bookmarksBox">'
|
||||
+'<div id="topBar"><a id="bookmarksMin" class="btn" title="Minimize">-</a><div class="handle">...</div></div>'
|
||||
+'<div id="bookmarksTypeBar"><h5 class="bkmrk_maps current">Maps</h5><h5 class="bkmrk_portals">Portals</h5><div style="clear:both !important;"></div></div>'
|
||||
+'<div id="bkmrk_maps" class="bookmarkList current"><div class="addForm"><input placeholder="Insert label"><a class="newMap" onmouseover="setPermaLink(this);return false">+ Map</a><a class="newFolder">+ Folder</a></div><ul></ul></div>'
|
||||
+'<div id="bkmrk_portals" class="bookmarkList"><div class="addForm"><input placeholder="Insert label"><a class="newFolder">+ Folder</a></div><ul></ul></div>'
|
||||
+'</div>';
|
||||
plugin.bookmarks.bkmrkTriggerMobile= '<a id="bookmarksShowMobile">[+] Bookmarks</a>';
|
||||
}
|
||||
|
||||
/***************************************************************************************************************************************************************/
|
||||
|
||||
var setup = function(){
|
||||
//Set the localStorage (if not exist)
|
||||
if(!localStorage[window.plugin.bookmarks['LOCAL_STORAGE_bkmrk_portals']]){localStorage[plugin.bookmarks['LOCAL_STORAGE_bkmrk_portals']] = '{"bkmrk_portals":{"'+window.plugin.bookmarks.KEY_OTHER_BKMRK+'":{"label":"Others","state":1,"bkmrk":{}}}}'; }
|
||||
if(!localStorage[window.plugin.bookmarks['LOCAL_STORAGE_bkmrk_maps']]){localStorage[plugin.bookmarks['LOCAL_STORAGE_bkmrk_maps']] = '{"bkmrk_maps":{"'+window.plugin.bookmarks.KEY_OTHER_BKMRK+'":{"label":"Others","state":1,"bkmrk":{}}}}'; }
|
||||
if(!localStorage[window.plugin.bookmarks['LOCAL_STORAGE_status_box']]){localStorage[plugin.bookmarks['LOCAL_STORAGE_status_box']] = 0;}
|
||||
if(!localStorage[window.plugin.bookmarks['LOCAL_STORAGE_status_box']]){localStorage[plugin.bookmarks['LOCAL_STORAGE_status_box']] = 1;}
|
||||
|
||||
if($.inArray('pluginBookmarksUpdate', window.VALID_HOOKS) < 0){ window.VALID_HOOKS.push('pluginBookmarksUpdate'); }
|
||||
window.plugin.bookmarks.setupCSS();
|
||||
window.plugin.bookmarks.setupJS();
|
||||
window.plugin.bookmarks.setupContent();
|
||||
//Load data from localStorage
|
||||
window.plugin.bookmarks.loadBookmarks('bkmrk_portals');
|
||||
window.plugin.bookmarks.loadBookmarks('bkmrk_maps');
|
||||
window.addHook('portalDetailsUpdated', window.plugin.bookmarks.addStarToSidebar);
|
||||
|
||||
//Add to DOM the element of the plugin and load data from localStorage
|
||||
$('body').append(plugin.bookmarks.bkmrkRibbon);
|
||||
$('body').append(plugin.bookmarks.bkmrkBox);
|
||||
if(window.isSmartphone()){
|
||||
//FOR MOBILE: load the script for the touch events
|
||||
var script2 = document.createElement('script');
|
||||
script2.type = 'text/javascript';
|
||||
script2.src = 'https://raw.github.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.min.js';
|
||||
script2.appendChild(document.createTextNode('('+ wrapper +')();'));
|
||||
(document.body || document.head || document.documentElement).appendChild(script2);
|
||||
}else{
|
||||
//FOR DESKTOP: load the script to active the vertical scrollbar (in the bookmarks box)
|
||||
var script3 = document.createElement('script');
|
||||
script3.type = 'text/javascript';
|
||||
script3.src = 'http://enscrollplugin.com/releases/enscroll-0.4.0.min.js';
|
||||
script3.appendChild(document.createTextNode('('+ wrapper +')();'));
|
||||
(document.body || document.head || document.documentElement).appendChild(script3);
|
||||
}
|
||||
|
||||
if($.inArray('pluginBookmarksUpdate', window.VALID_HOOKS) < 0){ window.VALID_HOOKS.push('pluginBookmarksUpdate'); }
|
||||
|
||||
window.plugin.bookmarks.setupCSS();
|
||||
if(window.isSmartphone()){window.plugin.bookmarks.setupCSS_mobile();}
|
||||
window.plugin.bookmarks.setupContent();
|
||||
|
||||
//Append the bookmarks box
|
||||
if(!window.isSmartphone()){ $('body').append(plugin.bookmarks.bkmrkRibbon+plugin.bookmarks.bkmrkBox); }
|
||||
else{ $('#portaldetails').before(plugin.bookmarks.bkmrkTriggerMobile+plugin.bookmarks.bkmrkBox); }
|
||||
|
||||
//Load bookmarks and folders in the box
|
||||
window.plugin.bookmarks.loadList('bkmrk_maps');
|
||||
window.plugin.bookmarks.loadList('bkmrk_portals');
|
||||
|
||||
//Load the js page for the scrollbar
|
||||
var script2 = document.createElement('script');
|
||||
script2.type = 'text/javascript';
|
||||
script2.src = 'http://enscrollplugin.com/releases/enscroll-0.4.0.min.js';
|
||||
script2.appendChild(document.createTextNode('('+ wrapper +')();'));
|
||||
(document.body || document.head || document.documentElement).appendChild(script2);
|
||||
window.plugin.bookmarks.setupJS();
|
||||
window.addHook('portalDetailsUpdated', window.plugin.bookmarks.addToSidebar);
|
||||
}
|
||||
// PLUGIN END //////////////////////////////////////////////////////////
|
||||
if(window.iitcLoaded && typeof setup === 'function'){ setup(); }
|
||||
else{ if(window.bootPlugins){ window.bootPlugins.push(setup); } else{ window.bootPlugins = [setup]; }}
|
||||
|
||||
// PLUGIN END //////////////////////////////////////////////////////////
|
||||
|
||||
if(window.iitcLoaded && typeof setup === 'function') {
|
||||
setup();
|
||||
} else {
|
||||
if(window.bootPlugins)
|
||||
window.bootPlugins.push(setup);
|
||||
else
|
||||
window.bootPlugins = [setup];
|
||||
}
|
||||
} // wrapper end
|
||||
// inject code into site context
|
||||
var script = document.createElement('script');
|
||||
script.appendChild(document.createTextNode('('+ wrapper +')();'));
|
||||
(document.body || document.head || document.documentElement).appendChild(script);
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user