You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3800 lines
169 KiB
3800 lines
169 KiB
/**
|
|
* jquery.postitall.js v1.0
|
|
* jQuery Post It All Plugin - released under MIT License
|
|
* Author: Javi Filella <txusko@gmail.com>
|
|
* http://github.com/txusko/PostItAll
|
|
* Copyright (c) 2015 Javi Filella
|
|
*
|
|
* Permission is hereby granted, free of charge, to any person
|
|
* obtaining a copy of this software and associated documentation
|
|
* files (the "Software"), to deal in the Software without
|
|
* restriction, including without limitation the rights to use,
|
|
* copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
* copies of the Software, and to permit persons to whom the
|
|
* Software is furnished To Do so, subject to the following
|
|
* conditions:
|
|
*
|
|
* The above copyright notice and this permission notice shall be
|
|
* included in all copies or substantial portions of the Software.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
|
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
|
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
|
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
|
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
|
* OTHER DEALINGS IN THE SOFTWARE.
|
|
*
|
|
*/
|
|
|
|
//Delay repetitive actions
|
|
var delay = (function(){
|
|
var timer = 0;
|
|
return function(callback, ms){
|
|
clearTimeout (timer);
|
|
timer = setTimeout(callback, ms);
|
|
};
|
|
})();
|
|
|
|
(function ($, $localStorage) {
|
|
"use strict";
|
|
|
|
// Debug
|
|
var debugging = true; // or true
|
|
if (typeof console === "undefined") {
|
|
console = {
|
|
log: function () { return undefined; }
|
|
};
|
|
} else if (!debugging || console.log === undefined) {
|
|
console.log = function () { return undefined; };
|
|
}
|
|
|
|
//Date
|
|
Date.prototype.addDays = function(days) {
|
|
var dat = new Date(this.valueOf());
|
|
dat.setDate(dat.getDate() + days);
|
|
return dat;
|
|
};
|
|
Date.prototype.addHours = function(hours) {
|
|
var dat = new Date(this.valueOf());
|
|
dat.setTime(dat.getTime() + (hours*60*60*1000));
|
|
return dat;
|
|
};
|
|
Date.prototype.addMinutes = function(minutes) {
|
|
var dat = new Date(this.valueOf());
|
|
dat.setTime(dat.getTime() + (minutes*60*1000));
|
|
return dat;
|
|
};
|
|
Date.prototype.addSeconds = function(seconds) {
|
|
var dat = new Date(this.valueOf());
|
|
dat.setTime(dat.getTime() + (seconds*1000));
|
|
return dat;
|
|
};
|
|
Date.prototype.toFormat = function (f) {
|
|
var nm = this.getMonthName();
|
|
var nd = this.getDayName();
|
|
f = f.replace(/yyyy/g, this.getFullYear());
|
|
f = f.replace(/yy/g, String(this.getFullYear()).substr(2,2));
|
|
f = f.replace(/MMM/g, nm.substr(0,3).toUpperCase());
|
|
f = f.replace(/Mmm/g, nm.substr(0,3));
|
|
f = f.replace(/MM\*/g, nm.toUpperCase());
|
|
f = f.replace(/Mm\*/g, nm);
|
|
f = f.replace(/mm/g, String(this.getMonth()+1).padLeft('0',2));
|
|
f = f.replace(/DDD/g, nd.substr(0,3).toUpperCase());
|
|
f = f.replace(/Ddd/g, nd.substr(0,3));
|
|
f = f.replace(/DD\*/g, nd.toUpperCase());
|
|
f = f.replace(/Dd\*/g, nd);
|
|
f = f.replace(/dd/g, String(this.getDate()).padLeft('0',2));
|
|
f = f.replace(/d\*/g, this.getDate());
|
|
return f;
|
|
};
|
|
Date.prototype.getMonthName = function () {
|
|
return this.toLocaleString().replace(/[^a-z]/gi,'');
|
|
};
|
|
//n.b. this is sooo not i18n safe :)
|
|
Date.prototype.getDayName = function () {
|
|
switch(this.getDay())
|
|
{
|
|
case 0: return 'Sunday';
|
|
case 1: return 'Monday';
|
|
case 2: return 'Tuesday';
|
|
case 3: return 'Wednesday';
|
|
case 4: return 'Thursday';
|
|
case 5: return 'Friday';
|
|
case 6: return 'Saturday';
|
|
}
|
|
};
|
|
String.prototype.padLeft = function (value, size) {
|
|
var x = this;
|
|
while (x.length < size) {x = value + x;}
|
|
return x;
|
|
};
|
|
|
|
// PLUGIN Public methods
|
|
$.extend($.fn, {
|
|
postitall: function (method, data, callback) {
|
|
var t = new PostItAll();
|
|
var elem = $('.PIAeditable').find(this);
|
|
//.filter(function(){ return !$(this).parents('#the_notes').length })
|
|
if(elem.length <= 0)
|
|
elem = $(this);
|
|
elem = elem.filter(function(){ return !$(this).parents('#the_lights').length })
|
|
switch (method) {
|
|
|
|
// Destroy the control
|
|
case 'destroy':
|
|
elem.each(function (i, e) {
|
|
if($(e).hasClass('PIApostit')) {
|
|
t.destroy($(e));
|
|
} else if($(e).attr('PIA-original') !== undefined) {
|
|
t.destroy($(e).parent().parent().parent().parent());
|
|
}
|
|
});
|
|
return $(this);
|
|
|
|
// Get/set options on the fly
|
|
case 'options':
|
|
// Setter
|
|
//console.log('options', elem.length, data);
|
|
var obj = undefined;
|
|
elem.each(function (i, e) {
|
|
if($(e).hasClass('PIApostit')) {
|
|
if (data === undefined) {
|
|
obj = $(e).data('PIA-options');
|
|
return false;
|
|
} else {
|
|
t.destroy($(e), false);
|
|
var tempoptions = $(e).data('PIA-options') || {};
|
|
setTimeout(function() {$.PostItAll.new($.extend(true, tempoptions, data));}, 400);
|
|
}
|
|
} else if($(e).attr('PIA-original') !== undefined) {
|
|
var oldObj = $(e).parent().parent().parent().parent();
|
|
if (data === undefined) {
|
|
obj = oldObj.data('PIA-options');
|
|
return false;
|
|
} else {
|
|
t.destroy(oldObj, false);
|
|
var tempoptions = oldObj.data('PIA-options') || {};
|
|
setTimeout(function() { $.PostItAll.new($.extend(true, tempoptions, data)); }, 400);
|
|
}
|
|
}
|
|
});
|
|
if(obj !== undefined) {
|
|
if($(obj).length == 1)
|
|
return $(obj)[0];
|
|
return $(obj);
|
|
}
|
|
return $(this);
|
|
|
|
// hide note/s
|
|
case 'hide':
|
|
elem.each(function (i, e) {
|
|
if($(e).hasClass('PIApostit')) {
|
|
t.hide($(e).data('PIA-id'));
|
|
} else if($(e).attr('PIA-original') !== undefined) {
|
|
t.hide($(e).parent().parent().parent().parent().data('PIA-id'));
|
|
}
|
|
});
|
|
return $(this);
|
|
|
|
//show note/s
|
|
case 'show':
|
|
elem.each(function (i, e) {
|
|
if($(e).hasClass('PIApostit')) {
|
|
t.show($(e).data('PIA-id'));
|
|
} else if($(e).attr('PIA-original') !== undefined) {
|
|
t.show($(e).parent().parent().parent().parent().data('PIA-id'));
|
|
}
|
|
});
|
|
return $(this);
|
|
|
|
// Save object
|
|
case 'save':
|
|
elem.each(function (i, e) {
|
|
if($(e).hasClass('PIApostit')) {
|
|
t.save($(e));
|
|
} else if($(e).attr('PIA-original') !== undefined) {
|
|
t.save($(e).parent().parent().parent().parent());
|
|
}
|
|
});
|
|
return $(this);
|
|
|
|
// Initializes the control
|
|
case 'new':
|
|
default:
|
|
var posX = 0, posY = 0, paso = false;
|
|
if (method !== 'new') {
|
|
data = method;
|
|
method = "new";
|
|
}
|
|
if(data === undefined || typeof data !== 'object') data = { };
|
|
|
|
//Position defined by the user
|
|
if(!paso) {
|
|
if(data.posX !== undefined) {
|
|
posX = data.posX;
|
|
paso = true;
|
|
}
|
|
if(data.posY !== undefined) {
|
|
posY = data.posY;
|
|
paso = true;
|
|
}
|
|
}
|
|
|
|
//Check if initialized
|
|
var initialized = false;
|
|
$.each($(this).filter(function(){ return !$(this).parents('#the_notes').length }), function (i,e) {
|
|
if($(e).attr('PIA-original') !== undefined) {
|
|
initialized = true;
|
|
return false;
|
|
}
|
|
});
|
|
|
|
if(!initialized) {
|
|
//Create the element/s
|
|
$.each($(this).filter(function(){ return !$(this).parents('#the_notes').length }), function (i,e) {
|
|
//Position relative to the element
|
|
if(!paso) {
|
|
posX = $(this).offset().left;
|
|
posY = $(this).offset().top;
|
|
}
|
|
$.extend(data, { posX: posX, posY: posY }, true);
|
|
//console.log('create', i, e);
|
|
$.PostItAll.new('', data, $(e), callback);
|
|
});
|
|
} else {
|
|
//Show previously initialized, show the notes
|
|
$.PostItAll.show();
|
|
}
|
|
return $(this);
|
|
}
|
|
}
|
|
});
|
|
|
|
//Global vars : enable and disable features and change the notes behaviour
|
|
$.fn.postitall.globals = {
|
|
PIApostit_ : '#PIApostit_',//Id note prefixe
|
|
filter : 'domain', //Options: domain, page, all
|
|
savable : false, //Save postit in storage
|
|
randomColor : true, //Random color in new postits
|
|
toolbar : true, //Show or hide toolbar
|
|
autoHideToolBar : true, //Animation efect on hover over postit shoing/hiding toolbar options
|
|
removable : true, //Set removable feature on or off
|
|
askOnDelete : true, //Confirmation before note remove
|
|
draggable : true, //Set draggable feature on or off
|
|
resizable : true, //Set resizable feature on or off
|
|
editable : true, //Set contenteditable and enable changing note content
|
|
changeoptions : true, //Set options feature on or off
|
|
blocked : true, //Postit can not be modified
|
|
hidden : true, //The note can be hidden
|
|
minimized : true, //true = minimized, false = maximixed
|
|
expand : true, //Expand note
|
|
fixed : true, //Allow to fix the note in page
|
|
addNew : true, //Create a new postit
|
|
showInfo : true, //Show info icon (info tab)
|
|
showMeta : true, //Show info icon (meta tab)
|
|
pasteHtml : true, //Allow paste html in contenteditor
|
|
htmlEditor : true, //Html editor (trumbowyg)
|
|
autoPosition : true, //Automatic reposition of the notes when user resize screen
|
|
addArrow : 'back', //Add arrow to notes : none, front, back, all
|
|
askOnHide : true, //Show configuration hideUntil back-panel (getBackPanelHideUntil)
|
|
hideUntil : null, //Note will be hidden since that datetime
|
|
export : false //Note can be exported
|
|
};
|
|
|
|
//Copy of the original global configuration
|
|
$.fn.postitall.globalscopy = $.extend({}, $.fn.postitall.globals, true);
|
|
|
|
//Note global vars : Properties, style, features and events of the note
|
|
$.fn.postitall.defaults = {
|
|
//Note properties
|
|
id : "", //Note id
|
|
created : Date.now(), //Creation date
|
|
domain : window.location.origin, //Domain in the url
|
|
page : window.location.pathname, //Page in the url
|
|
osname : navigator.appVersion, //Browser informtion & OS name,
|
|
content : '', //Content of the note (text or html)
|
|
position : 'absolute', //Position relative, fixed or absolute
|
|
posX : '10px', //x coordinate (from left)
|
|
posY : '10px', //y coordinate (from top)
|
|
right : '', //x coordinate (from right). This property invalidate posX
|
|
height : 200, //Note total height
|
|
width : 160, //Note total width
|
|
minHeight : 200, //Note resizable min-width
|
|
minWidth : 160, //Note resizable min-height
|
|
oldPosition : {}, //Position when minimized/collapsed (internal use)
|
|
//Config note style
|
|
style : {
|
|
tresd : true, //General style in 3d format
|
|
backgroundcolor : '#FFFA3C', //Background color in new postits when randomColor = false
|
|
textcolor : '#333333', //Text color
|
|
textshadow : true, //Shadow in the text
|
|
fontfamily : 'Open Sans', //Default font
|
|
fontsize : 'medium', //Default font size
|
|
arrow : 'none', //Default arrow : none, top, right, bottom, left
|
|
},
|
|
//Enable / Disable features
|
|
features : $.extend({}, $.fn.postitall.globals, true),
|
|
//Note flags
|
|
flags : {
|
|
blocked : false, //If true, the note cannot be edited
|
|
minimized : false, //true = Collapsed note / false = maximixed
|
|
expand : false, //true = Expanded note / false = normal
|
|
fixed : false, //Set position fixed
|
|
highlight : false, //Higlight note
|
|
hidden : false, //Hidden note
|
|
},
|
|
//Attach the note to al html element
|
|
attachedTo : {
|
|
element : '', //Where to attach (string or object / '#idObject' or $('#idObject'))
|
|
position : 'right', //Position relative to elemente : top, right, bottom or left
|
|
fixed : true, //Fix note to element when resize screen
|
|
arrow : true, //Show an arrow in the inverse position
|
|
},
|
|
//Meta data
|
|
meta: {
|
|
'Title': {
|
|
'type': 'input',
|
|
'maxlength': '20',
|
|
'value': '',
|
|
'placeholder': 'Note title'
|
|
},
|
|
'Category': {
|
|
'type': 'combo',
|
|
'value': '0',
|
|
'values': {
|
|
'0': 'Select a category',
|
|
'1': 'Personal',
|
|
'2': 'Work',
|
|
'3': 'Other'
|
|
}
|
|
},
|
|
'Observations': {
|
|
'type': 'textarea',
|
|
'value': '',
|
|
'placeholder': 'Other considerations ...'
|
|
}
|
|
},
|
|
// Callbacks / Event Handlers
|
|
onCreated: function(id, options, obj) { return undefined; }, //Triggered after note creation
|
|
onChange: function (id) { return undefined; }, //Triggered on each change
|
|
onSelect: function (id) { return undefined; }, //Triggered when note is clicked, dragged or resized
|
|
onDblClick: function (id) { return undefined; }, //Triggered on double click
|
|
onRelease: function (id) { return undefined; }, //Triggered on the end of dragging and resizing of a note
|
|
onDelete: function (id) { return undefined; } //Triggered when a note is deleted
|
|
};
|
|
|
|
//Copy of the original note configuration
|
|
$.fn.postitall.defaultscopy = $.extend({}, $.fn.postitall.defaults, true);
|
|
$.fn.postitall.defaultscopy.style = $.extend({}, $.fn.postitall.defaults.style, true);
|
|
$.fn.postitall.defaultscopy.features = $.extend({}, $.fn.postitall.defaults.features, true);
|
|
$.fn.postitall.defaultscopy.flags = $.extend({}, $.fn.postitall.defaults.flags, true);
|
|
$.fn.postitall.defaultscopy.attachedTo = $.extend({}, $.fn.postitall.defaults.attachedTo, true);
|
|
|
|
//Global functions
|
|
jQuery.PostItAll = {
|
|
|
|
//Initialize environement
|
|
__initialize : function() {
|
|
|
|
//The notes
|
|
if($('#the_notes').length <= 0) {
|
|
$('<div id="the_notes"></div>').appendTo($('.sticky-card'));
|
|
}
|
|
|
|
//The ligths
|
|
if($('#the_lights').length <= 0) {
|
|
$('<div id="the_lights"><div id="the_lights_close"></div></div>').appendTo($('.card-block'));
|
|
$('#the_lights').click(function() {
|
|
var note = new PostItAll();
|
|
note.switchOnLights();
|
|
});
|
|
}
|
|
|
|
//Upload note
|
|
if($('#the_imports').length <= 0) {
|
|
//Import file
|
|
var importFile = function() {
|
|
//Check support
|
|
if (!window.FileReader) {
|
|
console.log('Browser do not support FileReader.')
|
|
return;
|
|
}
|
|
//Get file
|
|
var input = $('#idImportFile').get(0);
|
|
if (input.files.length) {
|
|
//Get text
|
|
var textFile = input.files[0];
|
|
if(textFile.size > 0 && textFile.type == "text/plain") {
|
|
//Create a new FileReader & read content
|
|
var reader = new FileReader();
|
|
reader.readAsText(textFile);
|
|
$(reader).on('load', function(e) {
|
|
//Text readed
|
|
var file = e.target.result,results;
|
|
if (file && file.length) {
|
|
//Check object
|
|
var obj = JSON.parse(file);
|
|
if(typeof obj === 'object') {
|
|
//create new note
|
|
var newNote = function(obj) {
|
|
delete obj.id; //reset id
|
|
//TODO : reset domain&page or redirect?
|
|
delete obj.domain;
|
|
delete obj.page;
|
|
$.PostItAll.new(obj);
|
|
}
|
|
if(obj.id !== undefined) {
|
|
//One note
|
|
newNote(obj);
|
|
} else if($(obj).length > 0) {
|
|
//Various notes
|
|
$(obj).each(function(n1,obj2) {
|
|
if(obj2.id !== undefined) {
|
|
setTimeout(function() {
|
|
newNote(obj2);
|
|
}, 250 + ( n1 * 250 ));
|
|
}
|
|
});
|
|
} else {
|
|
alert('No notes to import');
|
|
}
|
|
} else {
|
|
alert('Invalid file content');
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
alert('The file is empty or is not a text file.');
|
|
}
|
|
} else {
|
|
alert('Please upload a file before continuing.')
|
|
}
|
|
};
|
|
//The imports
|
|
var updString = $("<div />", { 'the_imports': '', 'style' : 'display:none;' });
|
|
//Input fle
|
|
var impFile = $('<input />', { id : "idImportFile", type : "file", name : "files" }).on("change", function () {
|
|
$('#idImportUpload').click();
|
|
$('#idImportFile').val("");
|
|
});
|
|
//Input button
|
|
var impBut = $('<button />', { id : "idImportUpload", type : "file", name : "files" }).on("click", importFile);
|
|
updString.append(impFile).append(impBut).prependTo($('body'));
|
|
}
|
|
},
|
|
|
|
//Change configuration : type (global, note), opt (object)
|
|
changeConfig : function(type, opt) {
|
|
if(typeof type === 'string') {
|
|
if(type == "global") {
|
|
if(typeof opt === 'object')
|
|
$.extend($.fn.postitall.globals, opt, true);
|
|
return $.fn.postitall.globals;
|
|
} else if(type == "note") {
|
|
if(typeof opt === 'object') {
|
|
if(opt.style !== undefined) {
|
|
$.extend($.fn.postitall.defaults.style, opt.style, true);
|
|
delete opt.style;
|
|
}
|
|
if(opt.features !== undefined) {
|
|
$.extend($.fn.postitall.defaults.features, opt.features, true);
|
|
delete opt.features;
|
|
}
|
|
if(opt.flags !== undefined) {
|
|
$.extend($.fn.postitall.defaults.flags, opt.flags, true);
|
|
delete opt.flags;
|
|
}
|
|
if(opt.attachedTo !== undefined) {
|
|
$.extend($.fn.postitall.defaults.attachedTo, opt.attachedTo, true);
|
|
delete opt.attachedTo;
|
|
}
|
|
$.extend($.fn.postitall.defaults, opt, true);
|
|
}
|
|
return $.fn.postitall.defaults;
|
|
}
|
|
}
|
|
return null;
|
|
},
|
|
|
|
//Retore configuration to factory defaults : type (all, global, note. default: all)
|
|
restoreConfig : function(type) {
|
|
if(type === undefined)
|
|
type = "all";
|
|
if(typeof type === "string") {
|
|
if(type == "global" || type == "all") {
|
|
$.extend($.fn.postitall.globals, $.fn.postitall.globalscopy, true);
|
|
return $.fn.postitall.globals;
|
|
}
|
|
if(type == "note" || type == "all") {
|
|
$.extend($.fn.postitall.defaults, $.fn.postitall.defaultscopy, true);
|
|
return $.fn.postitall.defaults;
|
|
}
|
|
}
|
|
return null;
|
|
},
|
|
|
|
storageManager : function(callback) {
|
|
storageManager.getStorageManager(function(e) {
|
|
callback(e);
|
|
});
|
|
},
|
|
|
|
//New note
|
|
new : function(content, opt, obj, callback) {
|
|
|
|
var ok = false;
|
|
if(callback !== undefined) {
|
|
ok = true;
|
|
}
|
|
if(!ok && obj !== undefined && typeof obj === 'function') {
|
|
callback = obj;
|
|
obj = undefined;
|
|
ok = true;
|
|
}
|
|
if(!ok && opt !== undefined && typeof opt === 'function' && content !== undefined && typeof content === 'object') {
|
|
callback = opt;
|
|
opt = content;
|
|
content = "";
|
|
ok = true;
|
|
}
|
|
if(!ok && opt !== undefined && typeof opt === 'function' && content !== undefined && typeof content === 'string') {
|
|
callback = opt;
|
|
opt = undefined;
|
|
ok = true;
|
|
}
|
|
if (!ok && typeof content === 'object') {
|
|
callback = obj;
|
|
obj = opt;
|
|
opt = content;
|
|
content = "";
|
|
ok = true;
|
|
}
|
|
if (!ok && typeof content === 'function') {
|
|
callback = content;
|
|
content = "";
|
|
ok = true;
|
|
}
|
|
if(!ok && content === undefined) {
|
|
content = "";
|
|
ok = true;
|
|
}
|
|
|
|
//Position
|
|
var optPos = {};
|
|
optPos.posX = parseInt(window.pageXOffset, 10);
|
|
optPos.posY = parseInt(window.pageYOffset, 10);
|
|
optPos.use = false;
|
|
|
|
//console.log('init opt', $.fn.postitall.defaults);
|
|
if(opt === undefined) {
|
|
opt = $.extend(true, {}, $.fn.postitall.defaults);
|
|
opt.posX = optPos.posX;
|
|
opt.posY = optPos.posY;
|
|
optPos.use = true;
|
|
} else {
|
|
if(opt.posX === undefined && opt.posX === undefined) {
|
|
opt.posX = optPos.posX;
|
|
opt.posY = optPos.posY;
|
|
optPos.use = true;
|
|
}
|
|
opt = $.extend(true, {}, $.fn.postitall.defaults, opt);
|
|
}
|
|
|
|
if(opt.position == "relative" || opt.position == "fixed") {
|
|
if(!optPos.use) {
|
|
opt.posX = parseInt(opt.posX, 10) + parseInt(optPos.posX, 10);
|
|
opt.posY = parseInt(opt.posY, 10) + parseInt(optPos.posY, 10);
|
|
}
|
|
if(opt.position == "fixed") {
|
|
opt.flags.fixed = true;
|
|
}
|
|
opt.position = "absolute";
|
|
}
|
|
|
|
if(optPos.use) {
|
|
opt.posX = optPos.posX + parseInt($.fn.postitall.defaults.posX, 10);
|
|
opt.posY = optPos.posY + parseInt($.fn.postitall.defaults.posX, 10);
|
|
}
|
|
opt.posX = parseInt(opt.posX, 10) + "px";
|
|
opt.posY = parseInt(opt.posY, 10) + "px";
|
|
|
|
//New note object
|
|
var note = new PostItAll();
|
|
if(obj === undefined) {
|
|
obj = $('<div />', {
|
|
html: (content !== undefined ? content : '')
|
|
}).hide();
|
|
} else {
|
|
var oldObj = obj;
|
|
$(oldObj).attr('PIA-original', '1');
|
|
var newObj = $('<div />').append(oldObj);
|
|
$(newObj).attr('PIA-original', '1');
|
|
obj = newObj;
|
|
}
|
|
$('#the_notes').append(obj);
|
|
|
|
//Random color
|
|
var randCol = function(opts) {
|
|
//Random bg & textcolor
|
|
if($.fn.postitall.globals.randomColor && opts.features.randomColor) {
|
|
if(opts.style.backgroundcolor === $.fn.postitall.defaults.style.backgroundcolor) {
|
|
opts.style.backgroundcolor = note.getRandomColor();
|
|
}
|
|
if(opts.style.textcolor === $.fn.postitall.defaults.style.textcolor) {
|
|
opts.style.textcolor = note.getTextColor(opts.style.backgroundcolor);
|
|
}
|
|
opts.features.randomColor = false;
|
|
}
|
|
return opts;
|
|
};
|
|
|
|
//Check if we have the id
|
|
var options = opt;
|
|
//console.log('options', options);
|
|
if(options.id !== "") {
|
|
//Random bg & textcolor
|
|
options = randCol(options);
|
|
//Initialize
|
|
setTimeout(function() { note.init(obj, options); if(callback !== undefined) callback($.fn.postitall.globals.prefix + options.id, options, obj[0]); }, 100);
|
|
} else {
|
|
//Get new id
|
|
//console.log('paso');
|
|
note.getIndex(($.fn.postitall.globals.savable || options.features.savable), function(index) {
|
|
//Id
|
|
options.id = index;
|
|
//Random bg & textcolor
|
|
options = randCol(options);
|
|
//Initialize
|
|
setTimeout(function() { note.init(obj, options); if(callback !== undefined) callback($.fn.postitall.globals.prefix + options.id, options, obj[0]); }, 100);
|
|
});
|
|
}
|
|
},
|
|
|
|
options : function(id, opt) {
|
|
if(typeof id === 'object') {
|
|
//Change options for all notes
|
|
$('.PIApostit').postitall('options', id);
|
|
} else if (typeof opt === 'object') {
|
|
//Change options for specific notes
|
|
$(id).postitall('options', opt);
|
|
} else {
|
|
return $(id).postitall('options');
|
|
}
|
|
},
|
|
|
|
//Hide all
|
|
hide : function(id) {
|
|
this.toggle(id, 'hide');
|
|
},
|
|
|
|
//Show all
|
|
show : function(id) {
|
|
this.toggle(id, 'show');
|
|
},
|
|
|
|
//hide/show all
|
|
toggle : function(id, action) {
|
|
var paso = false;
|
|
if(action === undefined) action = "show";
|
|
if(id !== undefined && typeof id === 'string') {
|
|
if($($.fn.postitall.globals.prefix + id).length > 0) {
|
|
$($.fn.postitall.globals.prefix + id).postitall(action);
|
|
paso = true;
|
|
} else if($(id.toString()).length) {
|
|
$(id.toString()).postitall(action);
|
|
paso = true;
|
|
}
|
|
}
|
|
if(!paso) {
|
|
$('.PIApostit').each(function () {
|
|
$(this).postitall(action);
|
|
});
|
|
}
|
|
},
|
|
|
|
//Get all notes
|
|
getNotes : function(callback, filtered) {
|
|
var len = -1;
|
|
var iteration = 0;
|
|
var finded = false;
|
|
var notes = [];
|
|
if(typeof filtered === 'undefined')
|
|
filtered = $.fn.postitall.globals.filter;
|
|
storageManager.getlength(function(len) {
|
|
if(!len) {
|
|
if(typeof callback === 'function') callback(notes);
|
|
return;
|
|
}
|
|
for (var i = 1; i <= len; i++) {
|
|
storageManager.key(i, function(key) {
|
|
storageManager.getByKey(key, function(o) {
|
|
if (o != null) {
|
|
if(filtered == "domain")
|
|
finded = (o.domain === window.location.origin);
|
|
else if(filtered == "page")
|
|
finded = (o.domain === window.location.origin && o.page === window.location.pathname);
|
|
else
|
|
finded = true;
|
|
if(finded) {
|
|
notes.push(o);
|
|
}
|
|
}
|
|
if(iteration == (len - 1) && callback != null) {
|
|
if(typeof callback === 'function') callback(notes);
|
|
callback = null;
|
|
}
|
|
iteration++;
|
|
});
|
|
});
|
|
}
|
|
});
|
|
},
|
|
|
|
//Load all (from storage)
|
|
load : function(callback, callbacks, highlight) {
|
|
var len = -1;
|
|
var iteration = 0;
|
|
$.PostItAll.getNotes(function(notes) {
|
|
if(notes.length > 0) {
|
|
len = notes.length;
|
|
$(notes).each(function(i,o) {
|
|
if($($.fn.postitall.globals.prefix + o.id).length <= 0) {
|
|
if(typeof callbacks === 'object') {
|
|
//console.log(callbacks);
|
|
if(callbacks.onCreated !== undefined) {
|
|
o.onCreated = callbacks.onCreated;
|
|
}
|
|
if(callbacks.onChange !== undefined) {
|
|
o.onChange = callbacks.onChange;
|
|
}
|
|
if(callbacks.onSelect !== undefined) {
|
|
o.onSelect = callbacks.onSelect;
|
|
}
|
|
if(callbacks.onDblClick !== undefined) {
|
|
o.onDblClick = callbacks.onDblClick;
|
|
}
|
|
if(callbacks.onRelease !== undefined) {
|
|
o.onRelease = callbacks.onRelease;
|
|
}
|
|
if(callbacks.onDelete !== undefined) {
|
|
o.onDelete = callbacks.onDelete;
|
|
}
|
|
}
|
|
if(o.flags !== undefined) {
|
|
o.flags.highlight = false;
|
|
if(highlight !== undefined && o.id == highlight) {
|
|
//console.log('highlight note', highlight);
|
|
o.flags.highlight = true;
|
|
}
|
|
}
|
|
$.PostItAll.new(o);
|
|
}
|
|
if(iteration == (len - 1) && callback != null) {
|
|
if(typeof callback === 'function') callback();
|
|
callback = null;
|
|
}
|
|
iteration++;
|
|
});
|
|
} else {
|
|
if(typeof callback === 'function') callback();
|
|
return;
|
|
}
|
|
});
|
|
},
|
|
|
|
//Save all (to storage)
|
|
save : function() {
|
|
//if(!$.fn.postitall.globals.savable && )
|
|
// return;
|
|
var options;
|
|
var id;
|
|
$('.PIApostit').each(function(i,e) {
|
|
id = $(e).data('PIA-id');
|
|
options = $(e).data('PIA-options');
|
|
if(id !== undefined && options !== undefined && ($.fn.postitall.globals.savable || options.features.savable)) {
|
|
$(this).postitall('save');
|
|
}
|
|
});
|
|
},
|
|
|
|
//Get number of notes (only in storage)
|
|
length : function(callback) {
|
|
$.PostItAll.getNotes(function(notes) {
|
|
if(callback !== undefined) callback(notes.length);
|
|
});
|
|
},
|
|
|
|
//Remove all notes
|
|
remove : function(delInline, delStorage, delDomain) {
|
|
this.destroy(false, delInline, delStorage, delDomain);
|
|
},
|
|
delete : function(delInline, delStorage, delDomain) {
|
|
this.destroy(false, delInline, delStorage, delDomain);
|
|
},
|
|
destroy : function(id, delInline, delStorage, delDomain) {
|
|
if(delInline == undefined)
|
|
delInline = true;
|
|
if(delStorage == undefined)
|
|
delStorage = true;
|
|
|
|
if(delInline) {
|
|
//Visible notes
|
|
if(id !== undefined && typeof id === "string") {
|
|
//Specific note
|
|
var opt = $(id).postitall('options');
|
|
if(delStorage) { // && ($.fn.postitall.globals.savable || opt.features.savable)) {
|
|
$(id).postitall('destroy');
|
|
} else {
|
|
$(id).postitall('hide');
|
|
}
|
|
} else {
|
|
//All notes
|
|
$('.PIApostit').each(function () {
|
|
var opt = $(this).postitall('options');
|
|
if(delStorage) { // && ($.fn.postitall.globals.savable || opt.features.savable)) {
|
|
$(this).postitall('destroy');
|
|
} else {
|
|
$(this).postitall('hide');
|
|
}
|
|
});
|
|
}
|
|
}
|
|
//TODO : Revisar
|
|
if(delStorage && delDomain !== "" && delDomain !== undefined) { //&& $.fn.postitall.globals.savable
|
|
//Storage notes
|
|
console.log('clearStorage',delDomain);
|
|
$.PostItAll.clearStorage(delDomain);
|
|
}
|
|
},
|
|
clearStorage : function(delDomain, callback) {
|
|
if(delDomain !== undefined) {
|
|
//Delete notes of an specific domain
|
|
storageManager.removeDom({ domain : delDomain }, function() {
|
|
console.log("Storage cleared for domain", delDomain);
|
|
if(callback !== undefined) callback();
|
|
});
|
|
} else {
|
|
//Delete all notes
|
|
storageManager.clear(function() {
|
|
console.log("Storage cleared");
|
|
if(callback !== undefined) callback();
|
|
});
|
|
}
|
|
},
|
|
|
|
//Import note
|
|
import : function() {
|
|
//Show upload dialog
|
|
$('#idImportFile').trigger('click');
|
|
},
|
|
|
|
//Export note
|
|
export : function(opt) {
|
|
var obj = null;
|
|
if(typeof opt === 'undefined') {
|
|
opt = "loaded";
|
|
}
|
|
if(typeof opt === 'string') {
|
|
switch(opt) {
|
|
case "all":
|
|
case "domain":
|
|
case "page":
|
|
obj = [];
|
|
$.PostItAll.getNotes(function(notes, opt) {
|
|
if(notes.length > 0) {
|
|
$(notes).each(function(i,o) {
|
|
var obj2 = $.PostItAll.options($.fn.postitall.globals.prefix + o.id);
|
|
obj.push(obj2);
|
|
});
|
|
}
|
|
});
|
|
break;
|
|
case "loaded":
|
|
obj = [];
|
|
$('.PIApostit').each(function(i,e) {
|
|
var obj2 = $.PostItAll.options($.fn.postitall.globals.prefix + $(e).data('PIA-id'));
|
|
obj.push(obj2);
|
|
});
|
|
break;
|
|
default:
|
|
//Get options
|
|
obj = $.PostItAll.options($.fn.postitall.globals.prefix + opt);
|
|
break;
|
|
}
|
|
|
|
setTimeout(function() {
|
|
if(obj != null && (obj.id !== undefined || obj.length > 0)) {
|
|
var dat = new Date();
|
|
//Create element
|
|
var element = document.createElement('a');
|
|
element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(JSON.stringify(obj)));
|
|
element.setAttribute('download', dat.toFormat("yyyymmdd") + $.fn.postitall.globals.prefix + opt + '.txt');
|
|
element.style.display = 'none';
|
|
//Append element to body
|
|
document.body.appendChild(element);
|
|
//Trigger download
|
|
element.click();
|
|
//Remove temporal element
|
|
document.body.removeChild(element);
|
|
} else {
|
|
alert('No notes to export');
|
|
console.log(obj);
|
|
}
|
|
}, 250);
|
|
}
|
|
}
|
|
};
|
|
|
|
//Note class
|
|
var PostItAll = function(obj, opt) {
|
|
this.options = {};
|
|
this.hoverState = false;
|
|
};
|
|
//Definition
|
|
PostItAll.prototype = {
|
|
|
|
// Initialize elements
|
|
init : function(obj, opt) {
|
|
//Default options
|
|
this.options = $.extend({}, $.fn.postitall.defaults);
|
|
//Set options
|
|
if (typeof opt !== 'object') {
|
|
opt = {};
|
|
}
|
|
this.setOptions(opt);
|
|
// Do nothing if already initialized
|
|
if (obj.data('PIA-initialized') || $($.fn.postitall.globals.prefix + opt.id).length > 0) {
|
|
return;
|
|
}
|
|
//Modify page content
|
|
opt = $.extend(this.options, opt);
|
|
this.setOptions(opt);
|
|
//obj id
|
|
obj.attr('id', $.fn.postitall.globals.prefix.substring(1) + opt.id);
|
|
|
|
//console.log('init');
|
|
//this.attachedTo();
|
|
|
|
//create stuff
|
|
var newObj = this.create(obj);
|
|
//Set on resize action
|
|
if($.fn.postitall.globals.autoPosition && opt.features.autoPosition)
|
|
$(window).on('resize', $.proxy(this.relativePosition, this));
|
|
//return obj
|
|
return newObj;
|
|
},
|
|
|
|
//Attach the note to a dom object
|
|
attachedTo : function(options) {
|
|
var t = this;
|
|
var data = options;
|
|
if(data === undefined) {
|
|
data = t.options;
|
|
}
|
|
var id = data.id;
|
|
var obj = $($.fn.postitall.globals.prefix + id);
|
|
|
|
//Recovers object selector (http://stackoverflow.com/questions/2420970/how-can-i-get-selector-from-jquery-object/14093425#14093425)
|
|
var get_selector = function (element) {
|
|
var $el = element;
|
|
var id = $el.attr("id");
|
|
if (id) { //"should" only be one of these if theres an ID
|
|
return "#"+ id;
|
|
}
|
|
var selector = $el.parents()
|
|
.map(function() { return this.tagName; })
|
|
.get().reverse().join(" ");
|
|
if (selector) {
|
|
selector += " "+ $el[0].nodeName;
|
|
}
|
|
var classNames = $el.attr("class");
|
|
if (classNames) {
|
|
selector += "." + $.trim(classNames).replace(/\s/gi, ".");
|
|
}
|
|
var name = $el.attr('name');
|
|
if (name) {
|
|
selector += "[name='" + name + "']";
|
|
}
|
|
if (!name){
|
|
var index = $el.index();
|
|
if (index) {
|
|
index = index + 1;
|
|
selector += ":nth-child(" + index + ")";
|
|
}
|
|
}
|
|
return selector;
|
|
};
|
|
|
|
//Position relative to a dom object
|
|
if(data.attachedTo === undefined || typeof data.attachedTo !== 'object') data.attachedTo = { };
|
|
|
|
//Dom object to attach (mandatory)
|
|
var objToAttach
|
|
if(data.attachedTo.element !== undefined) {
|
|
//DOM object
|
|
if(typeof data.attachedTo.element === 'object') {
|
|
//Get object selector
|
|
data.attachedTo.element = get_selector(data.attachedTo.element);
|
|
}
|
|
//String object
|
|
if(typeof data.attachedTo.element === 'string' && data.attachedTo.element !== "") {
|
|
if($(''+data.attachedTo.element).length > 0) {
|
|
objToAttach = $(''+data.attachedTo.element).first();
|
|
} else {
|
|
console.log('Object to attach not found in DOM.');
|
|
return;
|
|
}
|
|
} else {
|
|
console.log('Incorrect object to attach. Define a jQuery object or a DOM selector for the element property.');
|
|
return;
|
|
}
|
|
} else {
|
|
return;
|
|
}
|
|
|
|
var position = {};
|
|
if(this.elementOrParentIsFixed(data.attachedTo.element))
|
|
position = objToAttach.position();
|
|
else
|
|
position = objToAttach.offset();
|
|
|
|
if(data.attachedTo.arrow === undefined)
|
|
data.attachedTo.arrow = true;
|
|
|
|
if(data.attachedTo.position === undefined || data.attachedTo.position === "")
|
|
data.attachedTo.position = "right middle";
|
|
var tmpPos = data.attachedTo.position.split(" ");
|
|
var pos1 = tmpPos[0], pos2 = tmpPos[1];
|
|
var objWidth = objToAttach.width() + parseInt(objToAttach.css('padding-left'),10) + parseInt(objToAttach.css('padding-right'),10);
|
|
var objHeight = objToAttach.height() + parseInt(objToAttach.css('padding-top'),10) + parseInt(objToAttach.css('padding-bottom'),10);
|
|
var noteWidth = parseInt(obj.width(), 10) + parseInt(obj.css('padding-left'),10) + parseInt(obj.css('padding-right'),10);
|
|
var noteHeight = parseInt(obj.height(), 10) + parseInt(obj.css('padding-top'),10) + parseInt(obj.css('padding-bottom'),10);
|
|
|
|
//Breakpoints / responsive behaviour (https://github.com/txusko/PostItAll/issues/11)
|
|
var fixVertical = function(callback) {
|
|
var scrollPosition = self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
|
|
//console.log(data.posY, scrollPosition, (data.posY + data.height), (scrollPosition + $(window).height()));
|
|
if(data.posY < scrollPosition) {
|
|
data.posY = position.top + 20;
|
|
if(data.attachedTo.arrow && data.style.arrow != "top") {
|
|
data.style.arrow = "top";
|
|
t.hideArrow(data.id);
|
|
}
|
|
if(callback != null) setTimeout(function() { callback(); }, 100);
|
|
} else if((data.posY + data.height) > (scrollPosition + $(window).height())) {
|
|
data.posY = position.top + objHeight - noteHeight - 20;
|
|
if(data.attachedTo.arrow && data.style.arrow != "bottom") {
|
|
data.style.arrow = "bottom";
|
|
t.hideArrow(data.id);
|
|
}
|
|
if(callback != null) setTimeout(function() { callback(); }, 100);
|
|
}
|
|
};
|
|
var fixHorizontal = function(callback) {
|
|
var dataPosX = data.posX;
|
|
if(pos1 == "right")
|
|
dataPosX = dataPosX + noteWidth;
|
|
//console.log(dataPosX, data.posX, $(window).width());
|
|
if(dataPosX < 0) {
|
|
data.posX = position.left + 20;
|
|
if(data.attachedTo.arrow && data.style.arrow != "left") {
|
|
data.style.arrow = "left";
|
|
t.hideArrow(data.id);
|
|
}
|
|
if(callback != null) setTimeout(function() { callback(); }, 100);
|
|
} else if(dataPosX > $(window).width()) {
|
|
data.posX = (position.left + objWidth) - data.width - 20 - getScrollWidth();
|
|
if(data.attachedTo.arrow && data.style.arrow != "right") {
|
|
data.style.arrow = "right";
|
|
t.hideArrow(data.id);
|
|
}
|
|
if(callback != null) setTimeout(function() { callback(); }, 100);
|
|
}
|
|
};
|
|
|
|
var getScrollWidth = function() {
|
|
var outer = $('<div>').css({visibility: 'hidden', width: 94, overflow: 'scroll'}).appendTo('body');
|
|
var widthWithScroll = $('<div>').css({width: '100%'}).appendTo(outer).outerWidth();
|
|
outer.remove();
|
|
return 100 - widthWithScroll;
|
|
}
|
|
|
|
var updateNote = function() {
|
|
if($($.fn.postitall.globals.prefix + data.id).length > 0) {
|
|
$($.fn.postitall.globals.prefix + data.id).animate({
|
|
'top': data.posY,
|
|
'left': data.posX
|
|
}, 200, function() {
|
|
if(data.style.arrow != "none") {
|
|
//t.hideArrow(data.id, function() {
|
|
t.showArrow(data.id, data);
|
|
//});
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
switch(pos1) {
|
|
case 'top':
|
|
data.posY = position.top - noteHeight - 20;
|
|
if(pos2 == "left") {
|
|
data.posX = (position.left + (objWidth * 0.1)) - (data.width / 2);
|
|
} else if(pos2 == "right") {
|
|
data.posX = (position.left + (objWidth - (objWidth * 0.1))) - (data.width / 2);
|
|
} else {
|
|
data.posX = (position.left + (objWidth / 2)) - (data.width / 2);
|
|
}
|
|
if(data.attachedTo.arrow && data.style.arrow != "bottom") {
|
|
data.style.arrow = "bottom";
|
|
t.hideArrow(data.id);
|
|
}
|
|
break;
|
|
case 'right':
|
|
default:
|
|
data.posX = position.left + objWidth + 20;
|
|
if(pos2 == "top") {
|
|
data.posY = (position.top + (objHeight * 0.1)) - (data.height / 2);
|
|
} else if(pos2 == "bottom") {
|
|
data.posY = (position.top + (objHeight - (objHeight * 0.1))) - (data.height / 2);
|
|
} else {
|
|
data.posY = (position.top + (objHeight / 2)) - (data.height / 2);
|
|
}
|
|
if(data.attachedTo.arrow && data.style.arrow != "left") {
|
|
data.style.arrow = "left";
|
|
t.hideArrow(data.id);
|
|
}
|
|
break;
|
|
case 'bottom':
|
|
data.posY = position.top + objHeight + 20;
|
|
if(pos2 == "left") {
|
|
data.posX = (position.left + (objWidth * 0.1)) - (data.width / 2);
|
|
} else if(pos2 == "right") {
|
|
data.posX = (position.left + (objWidth - (objWidth * 0.1))) - (data.width / 2);
|
|
} else {
|
|
data.posX = (position.left + (objWidth / 2)) - (data.width / 2);
|
|
}
|
|
if(data.attachedTo.arrow && data.style.arrow != "top") {
|
|
data.style.arrow = "top";
|
|
t.hideArrow(data.id);
|
|
}
|
|
break;
|
|
case 'left':
|
|
data.posX = position.left - noteWidth - 20;
|
|
if(pos2 == "top") {
|
|
data.posY = (position.top + (objHeight * 0.1)) - (data.height / 2);
|
|
} else if(pos2 == "bottom") {
|
|
data.posY = (position.top + (objHeight - (objHeight * 0.1))) - (data.height / 2);
|
|
} else {
|
|
data.posY = (position.top + (objHeight / 2)) - (data.height / 2);
|
|
}
|
|
|
|
if(data.attachedTo.arrow && data.style.arrow != "right") {
|
|
data.style.arrow = "right";
|
|
t.hideArrow(data.id);
|
|
}
|
|
break;
|
|
}
|
|
|
|
if(pos1 === "left" || pos1 === "right") {
|
|
fixHorizontal(function() {
|
|
fixVertical();
|
|
});
|
|
} else if(pos1 === "top" || pos1 === "bottom") {
|
|
fixVertical(function() {
|
|
fixHorizontal();
|
|
});
|
|
}
|
|
|
|
if(data.attachedTo.fixed === undefined)
|
|
data.attachedTo.fixed = true;
|
|
|
|
setTimeout(function() { updateNote(); }, 200);
|
|
},
|
|
|
|
//Save object
|
|
save : function(obj, callback) {
|
|
var options = obj.data('PIA-options');
|
|
if(!$.fn.postitall.globals.savable && !options.features.savable)
|
|
return;
|
|
//console.log('save', options);
|
|
options.features.savable = true;
|
|
this.saveOptions(options, callback);
|
|
},
|
|
|
|
//Save options
|
|
saveOptions : function(options, callback) {
|
|
if(options === undefined)
|
|
options = this.options;
|
|
//console.log('saveOptions', options.posX, options.posY, options.width, options.height);
|
|
if ($.fn.postitall.globals.savable || options.features.savable) {
|
|
//console.log(options);
|
|
storageManager.add(options, function(error) {
|
|
if(error != "") {
|
|
if(callback != null) callback(error);
|
|
else alert('Error saving options: ' + error);
|
|
} else {
|
|
if(callback != null) callback();
|
|
}
|
|
});
|
|
}
|
|
options.onChange($.fn.postitall.globals.prefix + options.id);
|
|
},
|
|
|
|
//Destroy and remove
|
|
destroy : function(obj, callOnDelete) {
|
|
|
|
//Swith on lights
|
|
//this.switchOnLights();
|
|
//this.disableKeyboardNav();
|
|
|
|
//console.log(obj);
|
|
if(obj === undefined)
|
|
obj = $($.fn.postitall.globals.prefix + this.options.id);
|
|
if(callOnDelete === undefined)
|
|
callOnDelete = true;
|
|
|
|
var options = obj.data('PIA-options');
|
|
//console.log(this,options, obj);
|
|
var id = options.id;
|
|
|
|
//console.log('destroy', id, $.fn.postitall.globals.savable, options.features.savable);
|
|
//Remove from localstorage
|
|
if ($.fn.postitall.globals.savable || options.features.savable) {
|
|
if(options.features.savable) {
|
|
storageManager.remove(id);
|
|
options.onChange($.fn.postitall.globals.prefix + id);
|
|
} else {
|
|
storageManager.get(id, function(varvalue) {
|
|
if(varvalue != null && varvalue != "")
|
|
storageManager.remove(id);
|
|
options.onChange($.fn.postitall.globals.prefix + id);
|
|
});
|
|
}
|
|
}
|
|
//Destroy object
|
|
this.remove(options);
|
|
|
|
//Event handler on delete
|
|
if(callOnDelete) {
|
|
options.onDelete($.fn.postitall.globals.prefix + id);
|
|
}
|
|
},
|
|
|
|
//Hide note
|
|
remove : function(options) {
|
|
//hide object
|
|
var id = options.id;
|
|
//console.log('remove', id);
|
|
$($.fn.postitall.globals.prefix + id).removeData('PIA-id')
|
|
.removeData('PIA-initialized')
|
|
.removeData('PIA-settings')
|
|
.animate({
|
|
opacity: 0,
|
|
height: 0
|
|
}, function() {
|
|
$(this).remove();
|
|
});
|
|
/*.hide("slow", function () {
|
|
$(this).remove();
|
|
});*/
|
|
if(this.length <= 0)
|
|
$(window).off('resize');
|
|
},
|
|
|
|
hide : function(id) {
|
|
//hide object
|
|
if($($.fn.postitall.globals.prefix + id).length) {
|
|
var options = $($.fn.postitall.globals.prefix + id).data('PIA-options');
|
|
options.flags.hidden = true;
|
|
$($.fn.postitall.globals.prefix + id).slideUp();
|
|
this.saveOptions(options);
|
|
}
|
|
},
|
|
|
|
show : function(id) {
|
|
//show object
|
|
if($($.fn.postitall.globals.prefix + id).length) {
|
|
var options = $($.fn.postitall.globals.prefix + id).data('PIA-options');
|
|
options.flags.hidden = false;
|
|
options.features.hideUntil = null;
|
|
$($.fn.postitall.globals.prefix + id).slideDown();
|
|
this.saveOptions(options);
|
|
}
|
|
},
|
|
|
|
//Show the note in a specific date
|
|
showAgain : function(index, dat) {
|
|
var t = this;
|
|
var setToHappen = function(fn, date){
|
|
var now = new Date().getTime();
|
|
var diff = date.getTime() - now;
|
|
return setTimeout(fn, diff);
|
|
};
|
|
var dateFinish = new Date(dat);
|
|
if(dateFinish > Date.now()) {
|
|
console.log('show again on ' + dateFinish, Date.now() );
|
|
setToHappen(function() {
|
|
t.show(index);
|
|
}, dateFinish);
|
|
} else {
|
|
t.show(index);
|
|
}
|
|
},
|
|
|
|
//When user change arrow
|
|
arrowChangeOption : function(value) {
|
|
var index = this.options.id;
|
|
var options = this.options;
|
|
if($.fn.postitall.globals.addArrow == "none" && options.features == "none") {
|
|
return;
|
|
}
|
|
//console.log('arrowChangeOption', options.style.arrow, value);
|
|
//Get new position
|
|
if(options.style.arrow == value || value == 'none') {
|
|
//If this position is the same as before, remove arrow and show selectors
|
|
options.style.arrow = 'none';
|
|
$('.selectedArrow_'+index).show();
|
|
$('.selectedArrow_'+index).find('span').show();
|
|
} else {
|
|
//Set arrow and hide selectors
|
|
options.style.arrow = value;
|
|
$('.selectedArrow_'+index).hide();
|
|
}
|
|
|
|
//Change options arrow select
|
|
$('#idAddArrow_'+index).val(options.style.arrow);
|
|
|
|
this.hideArrow(index);
|
|
this.showArrow(index, options);
|
|
this.saveOptions(options);
|
|
return options;
|
|
},
|
|
|
|
//Hide arrow & icons
|
|
hideArrow : function(ind, callback) {
|
|
var index = this.options.id;
|
|
if(ind !== undefined)
|
|
index = ind;
|
|
|
|
//Remove previous arrow
|
|
$($.fn.postitall.globals.prefix + index).removeClass('arrow_box_top arrow_box_right arrow_box_bottom arrow_box_left', 1000, "easeInElastic");
|
|
$($.fn.postitall.globals.prefix + index).find('.icon_box').hide();
|
|
if(!$.ui) $($.fn.postitall.globals.prefix + index).css('overflow', 'hidden').css('resize', 'both');
|
|
//console.log('hide');
|
|
if(callback !== undefined) setTimeout(function() { callback(); }, 100);
|
|
},
|
|
|
|
//Show arrow and icons
|
|
showArrow : function(ind, opt) {
|
|
|
|
var index = this.options.id;
|
|
if(ind !== undefined)
|
|
index = ind;
|
|
var options = this.options;
|
|
if(opt !== undefined)
|
|
options = opt;
|
|
|
|
//delay(function() {
|
|
//Add arrow
|
|
//console.log(options.style.arrow, ($.fn.postitall.globals.prefix + index));
|
|
switch(options.style.arrow) {
|
|
case 'top':
|
|
$($.fn.postitall.globals.prefix + index).addClass('arrow_box_top', 1000, "easeInElastic").css('overflow', '').css('resize', '');
|
|
break;
|
|
case 'right':
|
|
$($.fn.postitall.globals.prefix + index).addClass('arrow_box_right', 1000, "easeInElastic").css('overflow', '').css('resize', '');
|
|
break;
|
|
case 'bottom':
|
|
$($.fn.postitall.globals.prefix + index).addClass('arrow_box_bottom', 1000, "easeInElastic").css('overflow', '').css('resize', '');
|
|
break;
|
|
case 'left':
|
|
$($.fn.postitall.globals.prefix + index).addClass('arrow_box_left', 1000, "easeInElastic").css('overflow', '').css('resize', '');
|
|
break;
|
|
}
|
|
//console.log('options.style.arrow',options.style.arrow);
|
|
if(options.style.arrow == 'none')
|
|
$($.fn.postitall.globals.prefix + index).find('.icon_box').show();
|
|
var icon = $($.fn.postitall.globals.prefix + index).find('div[data-value="'+options.style.arrow+'"]');
|
|
icon.show();
|
|
icon.find('span').hide();
|
|
//console.log('show');
|
|
|
|
//}, 250);
|
|
},
|
|
|
|
//Autoresize note
|
|
autoresize : function() {
|
|
var t = this;
|
|
var id = this.options.id;
|
|
var options = this.options;
|
|
var obj = $($.fn.postitall.globals.prefix + id);
|
|
if(options.flags.minimized || options.flags.expand)
|
|
return;
|
|
var toolBarHeight = parseInt(obj.find('.PIAtoolbar').height(), 10);
|
|
var contentHeight = parseInt(obj.find('.PIAeditable').height(), 10) + toolBarHeight,
|
|
posX = obj.css('left'),
|
|
posY = obj.css('top'),
|
|
divWidth = parseInt(obj.css('width'), 10),//parseInt(obj.width(), 10) + parseInt(obj.css('padding-left'),10) + parseInt(obj.css('padding-right'),10) + 2,
|
|
divHeight = parseInt(obj.css('height'), 10),
|
|
minDivHeight = options.minHeight;
|
|
var htmlEditorBarHeight = parseInt(obj.find('.trumbowyg-button-pane').height(), 10);
|
|
if(isNaN(htmlEditorBarHeight) || htmlEditorBarHeight <= 30) {
|
|
htmlEditorBarHeight = 35;
|
|
}
|
|
//console.log('divHeight',divHeight,'contentHeight',contentHeight);
|
|
if(contentHeight > divHeight - 30) {
|
|
divHeight = contentHeight + htmlEditorBarHeight;
|
|
} else if(contentHeight > options.minHeight) {
|
|
//Comment this line if we want to preserve user height
|
|
divHeight = contentHeight + htmlEditorBarHeight;
|
|
}
|
|
//console.log('newHeight',divHeight);
|
|
options.height = divHeight;
|
|
//obj.animate({ 'height': divHeight }, 250);
|
|
obj.css('height', divHeight);
|
|
//console.log('auto', divWidth);
|
|
options.width = divWidth;
|
|
|
|
if(!$( "#pia_editable_" + id ).is(':focus')) {
|
|
if(options.attachedTo.element !== "" && options.attachedTo.fixed)
|
|
t.attachedTo();
|
|
}
|
|
},
|
|
|
|
//Get next note Id
|
|
getIndex : function(savable, callback) {
|
|
if(!savable) {
|
|
callback(this.guid());
|
|
return;
|
|
}
|
|
|
|
var len = 0;
|
|
var content = "";
|
|
var paso = false;
|
|
storageManager.getlength(function(len) {
|
|
//console.log('getIndex.len', len);
|
|
var loadedItems = $('.PIApostit').length;
|
|
var items = len + loadedItems + 1;
|
|
//console.log('getIndex.items', items);
|
|
for(var i = 1; i <= items; i++) {
|
|
(function(i) {
|
|
storageManager.get(i, function(content) {
|
|
//console.log('getIndex.get', paso, i, content);
|
|
if(!paso && (content == null || content == "") && $( "#idPostIt_" + i ).length <= 0) {
|
|
//console.log('nou index', i);
|
|
paso = true;
|
|
}
|
|
if(callback != null && (paso || i >= items)) {
|
|
callback(i);
|
|
callback = null;
|
|
}
|
|
});
|
|
})(i);
|
|
}
|
|
});
|
|
},
|
|
|
|
// Set options
|
|
setOptions : function(opt, save) {
|
|
var t = this;
|
|
if (typeof opt !== 'object') {
|
|
opt = {};
|
|
}
|
|
if (save === undefined) {
|
|
save = false;
|
|
}
|
|
t.options = $.extend(t.options, opt);
|
|
/*jslint unparam: true*/
|
|
$.each(['onChange', 'onSelect', 'onRelease', 'onDblClick'], function (i, e) {
|
|
if (typeof t.options[e] !== 'function') {
|
|
t.options[e] = function () { return undefined; };
|
|
}
|
|
});
|
|
/*jslint unparam: false*/
|
|
if (save) {
|
|
//console.log('setOptions save', t.options);
|
|
this.saveOptions(t.options);
|
|
}
|
|
},
|
|
|
|
// Get user selection text on page
|
|
getSelectedText : function() {
|
|
var text = "";
|
|
if (window.getSelection) {
|
|
text = window.getSelection();
|
|
} else if (document.selection) {
|
|
text = document.selection.createRange().text;
|
|
}
|
|
return text;
|
|
},
|
|
|
|
// Get user selection html on page
|
|
getSelectedHtml : function() {
|
|
var html = "";
|
|
if (typeof window.getSelection != "undefined") {
|
|
var sel = window.getSelection();
|
|
if (sel.rangeCount) {
|
|
var container = document.createElement("div");
|
|
for (var i = 0, len = sel.rangeCount; i < len; ++i) {
|
|
container.appendChild(sel.getRangeAt(i).cloneContents());
|
|
}
|
|
html = container.innerHTML;
|
|
}
|
|
} else if (typeof document.selection != "undefined") {
|
|
if (document.selection.type == "Text") {
|
|
html = document.selection.createRange().htmlText;
|
|
}
|
|
}
|
|
return html;
|
|
},
|
|
|
|
//Recover client OS name
|
|
getOSName : function() {
|
|
var OSName="Unknown OS";
|
|
var browserNav = this.options.osname;
|
|
if (browserNav.indexOf("Win")!=-1) OSName="Windows";
|
|
if (browserNav.indexOf("Mac")!=-1) OSName="MacOS";
|
|
if (browserNav.indexOf("X11")!=-1) OSName="UNIX";
|
|
if (browserNav.indexOf("Linux")!=-1) OSName="Linux";
|
|
return OSName;
|
|
},
|
|
|
|
//flip cover to back
|
|
switchBackNoteOn : function(flipClass) {
|
|
var id = this.options.id;
|
|
$('#the_lights').data('highlightedId', id);
|
|
this.enableKeyboardNav();
|
|
$('#idPostIt_' + id + ' > .PIAback').css('visibility', 'visible');
|
|
$($.fn.postitall.globals.prefix + id).addClass('PIAflip ' + flipClass, function () {
|
|
$($.fn.postitall.globals.prefix + id + ' > .PIAfront').css('visibility', 'hidden');
|
|
$($.fn.postitall.globals.prefix + id + ' > .ui-resizable-handle').css('visibility', 'hidden');
|
|
});
|
|
if($.fn.postitall.globals.resizable && $.ui) $($.fn.postitall.globals.prefix + id).resizable("disable");
|
|
if($.fn.postitall.globals.draggable && $.ui) {
|
|
setTimeout(function() {
|
|
$($.fn.postitall.globals.prefix + id).draggable({disabled: true});
|
|
}, 500);
|
|
}
|
|
//$(this).parent().parent().parent().parent().addClass('PIAflip');
|
|
},
|
|
|
|
//flip back to cover
|
|
switchBackNoteOff : function(flipClass) {
|
|
var id = this.options.id;
|
|
$('#the_lights_close').click();
|
|
this.disableKeyboardNav();
|
|
$('#idPostIt_' + id + ' > .PIAfront').css('visibility', 'visible');
|
|
$($.fn.postitall.globals.prefix + id).removeClass('PIAflip ' + flipClass, function () {
|
|
$($.fn.postitall.globals.prefix + id + ' > .PIAback').css('visibility', 'hidden');
|
|
$($.fn.postitall.globals.prefix + id + ' > .ui-resizable-handle').css('visibility', '');
|
|
});
|
|
if($.fn.postitall.globals.resizable && $.ui) $($.fn.postitall.globals.prefix + id).resizable("enable");
|
|
if($.fn.postitall.globals.draggable && $.ui) {
|
|
setTimeout(function() {
|
|
//Enable draggable
|
|
$($.fn.postitall.globals.prefix + id).draggable({disabled: false});
|
|
//Show back-date
|
|
$('#idDateBackToolbar_' + id).show();
|
|
}, 500);
|
|
}
|
|
},
|
|
|
|
//add transparency to note
|
|
switchTrasparentNoteOn : function() {
|
|
var id = this.options.id;
|
|
var options = this.options;
|
|
var components = this.getRGBComponents(options.style.backgroundcolor);
|
|
//$($.fn.postitall.globals.prefix + id).css('background', 'rgb('+components.R+', '+components.G+', '+components.B+')');
|
|
$($.fn.postitall.globals.prefix + id).css('background-color', 'rgba('+components.R+', '+components.G+', '+components.B+', 0.8)');
|
|
},
|
|
|
|
//remove transparency to note
|
|
switchTrasparentNoteOff : function() {
|
|
var id = this.options.id;
|
|
var options = this.options;
|
|
var components = this.getRGBComponents(options.style.backgroundcolor);
|
|
//$($.fn.postitall.globals.prefix + id).css('background', 'rgb('+components.R+', '+components.G+', '+components.B+')');
|
|
$($.fn.postitall.globals.prefix + id).css('background-color', 'rgba('+components.R+', '+components.G+', '+components.B+', 1)');
|
|
},
|
|
|
|
//Switch off lights and highlight note
|
|
switchOffLights : function() {
|
|
var t = this;
|
|
var id = t.options.id;
|
|
if(id !== undefined) {
|
|
$($.fn.postitall.globals.prefix + id).css({
|
|
'z-index': 999999,
|
|
'border': '1px solid rgb(236, 236, 0)',
|
|
'box-shadow': 'rgb(192, 195, 155) 1px 1px 10px 3px',
|
|
});
|
|
}
|
|
setTimeout(function() {
|
|
$("#the_lights").fadeTo("fast", 0.6, function() {
|
|
$("#the_lights").css('display','block');
|
|
$("#the_lights").css({'height':($(document).height())+'px'});
|
|
$("#the_lights").css({'width':($(document).width())+'px'});
|
|
$("#the_lights").data('highlightedId', id);
|
|
// lock scroll position, but retain settings for later
|
|
var scrollPosition = [
|
|
self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
|
|
self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
|
|
];
|
|
$('html').data('scroll-position', scrollPosition);
|
|
$('html').data('previous-overflow', $('html').css('overflow'));
|
|
$('html').css('overflow', 'hidden');
|
|
$(window).on('resize', $.proxy(t.resizeAction, t));
|
|
window.scrollTo(scrollPosition[0], scrollPosition[1]);
|
|
});
|
|
}, 500);
|
|
},
|
|
|
|
//Switch lights on & remove highlighted note
|
|
switchOnLights : function() {
|
|
var id = $("#the_lights").data('highlightedId');
|
|
var options = $($.fn.postitall.globals.prefix + id).data('PIA-options');
|
|
var t = this;
|
|
if(id !== "" && options !== null && options !== undefined) {
|
|
$("#the_lights").data('highlightedId', '');
|
|
$($.fn.postitall.globals.prefix + id).css({
|
|
'z-index': 999995,
|
|
'border': '1px solid ' + $($.fn.postitall.globals.prefix + id).css('background-color'),
|
|
'box-shadow': '',
|
|
});
|
|
if(options.flags.expand) {
|
|
$('#pia_expand_'+id).click();
|
|
} else {
|
|
$('#pia_close_'+id).click();
|
|
}
|
|
}
|
|
if($("#the_lights").css('display') != "none") {
|
|
$("#the_lights").css('display','block');
|
|
$("#the_lights").fadeTo("slow",0, function() {
|
|
$("#the_lights").css('display','none');
|
|
});
|
|
// un-lock scroll position
|
|
var scrollPosition = $('html').data('scroll-position');
|
|
if(scrollPosition != undefined) {
|
|
//console.log('unlock', scrollPosition);
|
|
var tmpOvf = $('html').data('previous-overflow');
|
|
$('html').css('overflow', (tmpOvf != "hidden") ? tmpOvf : "visible" );
|
|
window.scrollTo(scrollPosition[0], scrollPosition[1]);
|
|
}
|
|
$(window).off('resize');
|
|
//Set on resize action
|
|
if($.fn.postitall.globals.autoPosition) // && options.features.autoPosition)
|
|
$(window).on('resize', $.proxy(t.relativePosition, t));
|
|
|
|
}
|
|
},
|
|
|
|
//On resize when lights are off
|
|
switchOffLightsResize : function() {
|
|
$("#the_lights").css({'height':($(document).height())+'px'});
|
|
},
|
|
|
|
//Enable keyboard actions
|
|
enableKeyboardNav : function(callback) {
|
|
//console.log('enableKeyboardNav');
|
|
this.callback = callback;
|
|
$(document).on('keyup.keyboard', $.proxy(this.keyboardAction, this));
|
|
},
|
|
|
|
//Disable keybord actions
|
|
disableKeyboardNav : function() {
|
|
//console.log('disableKeyboardNav');
|
|
$(document).off('keyup.keyboard');
|
|
},
|
|
|
|
//Keyboard actions
|
|
keyboardAction : function(event) {
|
|
//console.log('keyboardAction', event);
|
|
var KEYCODE_ESC = 27;
|
|
var keycode = event.keyCode;
|
|
var key = String.fromCharCode(keycode).toLowerCase();
|
|
//On keypress ESC
|
|
if (keycode === KEYCODE_ESC) { // || key.match(/x|o|c/)) {
|
|
//console.log('key press ESC');
|
|
if(this.callback != undefined) this.callback();
|
|
this.switchOnLights();
|
|
this.disableKeyboardNav();
|
|
}
|
|
},
|
|
|
|
//Resize expanded note when screen size changes
|
|
resizeAction : function(event) {
|
|
var t = this;
|
|
delay(function(){
|
|
//console.log('resizeAction', t.options.id);
|
|
//Lights switched off
|
|
var highlightedId = $("#the_lights").data('highlightedId');
|
|
if(highlightedId !== undefined && highlightedId !== ""){
|
|
t.switchOffLightsResize();
|
|
var options = $($.fn.postitall.globals.prefix + highlightedId).data('PIA-options');
|
|
if(options.flags.expand) {
|
|
$($.fn.postitall.globals.prefix + highlightedId).css({
|
|
top:'10px'
|
|
}).animate({
|
|
'height': $(window).height() - 30,
|
|
'width': $(window).width() - 30
|
|
});
|
|
}
|
|
}
|
|
}, 500);
|
|
},
|
|
|
|
//On screen resize, notes will preserve relative position to new width screen
|
|
relativePosition : function(event) {
|
|
var t = this;
|
|
if(!$.fn.postitall.globals.autoPosition || !t.options.features.autoPosition) {
|
|
$(window).off('resize');
|
|
return;
|
|
}
|
|
var obj, options;
|
|
delay(function(){
|
|
$('.PIApostit').each(function(i,e) {
|
|
obj = $($.fn.postitall.globals.prefix + $(e).data('PIA-id'));
|
|
options = $($.fn.postitall.globals.prefix + $(e).data('PIA-id')).data('PIA-options');
|
|
//console.log(i,options,obj);
|
|
if(options !== undefined && options.attachedTo.element !== undefined && options.attachedTo.element !== "") {
|
|
//Attached elements
|
|
if(options.attachedTo.fixed !== undefined && options.attachedTo.fixed)
|
|
t.attachedTo(options);
|
|
} else {
|
|
//Floating elements
|
|
//console.log('new pos for note ', i, e);
|
|
var noteLoc = obj.offset();
|
|
var screenLoc = { 'height': $(window).height(), 'width': $(window).width() };
|
|
var top = noteLoc.top;
|
|
var left = noteLoc.left;
|
|
var width = parseInt($(e).css('width'), 10) + parseInt($(e).css('padding-left'), 10) + parseInt($(e).css('padding-right'), 10);
|
|
var height = parseInt($(e).css('height'), 10) + parseInt($(e).css('padding-top'), 10) + parseInt($(e).css('padding-bottom'), 10);
|
|
|
|
var x1 = left, x2 = (left + width), y1 = top, y2 = (top + height);
|
|
var relTop = (y1 / screenLoc.height) * 100;
|
|
var relLeft = (x1 / screenLoc.width) * 100;
|
|
var relWidth = ((x2 - x1) / screenLoc.width) * 100;
|
|
var relHeight = ((y2 - y1) / screenLoc.height) * 100;
|
|
|
|
$(e).css({
|
|
//'top': relTop + "%",
|
|
'left': relLeft + "%",
|
|
//'width': relWidth + "%",
|
|
//'height': relHeight + "%"
|
|
});
|
|
options.posX = obj.offset().left;
|
|
}
|
|
//Save
|
|
obj.data('PIA-options', options);
|
|
//console.log('options', options);
|
|
});
|
|
//$.PostItAll.save();
|
|
}, 100);
|
|
},
|
|
|
|
//Save current note position in options.oldPosition
|
|
saveOldPosition : function() {
|
|
var obj = $($.fn.postitall.globals.prefix + this.options.id);
|
|
var leftMinimized = obj.css('left');
|
|
if(this.options.oldPosition !== undefined && this.options.oldPosition.leftMinimized !== undefined)
|
|
leftMinimized = this.options.oldPosition.leftMinimized;
|
|
var propCss = {
|
|
'position': obj.css('position'),
|
|
'left': obj.css('left'),
|
|
'top': obj.css('top'),
|
|
'height': obj.css('height'),
|
|
'width': obj.css('width'),
|
|
'leftMinimized': leftMinimized,
|
|
};
|
|
this.options.oldPosition = propCss;
|
|
//console.log('saveOldPosition', this.options.oldPosition);
|
|
this.setOptions(this.options, true);
|
|
},
|
|
|
|
//Scroll to note position
|
|
scrollToNotePosition : function(tmpTop, tmpHeight, tmpLeft, tmpWidth, callback) {
|
|
var scrollTop1 = self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
|
|
var scrollBottom1 = scrollTop1 + $(window).height();
|
|
var scrollTop2 = parseInt(tmpTop, 10);
|
|
var scrollBottom2 = scrollTop2 + parseInt(tmpHeight,10);
|
|
var scrollLeft1 = self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft;
|
|
var scrollRight1 = scrollLeft1 + $(window).width();
|
|
var scrollLeft2 = parseInt(tmpLeft, 10);
|
|
var scrollRight2 = scrollLeft2 + parseInt(tmpWidth,10);
|
|
//console.log(scrollTop2,scrollTop1,scrollBottom2,scrollBottom1);
|
|
if(scrollTop2 > scrollTop1 && scrollBottom2 < scrollBottom1 && scrollLeft2 > scrollLeft1 && scrollRight2 < scrollRight1) {
|
|
if(callback !== undefined) callback();
|
|
} else {
|
|
$('html, body').animate({
|
|
scrollTop: scrollTop2 - parseInt(tmpHeight,10),
|
|
scrollLeft: scrollLeft2 - parseInt(tmpWidth,10)
|
|
}, 400);
|
|
|
|
setTimeout(function() {
|
|
if(callback !== undefined) callback();
|
|
}, 500);
|
|
}
|
|
},
|
|
|
|
//Restore note with options.oldPosition
|
|
restoreOldPosition : function(scrollToNote, callback) {
|
|
if(scrollToNote === undefined)
|
|
scrollToNote = false;
|
|
|
|
var t = this;
|
|
var options = t.options;
|
|
var id = options.id;
|
|
var showNote = function() {
|
|
if(options.oldPosition.position == "absolute") {
|
|
$($.fn.postitall.globals.prefix + id).css({
|
|
'top': parseInt($($.fn.postitall.globals.prefix + id).css('top'), 10) + $(document).scrollTop()
|
|
});
|
|
} else {
|
|
$($.fn.postitall.globals.prefix + id).css({
|
|
'top': $($.fn.postitall.globals.prefix + id).css('top'),
|
|
});
|
|
}
|
|
$($.fn.postitall.globals.prefix + id).css({
|
|
'position': 'absolute',
|
|
'bottom': 'auto',
|
|
});
|
|
setTimeout(function(){
|
|
$($.fn.postitall.globals.prefix + id).animate({
|
|
'top': options.oldPosition.top,
|
|
'left': options.oldPosition.left,
|
|
'width': options.oldPosition.width,
|
|
'height': options.oldPosition.height,
|
|
}, 500, function() {
|
|
t.showArrow(id, options);
|
|
$(this).find( ".PIAeditable" ).css('height', 'auto');
|
|
t.autoresize();
|
|
//animate resize
|
|
if(options.flags.blocked) {
|
|
options.flags.blocked = false;
|
|
t.blockNote();
|
|
} else {
|
|
t.hoverOptions(id, true);
|
|
}
|
|
t.switchTrasparentNoteOff();
|
|
t.switchOnLights();
|
|
|
|
if(callback !== undefined) callback();
|
|
|
|
}).css({
|
|
'position': options.oldPosition.position,
|
|
});
|
|
}, 100);
|
|
};
|
|
|
|
if(scrollToNote && options.position != "fixed") {
|
|
t.scrollToNotePosition(options.oldPosition.top, options.height, options.oldPosition.left, options.width, showNote);
|
|
} else {
|
|
showNote();
|
|
}
|
|
|
|
},
|
|
|
|
//hide/show divList objects
|
|
toogleToolbar : function(action, divlist) {
|
|
var t = this;
|
|
var options = t.options;
|
|
var index = options.id;
|
|
var type = "";
|
|
var fadeOuTime = 200;
|
|
for(var i = 0; i < divlist.length; i++) {
|
|
type = divlist[i].substring(0,1);
|
|
if(type != "#" && type != ".") {
|
|
type = "#";
|
|
} else {
|
|
divlist[i] = divlist[i].substring(1);
|
|
}
|
|
if(action == "hide") {
|
|
$(type + divlist[i] + index).fadeTo(0, 0, function() {
|
|
$(this).hide();
|
|
});
|
|
} else {
|
|
$(type + divlist[i] + index).fadeTo(0, 1, function() {
|
|
$(this).show();
|
|
});
|
|
}
|
|
}
|
|
if(action == "hide") {
|
|
if ($.fn.postitall.globals.resizable && options.features.resizable) {
|
|
if ($.ui) $($.fn.postitall.globals.prefix + index).resizable("disable");
|
|
}
|
|
if ($.fn.postitall.globals.draggable && options.features.draggable) {
|
|
//draggable
|
|
if ($.ui) $($.fn.postitall.globals.prefix + index).draggable("disable");
|
|
$('#pia_toolbar_'+index).css('cursor', 'inherit');
|
|
}
|
|
} else {
|
|
if ($.fn.postitall.globals.resizable && options.features.resizable) {
|
|
if ($.ui) $($.fn.postitall.globals.prefix + index).resizable("enable");
|
|
}
|
|
if ($.fn.postitall.globals.draggable && options.features.draggable) {
|
|
if ($.ui) $($.fn.postitall.globals.prefix + index).draggable("enable");
|
|
$('#pia_toolbar_'+index).css('cursor', 'move');
|
|
}
|
|
t.hoverState = true;
|
|
//t.hoverOptions(index, true);
|
|
}
|
|
},
|
|
|
|
//Expand note
|
|
expandNote : function() {
|
|
var t = this;
|
|
var index = t.options.id;
|
|
var options = t.options;
|
|
$('#the_lights_close').hide();
|
|
$('#pia_expand_' + index).removeClass('icofont icofont-plus').addClass('icofont icofont-minus');
|
|
t.hoverOptions(index, false);
|
|
t.saveOldPosition();
|
|
t.toogleToolbar('hide', ['idPIAIconBottom_', 'idInfo_', 'pia_config_', 'pia_fixed_', 'pia_delete_', 'pia_blocked_', 'pia_minimize_', 'pia_new_', 'pia_hidden_']);
|
|
t.hideArrow();
|
|
t.switchTrasparentNoteOn();
|
|
t.switchOffLights();
|
|
// Expand note
|
|
$($.fn.postitall.globals.prefix + index).css({
|
|
'top':'10px',
|
|
'position': 'fixed',
|
|
}).animate({
|
|
'height': $(window).height() - 30,
|
|
'width': $(window).width() - 30,
|
|
'top': '10px',
|
|
'left': '10px',
|
|
}, 500, function() {
|
|
$('.PIApostit').css('z-index', 999995);
|
|
$(this).css('z-index', '999999');
|
|
$( "#pia_editable_" + index ).css('height',($(window).height() - 120));
|
|
$( "#pia_editable_" + index ).focus();
|
|
});
|
|
options.flags.expand = true;
|
|
t.enableKeyboardNav();
|
|
t.saveOptions(options);
|
|
},
|
|
|
|
//Collapse note (restoreOldPosition)
|
|
collapseNote : function() {
|
|
var t = this;
|
|
var index = t.options.id;
|
|
var options = t.options;
|
|
|
|
$('#the_lights_close').show();
|
|
$('#pia_expand_' + index).removeClass('icofont icofont-minus').addClass('icofont icofont-plus');
|
|
$($.fn.postitall.globals.prefix + index).css('position', options.position);
|
|
// show toolbar
|
|
t.toogleToolbar('show', ['idPIAIconBottom_', 'idInfo_', 'pia_config_', 'pia_fixed_', 'pia_delete_', 'pia_blocked_', 'pia_minimize_', 'pia_new_', 'pia_hidden_']);
|
|
//restore oldposition
|
|
t.restoreOldPosition();
|
|
//newstate
|
|
options.flags.expand = false;
|
|
t.saveOptions(options);
|
|
},
|
|
|
|
//Minimize/Maximize note
|
|
minimizeNote : function() {
|
|
var t = this;
|
|
var index = t.options.id;
|
|
var options = t.options;
|
|
var obj = $($.fn.postitall.globals.prefix + index);
|
|
|
|
if(!$.fn.postitall.globals.minimized || !options.features.minimized)
|
|
return;
|
|
|
|
//minimize action
|
|
var minimize = function() {
|
|
t.hoverOptions(index, false);
|
|
$('#pia_editable_'+index).hide();
|
|
$('#pia_minimize_'+index).removeClass('icofont icofont-minus').addClass('icofont icofont-minus');
|
|
options.flags.minimized = true;
|
|
//Add some start text to minimized note
|
|
var txtContent = " " + $('#pia_editable_'+index).text();
|
|
if(txtContent.length > 18)
|
|
txtContent = txtContent.substring(0,15) + "...";
|
|
var smallText = $('<div id="pia_minimized_text_'+index+'" class="PIAminimizedText" />').text(txtContent);
|
|
$('#pia_toolbar_'+index).append(smallText);
|
|
//hide toolbar
|
|
t.toogleToolbar('hide', ['idPIAIconBottom_', 'idInfo_', 'pia_config_', 'pia_fixed_', 'pia_delete_', 'pia_blocked_', 'pia_expand_', 'pia_new_', 'pia_hidden_']);
|
|
|
|
//Enable draggable x axis
|
|
if ($.fn.postitall.globals.draggable && options.features.draggable) {
|
|
//draggable
|
|
if ($.ui) {
|
|
obj.draggable("enable");
|
|
obj.draggable({ axis: "x" });
|
|
}
|
|
}
|
|
t.saveOldPosition();
|
|
//Minimize
|
|
var hideNote = function() {
|
|
$($.fn.postitall.globals.prefix + index).animate({
|
|
'width': (options.minWidth + 20),
|
|
'height': '20px',
|
|
'bottom': '0',
|
|
'left': options.oldPosition.leftMinimized,
|
|
}, 500, function() {
|
|
t.hideArrow();
|
|
t.switchTrasparentNoteOn();
|
|
$($.fn.postitall.globals.prefix + index).css({position:'fixed'})
|
|
}).css({
|
|
'top': 'auto',
|
|
});
|
|
};
|
|
|
|
$($.fn.postitall.globals.prefix + index).css({
|
|
'position': 'fixed',
|
|
});
|
|
if(options.position == "absolute") {
|
|
$($.fn.postitall.globals.prefix + index).css({
|
|
'top': parseInt(options.posY, 10) - $(document).scrollTop(),
|
|
});
|
|
}
|
|
setTimeout(function(){
|
|
hideNote();
|
|
}, 100);
|
|
};
|
|
//maximize action (restoreOldPosition)
|
|
var maximize = function() {
|
|
t.restoreOldPosition(true, function() {
|
|
$('#pia_editable_'+index).show();
|
|
$('#pia_minimize_'+index).removeClass('icofont icofont-minus').addClass('icofont icofont-minus');
|
|
options.flags.minimized = false;
|
|
// show toolbar
|
|
t.toogleToolbar('show', ['idPIAIconBottom_', 'idInfo_', 'pia_config_', 'pia_fixed_', 'pia_delete_', 'pia_blocked_', 'pia_expand_', 'pia_new_', 'pia_hidden_']);
|
|
$('#pia_minimized_text_'+index).remove();
|
|
//Remove draggable axis
|
|
if ($.fn.postitall.globals.draggable && options.features.draggable) {
|
|
if ($.ui) obj.draggable({ axis: "none" });
|
|
}
|
|
t.switchTrasparentNoteOff();
|
|
});
|
|
};
|
|
//Action
|
|
if(!options.flags.minimized) {
|
|
minimize();
|
|
} else {
|
|
maximize();
|
|
}
|
|
//Save feature
|
|
t.save(obj);
|
|
},
|
|
|
|
//Block note
|
|
blockNote : function() {
|
|
var t = this;
|
|
var index = t.options.id;
|
|
var options = t.options;
|
|
var obj = $($.fn.postitall.globals.prefix + index);
|
|
|
|
if(!$.fn.postitall.globals.blocked || !options.features.blocked)
|
|
return;
|
|
|
|
var ides = ['pia_config_', 'pia_fixed_', 'pia_delete_', 'idPIAIconBottom_', '.selectedArrow_'];
|
|
if(!options.flags.expand)
|
|
ides.push('pia_expand_');
|
|
if(!options.flags.minimized)
|
|
ides.push('pia_minimize_');
|
|
|
|
if(options.flags.blocked) {
|
|
$('#pia_blocked_'+index.toString()).removeClass('PIAblocked2').addClass('PIAblocked');
|
|
$('#pia_editable_'+index.toString()).attr('contenteditable', true).css("cursor", "");
|
|
//toolbar
|
|
t.toogleToolbar('show', ides);
|
|
//onhover actions
|
|
t.hoverOptions(index, true);
|
|
//new state
|
|
options.flags.blocked = false;
|
|
} else {
|
|
$('#pia_blocked_'+index.toString()).removeClass('PIAblocked').addClass('PIAblocked2');
|
|
$('#pia_editable_'+index.toString()).attr('contenteditable', false).css("cursor", "auto");
|
|
//disabel onhover actios
|
|
t.hoverOptions(index, false);
|
|
//toolbar
|
|
t.toogleToolbar('hide', ides);
|
|
//new state
|
|
options.flags.blocked = true;
|
|
}
|
|
//Save feature
|
|
t.save(obj);
|
|
},
|
|
|
|
//Fix note position
|
|
fixNote : function() {
|
|
var t = this;
|
|
var index = t.options.id;
|
|
var options = t.options;
|
|
var obj = $($.fn.postitall.globals.prefix + index);
|
|
if(options.flags.fixed) {
|
|
$('#pia_fixed_'+index).removeClass('PIAfixed2 PIAiconFixed').addClass('icofont icofont-tack-pin PIAicon');
|
|
options.position = "absolute";
|
|
options.posY = obj.offset().top;
|
|
obj.removeClass("fixed");
|
|
options.attachedTo.element = "";
|
|
options.flags.fixed = false;
|
|
} else {
|
|
$('#pia_fixed_'+index).removeClass('icofont icofont-tack-pin PIAicon').addClass('PIAfixed2 PIAiconFixed');
|
|
options.position = "fixed";
|
|
options.posY = parseInt(options.posY, 10) - $(document).scrollTop();
|
|
obj.addClass("fixed");
|
|
obj.css('z-index', 999996);
|
|
options.flags.fixed = true;
|
|
}
|
|
obj.css('position', options.position);
|
|
//obj.css('left', parseInt(options.posX, 10) + "px");
|
|
obj.css('top', parseInt(options.posY, 10) + "px");
|
|
//Save features
|
|
t.setOptions(options);
|
|
t.save(obj);
|
|
},
|
|
|
|
//Enable/Disable auto-hide toolbar icons when hover over the note
|
|
hoverOptions : function(index, enabled) {
|
|
|
|
//Hide toolbar
|
|
if(!$.fn.postitall.globals.toolbar || !this.options.features.toolbar)
|
|
return;
|
|
|
|
if(!$.fn.postitall.globals.autoHideToolBar || !this.options.features.autoHideToolBar)
|
|
enabled = false;
|
|
|
|
var fadeInTime = 200;
|
|
var fadeOuTime = 600;
|
|
var t = this;
|
|
|
|
if(enabled) {
|
|
setTimeout(function(){
|
|
//Options
|
|
$( $.fn.postitall.globals.prefix + index ).hover(function() {
|
|
$($.fn.postitall.globals.prefix + index).find('.PIAfront').find(".PIAicon, .PIAiconFixed").fadeTo(fadeInTime, 1);
|
|
if(t.options.style.arrow === undefined || t.options.style.arrow == "none")
|
|
$( $.fn.postitall.globals.prefix + index).find(".icon_box").fadeTo(fadeOuTime, 1);
|
|
$($.fn.postitall.globals.prefix + index + ' > .ui-resizable-handle').fadeTo(fadeInTime, 1);
|
|
t.hoverState = true;
|
|
}, function() {
|
|
setTimeout(function() {
|
|
if(!t.hoverState) {
|
|
$($.fn.postitall.globals.prefix + index).find('.PIAfront').find(".PIAicon, .PIAiconFixed").fadeTo(fadeOuTime, 0);
|
|
$($.fn.postitall.globals.prefix + index).find(".icon_box").fadeTo(fadeOuTime, 0);
|
|
$($.fn.postitall.globals.prefix + index + ' > .ui-resizable-handle').fadeTo(fadeOuTime, 0);
|
|
}
|
|
},(fadeOuTime - fadeInTime));
|
|
t.hoverState = false;
|
|
});
|
|
if(!t.hoverState) {
|
|
$($.fn.postitall.globals.prefix + index).find('.PIAfront').find(".PIAicon, .PIAiconFixed").fadeTo(fadeOuTime, 0);
|
|
$($.fn.postitall.globals.prefix + index).find(".icon_box").fadeTo(fadeOuTime, 0);
|
|
$($.fn.postitall.globals.prefix + index + ' > .ui-resizable-handle').fadeTo(fadeOuTime, 0);
|
|
}
|
|
},100);
|
|
return;
|
|
}
|
|
t.hoverState = false;
|
|
//Options
|
|
$( $.fn.postitall.globals.prefix + index ).unbind('mouseenter mouseleave');
|
|
//console.log('t.options.style.arrow',t.options.style.arrow);
|
|
if(t.options.style.arrow === undefined || t.options.style.arrow == "none")
|
|
$( $.fn.postitall.globals.prefix + index).find(".icon_box").fadeTo(fadeOuTime, 1);
|
|
$( $.fn.postitall.globals.prefix + index).find('.PIAfront').find(".PIAicon, .PIAiconFixed").fadeTo(fadeInTime, 1);
|
|
},
|
|
|
|
//Get a random color (if the feature is enabled, otherwhise will return default background color)
|
|
getRandomColor : function() {
|
|
var randomColor = "";
|
|
if($.fn.postitall.globals.randomColor && $.fn.postitall.defaults.features.randomColor) {
|
|
//Random color
|
|
//var colors = ["red", "blue", "yellow", "black", "green"];
|
|
//return colors[Math.floor(Math.random() * colors.length)];
|
|
randomColor = "#"+(Math.random()*0xFFFFFF<<0).toString(16);
|
|
} else {
|
|
//Default postit color
|
|
randomColor = $.fn.postitall.defaults.style.backgroundcolor;
|
|
}
|
|
if(randomColor.length < 7) {
|
|
var num = 7 - randomColor.length;
|
|
var ret = new Array( num + 1 ).join("0");
|
|
randomColor = randomColor + ret.toString();
|
|
}
|
|
return randomColor;
|
|
},
|
|
|
|
//Get text color relative tot hexcolor (if the featured is enabled, otherwise will return default text color)
|
|
getTextColor : function(hexcolor) {
|
|
if($.fn.postitall.globals.randomColor && $.fn.postitall.defaults.features.randomColor) {
|
|
//Inverse of background (hexcolor)
|
|
var nThreshold = 105;
|
|
var components = this.getRGBComponents(hexcolor);
|
|
var bgDelta = (components.R * 0.299) + (components.G * 0.587) + (components.B * 0.114);
|
|
return ((255 - bgDelta) < nThreshold) ? "#111111" : "#eeeeee";
|
|
} else {
|
|
//Default postit text color
|
|
return $.fn.postitall.defaults.style.textcolor;
|
|
}
|
|
},
|
|
|
|
//Get css text-shadow style
|
|
getTextShadowStyle : function(hexcolor) {
|
|
//console.log(hexcolor);
|
|
var nThreshold = 105;
|
|
var components = this.getRGBComponents(hexcolor);
|
|
var bgDelta = (components.R * 0.299) + (components.G * 0.587) + (components.B * 0.114);
|
|
return ((255 - bgDelta) < nThreshold) ? "tresdblack" : "tresd";
|
|
},
|
|
|
|
//Get rgb from an hex color
|
|
getRGBComponents : function(color) {
|
|
var r = color.substring(1, 3);
|
|
var g = color.substring(3, 5);
|
|
var b = color.substring(5, 7);
|
|
return {
|
|
R: parseInt(r, 16),
|
|
G: parseInt(g, 16),
|
|
B: parseInt(b, 16)
|
|
};
|
|
},
|
|
|
|
//Retrive unique random id (non savable notes)
|
|
guid : function() {
|
|
function s4() {
|
|
return Math.floor((1 + Math.random()) * 0x10000)
|
|
.toString(16)
|
|
.substring(1);
|
|
}
|
|
return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
|
|
s4() + '-' + s4() + s4() + s4();
|
|
},
|
|
|
|
//Check if the element or her parents have a fixed position
|
|
elementOrParentIsFixed : function(element) {
|
|
var $element = $(element);
|
|
var $checkElements = $element.add($element.parents());
|
|
var isFixed = false;
|
|
$checkElements.each(function(){
|
|
if ($(this).css("position") === "fixed") {
|
|
isFixed = true;
|
|
return false;
|
|
}
|
|
});
|
|
return isFixed;
|
|
},
|
|
|
|
//Create note from an object
|
|
create : function(obj) {
|
|
|
|
var t = this;
|
|
var options = t.options;
|
|
var index = options.id.toString();
|
|
|
|
//Add data to object
|
|
obj.data('PIA-id', index)
|
|
.data('PIA-initialized', true)
|
|
.data('PIA-options', options);
|
|
//Postit editable content
|
|
if (options.content === "") {
|
|
if (obj.html() !== "") {
|
|
options.content = obj.html();
|
|
}
|
|
}
|
|
//Front page: toolbar
|
|
var barCursor = "cursor: inherit;";
|
|
if ($.fn.postitall.globals.draggable && options.features.draggable) {
|
|
barCursor = "cursor: move;";
|
|
}
|
|
var toolbar = $('<div />', {
|
|
'id': 'pia_toolbar_' + index,
|
|
'class': 'PIAtoolbar',
|
|
'style': barCursor
|
|
});
|
|
|
|
//Drag support without jQuery UI - don't work so much well...
|
|
if (!$.ui) {
|
|
if ($.fn.postitall.globals.draggable && options.features.draggable) {
|
|
toolbar.drags();
|
|
}
|
|
}
|
|
|
|
//Delete icon
|
|
if($.fn.postitall.globals.removable) {
|
|
if (options.features.removable) {
|
|
toolbar.append($('<div />', {
|
|
'id': 'pia_delete_' + index,
|
|
'class': 'PIAdelete icofont icofont-close PIAicon'
|
|
}).click(function (e) {
|
|
if (obj.hasClass('PIAdragged')) {
|
|
obj.removeClass('PIAdragged');
|
|
} else {
|
|
if($.fn.postitall.globals.askOnDelete && options.features.askOnDelete) {
|
|
if ($(this).parent().find('.ui-widget2').length <= 0) {
|
|
$('.backContent_' + index).hide();
|
|
$('#idBackDelete_' + index + ' > .PIABox').css({
|
|
//'width': options.width - 10,
|
|
'height': options.height - 40
|
|
});
|
|
$('#idBackDelete_' + index).show();
|
|
t.switchBackNoteOn('PIAflip2');
|
|
t.switchOffLights();
|
|
}
|
|
} else {
|
|
t.destroy();
|
|
}
|
|
}
|
|
e.preventDefault();
|
|
}));
|
|
}
|
|
}
|
|
|
|
//Config icon
|
|
if($.fn.postitall.globals.changeoptions) {
|
|
if (options.features.changeoptions) {
|
|
toolbar.append(
|
|
$('<div />', {
|
|
'id': 'pia_config_' + index,
|
|
'class': 'PIAconfig PIAicon'
|
|
}).click(function (e) {
|
|
if (obj.hasClass('PIAdragged')) {
|
|
obj.removeClass('PIAdragged');
|
|
} else {
|
|
$('.backContent_'+index).hide();
|
|
$('#idBackConfig_'+index+' > .PIABox').css({
|
|
//'width': options.width - 10,
|
|
'height': options.height - 40
|
|
});
|
|
$('#idBackConfig_'+index).show();
|
|
t.switchBackNoteOn('PIAflip2');
|
|
|
|
}
|
|
e.preventDefault();
|
|
})
|
|
);
|
|
}
|
|
}
|
|
|
|
//Fixed
|
|
if($.fn.postitall.globals.fixed) {
|
|
if(options.features.fixed) {
|
|
toolbar.append(
|
|
$('<div />', {
|
|
'id': 'pia_fixed_' + index,
|
|
'class': 'icofont icofont-tack-pin' + (options.flags.fixed ? '2 PIAiconFixed' : ' PIAicon') + ' '
|
|
}).click(function (e) {
|
|
if (obj.hasClass('PIAdragged')) {
|
|
obj.removeClass('PIAdragged');
|
|
} else {
|
|
t.fixNote();
|
|
}
|
|
e.preventDefault();
|
|
})
|
|
);
|
|
}
|
|
}
|
|
|
|
//Hide
|
|
if($.fn.postitall.globals.hidden && options.features.hidden) {
|
|
toolbar.append(
|
|
$('<div />', {
|
|
'id': 'pia_hidden_' + index,
|
|
'class': 'PIAhide PIAicon'
|
|
}).click(function(e) {
|
|
if(obj.hasClass('PIAdragged')) {
|
|
obj.removeClass('PIAdragged');
|
|
} else {
|
|
if($.fn.postitall.globals.askOnHide && options.features.askOnHide) {
|
|
$('.backContent_'+index).hide();
|
|
$('#idHideUntil_'+index+' > .PIABox').css({
|
|
//'width': options.width - 10,
|
|
'height': options.height - 40
|
|
});
|
|
$('#idHideUntil_'+index).show();
|
|
t.switchBackNoteOn('PIAflip2');
|
|
} else {
|
|
t.hide(index);
|
|
}
|
|
}
|
|
e.preventDefault();
|
|
})
|
|
);
|
|
} else {
|
|
options.flags.hidden = false;
|
|
}
|
|
|
|
//MINIMIZE
|
|
if($.fn.postitall.globals.minimized && options.features.minimized) {
|
|
toolbar.append(
|
|
$('<div />', {
|
|
'id': 'pia_minimize_' + index,
|
|
'class': (options.flags.minimized ? 'icofont icofont-minus' : 'icofont icofont-minus') + ' PIAicon'
|
|
}).click(function (e) {
|
|
if (obj.hasClass('PIAdragged')) {
|
|
obj.removeClass('PIAdragged');
|
|
} else {
|
|
t.minimizeNote();
|
|
}
|
|
e.preventDefault();
|
|
})
|
|
);
|
|
} else {
|
|
options.flags.minimized = false;
|
|
}
|
|
|
|
//Expand note / Maximize
|
|
if($.fn.postitall.globals.expand && options.features.expand) {
|
|
toolbar.append(
|
|
$('<div />', {
|
|
'id': 'pia_expand_' + index,
|
|
'class': (options.flags.expand ? 'PIAmaximize' : 'icofont icofont-plus') + ' PIAicon'
|
|
}).click(function (e) {
|
|
if (obj.hasClass('PIAdragged')) {
|
|
obj.removeClass('PIAdragged');
|
|
} else {
|
|
if(!options.flags.expand) {
|
|
t.expandNote();
|
|
} else {
|
|
t.collapseNote();
|
|
}
|
|
}
|
|
e.preventDefault();
|
|
})
|
|
);
|
|
} else {
|
|
options.flags.expand = false;
|
|
}
|
|
|
|
//Blocked
|
|
if($.fn.postitall.globals.blocked && options.features.blocked) {
|
|
toolbar.append(
|
|
$('<div />', {
|
|
'id': 'pia_blocked_' + index,
|
|
'class': 'PIAblocked' + (options.flags.blocked == true ? '2' : '') + ' PIAicon',
|
|
}).click(function (e) {
|
|
if (obj.hasClass('PIAdragged')) {
|
|
obj.removeClass('PIAdragged');
|
|
} else {
|
|
t.blockNote();
|
|
}
|
|
e.preventDefault();
|
|
})
|
|
);
|
|
}
|
|
|
|
//Front page: content
|
|
var content = $('<div />', {
|
|
'id': 'pia_editable_' + index,
|
|
'class': 'PIAeditable PIAcontent',
|
|
//Reset herisated contenteditable styles
|
|
//color:'+options.style.textcolor+';min-width:99%;
|
|
'style': 'width: auto;height: auto;padding: 10px;border-color: transparent;min-width:' + (options.minWidth) + 'px;box-shadow:none;min-height:' + (options.minHeight - 100) + 'px;'
|
|
}).change(function (e) {
|
|
if(!$.fn.postitall.globals.editable || !options.features.editable) {
|
|
return;
|
|
}
|
|
|
|
var oldContent = options.content;
|
|
|
|
//Html format
|
|
var text = $(this).text();
|
|
if ($.fn.postitall.globals.pasteHtml || options.features.pasteHtml) {
|
|
text = $(this).html();
|
|
//Default sanitize
|
|
text = text.replace(/<script[^>]*?>.*?<\/script>/gi, '').
|
|
//replace(/<[\/\!]*?[^<>]*?>/gi, '').
|
|
replace(/<style[^>]*?>.*?<\/style>/gi, '').
|
|
replace(/<![\s\S]*?--[ \t\n\r]*>/gi, '');
|
|
//htmlClean sanitize plugin
|
|
if($.htmlClean !== undefined) {
|
|
//htmlClean plugin
|
|
text = $.htmlClean(text, { format: true });
|
|
}
|
|
}
|
|
t.options.content = text;
|
|
t.autoresize();
|
|
t.save(obj, function(error) {
|
|
if(error !== undefined && error !== "") {
|
|
alert('Error saving content! \n\n'+error+'\n\nReverting to last known content.');
|
|
t.options.content = oldContent;
|
|
$('#pia_editable_' + t.options.id).html(oldContent);
|
|
$('#pia_editable_' + t.options.id).trigger('change');
|
|
t.autoresize();
|
|
}
|
|
});
|
|
}).html(t.options.content);
|
|
|
|
if($.fn.postitall.globals.editable && options.features.editable) {
|
|
content.attr('contenteditable', true);
|
|
} else {
|
|
content.attr('contenteditable', false).css("cursor", "auto");
|
|
}
|
|
|
|
//Buttom icon toolbar
|
|
if(($.fn.postitall.globals.showInfo && options.features.showInfo)
|
|
|| ($.fn.postitall.globals.addNew && options.features.addNew)
|
|
|| ($.fn.postitall.globals.showMeta && options.features.showMeta
|
|
&& typeof options.meta !== 'undefined' && typeof options.meta === 'object')
|
|
) {
|
|
var bottomToolbar = $('<div />', {
|
|
'id': 'idPIAIconBottom_'+ index,
|
|
'class': 'PIAIconBottom'
|
|
});
|
|
//Info icon (show whit showInfo or with meta)
|
|
if (($.fn.postitall.globals.showInfo && options.features.showInfo)
|
|
|| ($.fn.postitall.globals.showMeta && options.features.showMeta
|
|
&& typeof options.meta !== 'undefined' && typeof options.meta === 'object')
|
|
) {
|
|
var info = $('<a />', {
|
|
'href': '#',
|
|
'id': 'idInfo_'+index,
|
|
'class': ' PIAicon PIAinfoIcon',
|
|
}).click(function(e) {
|
|
if (obj.hasClass('PIAdragged')) {
|
|
obj.removeClass('PIAdragged');
|
|
} else {
|
|
$('.backContent_'+index).hide();
|
|
$('#idBackInfo_'+index+' > .PIABox').css({
|
|
//'width': options.width - 10,
|
|
'height': options.height - 40
|
|
});
|
|
$('#idBackInfo_'+index+' .PIAtab span:nth-of-type(2)').css({
|
|
'width': options.width - 30,
|
|
'height': options.height - 60
|
|
});
|
|
$('#idBackInfo_'+index).show();
|
|
t.switchBackNoteOn('PIAflip2');
|
|
//Open first tab
|
|
if (($.fn.postitall.globals.showInfo && options.features.showInfo)
|
|
&& ($.fn.postitall.globals.showMeta && options.features.showMeta
|
|
&& typeof options.meta !== 'undefined' && typeof options.meta === 'object')) {
|
|
$('#idPIAtab-1'+index).click();
|
|
$('#idDateBackToolbar_' + index).hide();
|
|
}
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
bottomToolbar.append(info);
|
|
}
|
|
//Copy note icon
|
|
if($.fn.postitall.globals.addNew && options.features.addNew) {
|
|
|
|
var newNote = $('<a />', {
|
|
'href': '#',
|
|
'id': 'pia_new_' + index,
|
|
'class': 'icofont icofont-copy-alt PIAicon'
|
|
}).click(function (e) {
|
|
if (obj.hasClass('PIAdragged')) {
|
|
obj.removeClass('PIAdragged');
|
|
} else {
|
|
$.PostItAll.new({
|
|
content: options.content,
|
|
posX: parseInt(options.posX, 10) + 10,
|
|
posY: parseInt(options.posY, 10) + 10,
|
|
width: options.width,
|
|
height: options.height,
|
|
features: options.features,
|
|
attachedTo: options.attachedTo,
|
|
style: options.style,
|
|
}, function(id, options, obj) {
|
|
setTimeout(function() {
|
|
$('.PIApostit').css('z-index', 999995);
|
|
$(id).css('z-index', 999999);
|
|
}, 100);
|
|
});
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
bottomToolbar.append(newNote);
|
|
}
|
|
//Export note
|
|
if(options.features.export) {
|
|
var exportNote = $('<a />', {
|
|
'href': '#',
|
|
'id': 'pia_export_' + index,
|
|
'class': 'PIAexport PIAicon'
|
|
}).click(function (e) {
|
|
if (obj.hasClass('PIAdragged')) {
|
|
obj.removeClass('PIAdragged');
|
|
} else {
|
|
$.PostItAll.export(index);
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
bottomToolbar.append(exportNote);
|
|
}
|
|
|
|
toolbar.prepend(bottomToolbar);
|
|
}
|
|
|
|
//Front page
|
|
var front = $('<div />', {
|
|
'class': 'PIAfront',
|
|
'dir': 'ltr',
|
|
}).append(toolbar).append(content);
|
|
|
|
//// BACK PAGES ////
|
|
//Back: Toolbar
|
|
var toolbar = this.__getBPToolbar(index);
|
|
//Back 1: config
|
|
var configInfo = this.__getBPConfig(index);
|
|
//Back 2: delete
|
|
var deleteInfo = this.__getBPDelete(index, obj);
|
|
//Back 3: hideUntil
|
|
var hideUntilPanel = this.__getBPHideUntil(index);
|
|
//Back 4: Info & meta data
|
|
var metaDataPanel = this.__getBPMetaData(index);
|
|
|
|
//Back page content
|
|
var back = $('<div />', {
|
|
'class': 'PIAback PIAback1 PIAback2',
|
|
'style': 'visibility: hidden;'
|
|
})
|
|
.append(toolbar)
|
|
.append(configInfo)
|
|
.append(deleteInfo)
|
|
.append(hideUntilPanel)
|
|
.append(metaDataPanel);
|
|
|
|
//Create postit
|
|
var postit = $('<div />', {
|
|
'id': 'idPostIt_' + index,
|
|
'data-id': index
|
|
});
|
|
//Add front
|
|
postit.append(front);
|
|
//Add back
|
|
postit.append(back);
|
|
|
|
//Convert relative position to prevent height and width in html layout
|
|
if (options.position === "relative") {
|
|
options.position = "absolute";
|
|
options.posY = obj.offset().top + parseInt(options.posY, 10);
|
|
options.posY += "px";
|
|
options.posX = obj.offset().left + parseInt(options.posX, 10);
|
|
options.posX += "px";
|
|
}
|
|
|
|
//Arrow
|
|
var arrowClases = " ";
|
|
var arrowPaso = false;
|
|
if($.fn.postitall.globals.addArrow != "none" && options.features.addArrow != "none") {
|
|
arrowClases += "arrow_box";
|
|
switch(options.style.arrow) {
|
|
case 'top':
|
|
arrowClases += ' arrow_box_top';
|
|
arrowPaso = true;
|
|
break;
|
|
case 'right':
|
|
arrowClases += ' arrow_box_right';
|
|
arrowPaso = true;
|
|
break;
|
|
case 'bottom':
|
|
arrowClases += ' arrow_box_bottom';
|
|
arrowPaso = true;
|
|
break;
|
|
case 'left':
|
|
arrowClases += ' arrow_box_left';
|
|
arrowPaso = true;
|
|
break;
|
|
}
|
|
}
|
|
|
|
//Modify final Postit Object
|
|
obj.removeClass()
|
|
.addClass('PIApostit ' + (options.style.tresd ? ' PIApanel ' : ' PIAplainpanel ')
|
|
+ (options.position == "fixed" ? ' fixed ' : '') + arrowClases)
|
|
.css('position', options.position)
|
|
.css('top', options.posY)
|
|
.css('width', options.width + 'px')
|
|
.css('height', options.height + 'px')
|
|
.css('background-color', options.style.backgroundcolor)
|
|
.css('color', options.style.textcolor)
|
|
.css('font-family', options.style.fontfamily)
|
|
.css('font-size', options.style.fontsize)
|
|
.css('border-bottom-color', options.style.backgroundcolor)
|
|
.css('border-left-color', options.style.backgroundcolor)
|
|
.css('border-top-color', options.style.backgroundcolor)
|
|
.css('border-right-color', options.style.backgroundcolor);
|
|
|
|
if (options.right !== "") {
|
|
obj.css('right', options.right);
|
|
//options.right = "";
|
|
} else {
|
|
obj.css('left', options.posX)
|
|
}
|
|
if (options.style.textshadow) {
|
|
obj.addClass(t.getTextShadowStyle(options.style.textcolor));
|
|
} else {
|
|
obj.addClass('dosd');
|
|
}
|
|
obj.html(postit)
|
|
.on('focus', '#pia_editable_' + index, function () {
|
|
options.onSelect($.fn.postitall.globals.prefix + index);
|
|
|
|
if(options.flags.blocked)
|
|
return;
|
|
|
|
if($.fn.postitall.globals.htmlEditor && options.features.htmlEditor && $.trumbowyg) {
|
|
var paso = false;
|
|
//t.hoverOptions(index, false);
|
|
t.toogleToolbar('hide', ['idPIAIconBottom_', 'pia_toolbar_', '.selectedArrow_']);
|
|
$($.fn.postitall.globals.prefix + index + ' > .ui-resizable-handle').css('visibility', 'hidden');
|
|
$('#pia_editable_' + index).trumbowyg({
|
|
//prefix: 'trumbowyg-black trumbowyg-',
|
|
//btns: ['bold', 'italic', 'underline', 'strikethrough', '|', 'justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull', '|', 'link'],
|
|
btns: ['formatting',
|
|
'|', 'btnGrp-design',
|
|
'|', 'link',
|
|
'|', 'insertImage',
|
|
'|', 'btnGrp-justify',
|
|
'|', 'btnGrp-lists',
|
|
'|', 'horizontalRule',
|
|
'|', 'viewHTML'],
|
|
closable: true,
|
|
fullscreenable: false,
|
|
autogrow: true,
|
|
semantic: true,
|
|
})
|
|
.on('tbwfocus', function(){
|
|
//console.log('tbwfocus!');
|
|
//$( "#pia_editable_" + index ).dblclick();
|
|
//delay(function(){$( "#pia_editable_" + index ).focus();},500);
|
|
})
|
|
.on('tbwblur', function(){
|
|
//console.log('tbwblur!');
|
|
//delay(function() {
|
|
// $('#pia_editable_' + index).trumbowyg('destroy');
|
|
//},1000);
|
|
//$('.trumbowyg-close-button').click();
|
|
})
|
|
.on('tbwresize', function(){
|
|
//console.log('tbwresize!');
|
|
//delay(function() {
|
|
// this.autoresize($($.fn.postitall.globals.prefix + index));
|
|
//},1000);
|
|
});
|
|
$('#pia_editable_' + index).on('tbwclose', function(){
|
|
//console.log('tbwclose!');
|
|
$('#pia_editable_' + index).attr('contenteditable', true);
|
|
$('#pia_editable_' + index).css('height', 'auto');
|
|
t.toogleToolbar('show', ['idPIAIconBottom_', 'pia_toolbar_', '.selectedArrow_']);
|
|
$($.fn.postitall.globals.prefix + index + ' > .ui-resizable-handle').css('visibility', '');
|
|
|
|
t.autoresize();
|
|
var highlightedId = $("#the_lights").data('highlightedId');
|
|
if(highlightedId) {
|
|
t.collapseNote();
|
|
}
|
|
if(!paso) {
|
|
paso = true;
|
|
delay(function() {
|
|
options.onRelease($.fn.postitall.globals.prefix + index);
|
|
}, 100);
|
|
}
|
|
});
|
|
t.enableKeyboardNav(function() {
|
|
$('.trumbowyg-close-button').click();
|
|
t.autoresize();
|
|
});
|
|
t.autoresize();
|
|
}
|
|
var objeto = $(this);
|
|
objeto.data('before', objeto.html());
|
|
return objeto;
|
|
})
|
|
/*.on('focusout', '[contenteditable]', function () {
|
|
$('#pia_editable_' + index).trumbowyg('destroy');
|
|
$('#pia_editable_' + index).attr('contenteditable', true);
|
|
console.log('focusout!!', '#pia_editable_' + index);
|
|
var objeto = $(this);
|
|
return objeto;
|
|
})*/
|
|
.on('blur keyup paste input', '[contenteditable]', function (e) {
|
|
var objeto = $(this);
|
|
if (objeto.data('before') !== objeto.html()) {
|
|
delay(function() {
|
|
//console.log('change!');
|
|
var content = objeto.text();
|
|
if ($.fn.postitall.globals.pasteHtml || options.features.pasteHtml)
|
|
content = objeto.html();
|
|
objeto.data('before', content);
|
|
objeto.trigger('change');
|
|
options.onChange($.fn.postitall.globals.prefix + index);
|
|
//TODO : Validar que no es propaguen les tecles a l'aplicacio nativa
|
|
e.preventDefault();
|
|
}, 100);
|
|
}
|
|
return objeto;
|
|
})
|
|
.click(function (e) {
|
|
$('.PIApostit').css('z-index', 999995);
|
|
$(this).css('z-index', 999999);
|
|
});
|
|
|
|
if ($.ui) {
|
|
if ($.fn.postitall.globals.draggable && options.features.draggable) {
|
|
obj.draggable({
|
|
//handle: ".PIApostit",
|
|
scroll: false,
|
|
start: function (e) {
|
|
//Remove draggable postit option
|
|
$('.PIApostit').css('z-index', 999995);
|
|
$(this).css('z-index', 999999);
|
|
$(this).draggable('disable');
|
|
if(!options.flags.minimized) {
|
|
t.switchTrasparentNoteOn();
|
|
}
|
|
if(options.attachedTo.element !== "") {
|
|
options.attachedTo.element = '';
|
|
options.attachedTo.fixed = false;
|
|
}
|
|
obj.addClass('PIAdragged');
|
|
//onSelect event
|
|
options.onSelect($.fn.postitall.globals.prefix + options.id);
|
|
},
|
|
stop: function () {
|
|
//Enable draggable postit option
|
|
$(this).draggable('enable');
|
|
t.autoresize();
|
|
options.right = '';
|
|
//if ($.fn.postitall.globals.savable && options.features.savable) {
|
|
if(!options.flags.minimized) {
|
|
options.posY = obj.css('top');
|
|
options.posX = obj.css('left');
|
|
options.oldPosition.leftMinimized = undefined;
|
|
} else {
|
|
options.oldPosition.leftMinimized = obj.css('left');
|
|
}
|
|
t.saveOptions(options);
|
|
//}
|
|
if(!options.flags.minimized) {
|
|
t.switchTrasparentNoteOff();
|
|
}
|
|
delay(function() {
|
|
if (obj.hasClass('PIAdragged')) {
|
|
obj.removeClass('PIAdragged');
|
|
//onRelease event
|
|
options.onRelease($.fn.postitall.globals.prefix + options.id);
|
|
}
|
|
}, 200);
|
|
}
|
|
});
|
|
}
|
|
if ($.fn.postitall.globals.resizable && options.features.resizable) {
|
|
var pos = false;
|
|
//console.log('options.minHeight',options.minHeight);
|
|
obj.resizable({
|
|
animate: true,
|
|
helper: 'ui-resizable-helper',
|
|
minHeight: options.minHeight,
|
|
minWidth: options.minWidth,
|
|
start: function() {
|
|
t.switchTrasparentNoteOn();
|
|
//Change minheight on resizable
|
|
var tmpHeigth = $('#pia_editable_'+index).height();
|
|
if(tmpHeigth <= options.minHeight)
|
|
tmpHeigth = options.minHeight;
|
|
//$(this).resizable({minHeight: tmpHeigth });
|
|
//onSelect event
|
|
options.onSelect($.fn.postitall.globals.prefix + options.id);
|
|
},
|
|
stop: function () {
|
|
delay(function(){
|
|
//console.log('stop autoresize');
|
|
t.autoresize();
|
|
options.right = '';
|
|
//if ($.fn.postitall.globals.savable && options.features.savable) {
|
|
options.posY = obj.css('top');
|
|
options.posX = obj.css('left');
|
|
t.autoresize();
|
|
t.saveOptions(options);
|
|
//}
|
|
//onRelease event
|
|
options.onRelease($.fn.postitall.globals.prefix + options.id);
|
|
}, 1000);
|
|
t.switchTrasparentNoteOff();
|
|
}
|
|
});
|
|
}
|
|
} else {
|
|
//TODO : Resizable without jquer-ui
|
|
if ($.fn.postitall.globals.resizable && options.features.resizable) {
|
|
obj.css('overflow', 'hidden');
|
|
obj.css('resize', 'both');
|
|
obj.find('.PIAfront').css('height', '92%');
|
|
obj.find('.PIAIconBottom').css('bottom', '0%');
|
|
}
|
|
}
|
|
//hide back
|
|
$('.backContent_' + options.id).hide();
|
|
|
|
if(!options.style.tresd) {
|
|
$('#generalstyle_' + options.id).click();
|
|
}
|
|
if(!options.style.textshadow) {
|
|
$('#textshadow_' + options.id).click();
|
|
}
|
|
//Postit fixed?
|
|
if($.fn.postitall.globals.fixed && options.features.fixed && (options.flags.fixed || options.position == "fixed")) {
|
|
options.flags.fixed = false;
|
|
$('#pia_fixed_' + options.id).click();
|
|
}
|
|
//Postit expanded?
|
|
if($.fn.postitall.globals.expand && options.features.expand && options.flags.expand) {
|
|
options.flags.expand = false;
|
|
$('#pia_expand_' + options.id).click();
|
|
delay(function() {
|
|
$('#pia_editable_' + options.id).focus();
|
|
}, 500);
|
|
}
|
|
//Postit bloqued?
|
|
if(($.fn.postitall.globals.blocked || options.features.blocked) && options.flags.blocked) {
|
|
options.flags.blocked = false;
|
|
$('#pia_blocked_' + options.id).click();
|
|
}
|
|
//Postit minimized?
|
|
if($.fn.postitall.globals.minimized && options.features.minimized && options.flags.minimized) {
|
|
options.flags.minimized = false;
|
|
$('#pia_minimize_' + options.id).click();
|
|
}
|
|
|
|
//Select arrow in front
|
|
if( ($.fn.postitall.globals.addArrow == "front" || $.fn.postitall.globals.addArrow == "all")
|
|
|| (options.features.addArrow == "all" || options.features.addArrow == "front") ) {
|
|
var checks = "<div class='PIAicon icon_box icon_box_top selectedArrow_"+index+"' data-index='"+index+"' data-value='top'><span class='ui-icon ui-icon-triangle-1-n'></span></div>";
|
|
checks += "<div class='PIAicon icon_box icon_box_right selectedArrow_"+index+"' data-index='"+index+"' data-value='right'><span class='ui-icon ui-icon-triangle-1-e'></span></div>";
|
|
checks += "<div class='PIAicon icon_box icon_box_bottom selectedArrow_"+index+"' data-index='"+index+"' data-value='bottom'><span class='ui-icon ui-icon-triangle-1-s'></span></div>";
|
|
checks += "<div class='PIAicon icon_box icon_box_left selectedArrow_"+index+"' data-index='"+index+"' data-value='left'><span class='ui-icon ui-icon-triangle-1-w'></span></div>";
|
|
obj.append(checks);
|
|
|
|
$('.selectedArrow_'+index).click(function(e) {
|
|
if (obj.hasClass('PIAdragged')) {
|
|
obj.removeClass('PIAdragged');
|
|
} else {
|
|
options = t.arrowChangeOption($(this).attr('data-value'));
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
}
|
|
if(arrowPaso) {
|
|
var icon = $($.fn.postitall.globals.prefix+index).find('div[data-value="'+options.style.arrow+'"]');
|
|
icon.show();
|
|
icon.find('span').hide();
|
|
//console.log('arrowPaso', arrowPaso, index, options.style.arrow);
|
|
}
|
|
|
|
//Change hidden state if note is higlighted
|
|
if(options.flags.highlight)
|
|
options.flags.hidden = false;
|
|
|
|
//Show postit
|
|
if(!options.flags.hidden) {
|
|
obj.slideDown(function () {
|
|
//Rest of actions
|
|
//Config: text shadow
|
|
$('#textshadow_' + index).click(function () {
|
|
|
|
if ($(this).is(':checked')) {
|
|
$(this).closest('.PIApostit').find('.PIAcontent').addClass(t.getTextShadowStyle($('#minicolors_text_' + index).val())).removeClass('dosd');
|
|
options.style.textshadow = true;
|
|
} else {
|
|
$(this).closest('.PIApostit').find('.PIAcontent').addClass('dosd').removeClass('tresd').removeClass('tresdblack');
|
|
options.style.textshadow = false;
|
|
}
|
|
t.setOptions(options, true);
|
|
});
|
|
//3d or plain
|
|
$('#generalstyle_' + index).click(function () {
|
|
if ($(this).is(':checked')) {
|
|
$($.fn.postitall.globals.prefix + index).removeClass('PIAplainpanel').addClass('PIApanel');
|
|
options.style.tresd = true;
|
|
} else {
|
|
$($.fn.postitall.globals.prefix + index).removeClass('PIApanel').addClass('PIAplainpanel');
|
|
options.style.tresd = false;
|
|
}
|
|
t.setOptions(options, true);
|
|
});
|
|
//Background and text color
|
|
if ($.minicolors) {
|
|
//Config: change background-color
|
|
$('#minicolors_bg_' + index).minicolors({
|
|
//opacity: true,
|
|
change: function (hex, rgb) {
|
|
console.log(hex, rgb);
|
|
$($.fn.postitall.globals.prefix + index).css('background-color', hex);
|
|
//$($.fn.postitall.globals.prefix + index).css('opacity', rgb);
|
|
options.style.backgroundcolor = hex;
|
|
t.setOptions(options, true);
|
|
}
|
|
});
|
|
//Config: text color
|
|
$('#minicolors_text_' + index).minicolors({
|
|
change: function (hex) {
|
|
$($.fn.postitall.globals.prefix + index).css('color', hex);
|
|
options.style.textcolor = hex;
|
|
t.setOptions(options, true);
|
|
}
|
|
});
|
|
} else {
|
|
$('#minicolors_bg_' + index).change(function () {
|
|
$(this).closest('.PIApostit').css('background-color', $(this).val());
|
|
options.style.backgroundcolor = $(this).val();
|
|
t.setOptions(options, true);
|
|
});
|
|
$('#minicolors_text_' + index).change(function () {
|
|
$(this).closest('.PIApostit').css('color', $(this).val());
|
|
options.style.textcolor = $(this).val();
|
|
t.setOptions(options, true);
|
|
});
|
|
}
|
|
|
|
//Autoresize to fit content when content load is done
|
|
t.autoresize();
|
|
});
|
|
} else {
|
|
if(options.features.hideUntil !== null)
|
|
t.showAgain(index, options.features.hideUntil);
|
|
else
|
|
console.log('estic amagat sense data de fi', options.features);
|
|
|
|
}
|
|
|
|
//Hover options
|
|
if(!options.flags.minimized && !options.flags.expand && !options.flags.blocked) {
|
|
t.hoverOptions(index, true);
|
|
}
|
|
|
|
//disable draggable on mouseenter in contenteditable div
|
|
if ($.fn.postitall.globals.draggable && options.features.draggable) {
|
|
$("#pia_editable_" + index).mouseenter(function (e) {
|
|
if($.ui) obj.draggable({disabled: true});
|
|
}).mouseleave(function(e) {
|
|
if($.ui && !options.flags.blocked && !options.flags.expand) {
|
|
obj.draggable({disabled: false});
|
|
}
|
|
});
|
|
}
|
|
|
|
//Bind paste event
|
|
$("#pia_editable_" + index).bind('paste', function (e){
|
|
var element = this;
|
|
$("#pia_editable_" + index).css("opacity", "0");
|
|
setTimeout(function(){
|
|
var text = "";
|
|
if (!$.fn.postitall.globals.pasteHtml || !options.features.pasteHtml) {
|
|
//Text format
|
|
text = $(element).text();
|
|
} else {
|
|
//Html format
|
|
text = $(element).html();
|
|
//Default sanitize
|
|
text = text.replace(/<script[^>]*?>.*?<\/script>/gi, '').
|
|
//replace(/<[\/\!]*?[^<>]*?>/gi, '').
|
|
replace(/<style[^>]*?>.*?<\/style>/gi, '').
|
|
replace(/<![\s\S]*?--[ \t\n\r]*>/gi, '');
|
|
//htmlClean sanitize plugin
|
|
if($.htmlClean !== undefined) {
|
|
//htmlClean plugin
|
|
text = $.htmlClean(text, { format: true });
|
|
}
|
|
}
|
|
$("#pia_editable_" + index).html(text);
|
|
t.autoresize();
|
|
$("#pia_editable_" + index).css("opacity", "1");
|
|
}, 100);
|
|
});
|
|
|
|
//Bind click event
|
|
//$(obj).click(function() {
|
|
// options.onSelect($.fn.postitall.globals.prefix + index);
|
|
//});
|
|
//Bind dblclick event
|
|
$(obj).dblclick(function() {
|
|
options.onDblClick($.fn.postitall.globals.prefix + index);
|
|
});
|
|
|
|
//Stop key propagation on contenteditable
|
|
$("#pia_editable_" + index).keydown(function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
|
|
var t = this;
|
|
setTimeout(function() {
|
|
//Save in storage
|
|
t.saveOptions(options);
|
|
//OnCreated event (id, options, obj)
|
|
options.onCreated($.fn.postitall.globals.prefix + index, options, obj);
|
|
//Highlight note
|
|
if(options.flags.highlight) {
|
|
t.scrollToNotePosition(options.posY, options.height, options.posX, options.width, function() {
|
|
t.switchOffLights();
|
|
t.enableKeyboardNav();
|
|
});
|
|
}
|
|
},200);
|
|
|
|
//chaining
|
|
return obj;
|
|
},
|
|
|
|
//// Back panels
|
|
|
|
//Toolbar
|
|
__getBPToolbar : function(index) {
|
|
var t = this;
|
|
var options = t.options;
|
|
//Creation date
|
|
var d = new Date(options.created);
|
|
//Back page: toolbar
|
|
var toolbar = $('<div />', { 'class': 'PIAtoolbarBack' }) //, 'style': barCursor })
|
|
//Close config icon
|
|
.append($('<div />', {
|
|
'id': 'pia_close_' + index,
|
|
'class': 'PIAclose PIAicon',
|
|
'style': 'display:block;'
|
|
})
|
|
.click(function (e) {
|
|
t.switchBackNoteOff('PIAflip2');
|
|
t.switchOnLights();
|
|
e.preventDefault();
|
|
})
|
|
)
|
|
.append($('<span />', {
|
|
'id': 'idDateBackToolbar_' + index,
|
|
'class': 'PIAdateBackToolbar'
|
|
}).html(d.toLocaleDateString() + " (" + d.toLocaleTimeString() + ")")
|
|
);
|
|
return toolbar;
|
|
},
|
|
|
|
//Config back panel
|
|
__getBPConfig : function(index) {
|
|
var t = this;
|
|
var options = t.options;
|
|
//Back page: config content
|
|
var content = "";
|
|
if($.fn.postitall.globals.changeoptions) {
|
|
//Background color
|
|
var bgLabel = $('<label />', {
|
|
'class': 'minicolors_label',
|
|
'for': 'minicolors_bg_' + index,
|
|
}).html('Background-color:');
|
|
var bgString = $('<input />', {
|
|
'class': 'minicolors',
|
|
'id': 'minicolors_bg_' + index,
|
|
'type': 'text',
|
|
'height': '14px',
|
|
'style': 'font-size:smaller;',
|
|
'value': options.style.backgroundcolor,
|
|
'data-default-value': options.style.backgroundcolor
|
|
});
|
|
//Text color
|
|
var tcLabel = $('<label />', {
|
|
'class': 'minicolors_label',
|
|
'for': 'minicolors_text_' + index,
|
|
'style': 'margin-top: 5px;'
|
|
}).html('Text color:');
|
|
var tcString = $('<input />', {
|
|
'class': 'minicolors',
|
|
'id': 'minicolors_text_' + index,
|
|
'type': 'text',
|
|
'height': '14px',
|
|
'style': 'font-size:smaller;',
|
|
'value': options.style.textcolor,
|
|
'data-default-value': options.style.textcolor
|
|
});
|
|
//Text shadow
|
|
var checked = '';
|
|
if (options.style.textshadow) {
|
|
checked = 'checked';
|
|
}
|
|
var tsString = $('<input />', {
|
|
'id': 'textshadow_' + index,
|
|
'type': 'checkbox',
|
|
'checked': checked
|
|
});
|
|
var tsLabel = $('<label />', {
|
|
'class': 'minicolors_label',
|
|
'for': 'textshadow_' + index
|
|
}).append(tsString).append(' Text shadow');
|
|
//3d style
|
|
var checked2 = '';
|
|
if (options.style.tresd) {
|
|
checked2 = 'checked';
|
|
}
|
|
var gsString = $('<input />', {
|
|
'id': 'generalstyle_' + index,
|
|
'type': 'checkbox',
|
|
'checked': checked2
|
|
});
|
|
var gsLabel = $('<label />', {
|
|
'class': 'minicolors_label',
|
|
'for': 'generalstyle_' + index,
|
|
}).append(gsString).append(' 3D style');
|
|
|
|
//Add arrow selection in options
|
|
var aaString = "";
|
|
if($.fn.postitall.globals.addArrow == "back" || $.fn.postitall.globals.addArrow == "all"
|
|
|| options.features.addArrow == "back" || options.features.addArrow == "all") {
|
|
aaString = $('<select />', {
|
|
'id': 'idAddArrow_' + index,
|
|
'style': 'margin-top: 5px;',
|
|
});
|
|
aaString.append('<option value="none" '+(options.style.arrow == "none" ? 'selected' : '')+'>Arrow in:</option>');
|
|
aaString.append('<option value="top" '+(options.style.arrow == "top" ? 'selected' : '')+'>Top</option>');
|
|
aaString.append('<option value="right" '+(options.style.arrow == "right" ? 'selected' : '')+'>Right</option>');
|
|
aaString.append('<option value="bottom" '+(options.style.arrow == "bottom" ? 'selected' : '')+'>Bottom</option>');
|
|
aaString.append('<option value="left" '+(options.style.arrow == "left" ? 'selected' : '')+'>Left</option>');
|
|
aaString.change(function(e) {
|
|
options = t.arrowChangeOption($(this).val());
|
|
e.preventDefault();
|
|
});
|
|
}
|
|
|
|
content = $('<div />', {
|
|
'id': 'idBackConfig_'+index,
|
|
'class': 'PIAcontent backContent_'+index,
|
|
}).append($('<div />', {
|
|
'class': 'PIABox PIAconfigBox',
|
|
//'style': 'margin-left: -5px;',
|
|
//'width': options.width - 10,
|
|
//'width': 'auto',
|
|
'height': options.height - 40
|
|
}).append("<div class='PIAtitle'>Note config</div>")
|
|
.append(bgLabel).append(bgString) // Bg color
|
|
.append(gsLabel) // 3d or plain style
|
|
.append(tcLabel).append(tcString) // Text color
|
|
.append(tsLabel) // Text shadow
|
|
.append(aaString) //Arrow selection
|
|
);
|
|
}
|
|
return content;
|
|
},
|
|
|
|
//Delete back panel
|
|
__getBPDelete : function(index, obj) {
|
|
var t = this;
|
|
var options = t.options;
|
|
var deleteInfo = "";
|
|
if($.fn.postitall.globals.askOnDelete && options.features.askOnDelete) {
|
|
deleteInfo = $('<div />', {
|
|
'id': 'idBackDelete_' + index,
|
|
'class': 'PIAcontent backContent_'+index
|
|
}).append($('<div />', {
|
|
'id': 'pia_confirmdel_' + index,
|
|
'class': 'PIABox PIAwarningBox',
|
|
//'style': 'margin-left: -5px;',
|
|
//'width': options.width - 10,
|
|
//'width': 'auto',
|
|
'height': options.height - 40
|
|
}).append("<div class='PIAtitle'>Delete note!</div>")
|
|
.append($('<span />', {
|
|
'style': 'line-height:10px;font-size:10px;',
|
|
'class': 'PIAdelwar float-left'
|
|
}))
|
|
.append($('<div />', { 'class': 'PIAconfirmOpt' }).append(
|
|
$('<a />', { 'id': 'sure_delete_' + index, 'href': '#' })
|
|
.click(function(e) {
|
|
t.switchOnLights();
|
|
var id = obj.data('PIA-id');
|
|
t.destroy();
|
|
e.preventDefault();
|
|
}).append($('<span />', { 'class': 'PIAdelyes' }).append("Delete this"))))
|
|
.append($('<div />', { 'class': 'PIAconfirmOpt' }).append(
|
|
$('<a />', { 'id': 'all_' + index, 'href': '#' })
|
|
.click(function(e) {
|
|
t.switchOnLights();
|
|
$.PostItAll.destroy();
|
|
e.preventDefault();
|
|
}).append($('<span />', { 'class': 'PIAdelyes' }).append("Delete all"))))
|
|
.append($('<div />', { 'class': 'PIAconfirmOpt' }).append(
|
|
$('<a />', { 'id': 'cancel_' + index, 'href': '#' })
|
|
.click(function(e) {
|
|
t.switchOnLights();
|
|
$('#pia_editable_' + index).show();
|
|
t.switchBackNoteOff('PIAflip2');
|
|
e.preventDefault();
|
|
}).append($('<span />', { 'class': 'PIAdelno' }).append("Cancel"))))
|
|
.append($('<div />', { 'class': 'clear', 'style': 'line-height:10px;font-size:10px;font-weight: bold;' }).append("*This action cannot be undone"))
|
|
);
|
|
}
|
|
return deleteInfo;
|
|
},
|
|
|
|
//Hide Until
|
|
__getBPHideUntil : function(index) {
|
|
var t = this;
|
|
var options = t.options;
|
|
var panel = "";
|
|
if($.fn.postitall.globals.askOnHide && options.features.askOnHide) {
|
|
var textInfo = "<div class='PIAtitle'>Hide note</div>";
|
|
var normalForm = "<div id='PIAhideUntilNormal_"+index+"'>";
|
|
normalForm += "<div>For how long do you want to hide this note?</div>";
|
|
normalForm += "<input type='text' id='numericIncrement_" + index + "' size=3 maxlength=2 value='30'>"
|
|
normalForm += " <select id='selectedIncrement_"+index+"'><option>Seconds</option><option>Minutes</option><option>Hours</option><option>Days</option></select>";
|
|
normalForm += "</div>";
|
|
var formContent = $('<div />');
|
|
var datePickerForm = "";
|
|
|
|
formContent.append(normalForm);
|
|
if($.ui) {
|
|
datePickerForm += "<div id='PIAhideUntilDatePicker_"+index+"' style='display:none;'>";
|
|
datePickerForm += "<div>The note will be displayed again on the following datetime : </div>";
|
|
if($.ui.timepicker) {
|
|
datePickerForm += "<input type='text' id='datepicker_"+index+"' placeholder='dd/mm/yyyy hh:mm'>";
|
|
} else {
|
|
datePickerForm += "<input type='text' id='datepicker_"+index+"' size=11 placeholder='dd/mm/yyyy'>";
|
|
datePickerForm += " <input type='textbox' placeholder='hh:mm' id='timepicker_" + index + "' size=6>";
|
|
}
|
|
datePickerForm +="</div>";
|
|
formContent.append(datePickerForm)
|
|
.append($('<label />').append($('<input />', { 'id': 'PIAhideUntilCB_' + index, 'type': 'checkbox' }).click(function(e) {
|
|
if ($(this).is(':checked')) {
|
|
if($.ui.timepicker) {
|
|
$('#datepicker_'+index).datetimepicker({ minDate: 0, dateFormat: "yy-mm-dd", timeFormat: "HH:mm" });
|
|
} else {
|
|
$('#datepicker_'+index).datepicker({ minDate: 0, dateFormat: "yy-mm-dd" });
|
|
}
|
|
$('#PIAhideUntilDatePicker_'+index).show();
|
|
$('#PIAhideUntilNormal_'+index).hide();
|
|
} else {
|
|
$('#PIAhideUntilDatePicker_'+index).hide();
|
|
$('#PIAhideUntilNormal_'+index).show();
|
|
}
|
|
})
|
|
).append(' Datepicker'));
|
|
}
|
|
|
|
panel = $('<div />', {
|
|
'id': 'idHideUntil_'+index,
|
|
'class': 'PIAcontent backContent_'+index
|
|
}).append(
|
|
$('<div />', {
|
|
'class': 'PIAinfoBox PIABox',
|
|
'height': options.height - 40
|
|
}).append(textInfo)
|
|
.append(formContent)
|
|
.append($('<span />', { 'id': 'PIAhideUntilError_' + index}))
|
|
.append($('<br />'))
|
|
.append($('<button />', { 'text': 'Hide' })
|
|
.click(function(e) {
|
|
var dat = new Date();
|
|
var paso = false;
|
|
if($.ui) {
|
|
if($('#PIAhideUntilCB_' + index).is(':checked')) {
|
|
paso = true;
|
|
var gmt = new Date().toString().match(/([-\+][0-9]+)\s/)[1];
|
|
var datestr = "";
|
|
if($.ui.timepicker) {
|
|
//With timepicker
|
|
datestr = $('#datepicker_'+index).val();
|
|
} else {
|
|
//With datepicker
|
|
datestr = $('#datepicker_'+index).val() + " " + $('#timepicker_'+index).val();
|
|
}
|
|
datestr += " " + gmt;
|
|
dat = new Date(datestr);
|
|
}
|
|
}
|
|
if(!paso) {
|
|
//Normal
|
|
var inc = parseInt($('#numericIncrement_' + index).val(), 10);
|
|
if(inc < 0) inc = 1;
|
|
if(inc > 99) inc = 99;
|
|
switch ($('#selectedIncrement_' + index).val()) {
|
|
case 'Days':
|
|
dat = dat.addDays(inc);
|
|
break;
|
|
case 'Hours':
|
|
dat = dat.addHours(inc);
|
|
break;
|
|
case 'Minutes':
|
|
dat = dat.addMinutes(inc);
|
|
break;
|
|
case 'Seconds':
|
|
default:
|
|
dat = dat.addSeconds(inc);
|
|
break;
|
|
}
|
|
}
|
|
if(!isNaN(dat)) {
|
|
options.features.hideUntil = dat;
|
|
t.switchOnLights();
|
|
t.hide(index);
|
|
t.saveOptions(options);
|
|
t.showAgain(index, dat);
|
|
} else {
|
|
$('#PIAhideUntilError_' + index).css('color', 'red').html('Invalid date!').slideDown();
|
|
setTimeout(function() { $('#PIAhideUntilError_' + index).slideUp(); }, 1000);
|
|
}
|
|
e.preventDefault();
|
|
})
|
|
)
|
|
.append(
|
|
$('<button />', { 'text': 'Cancel' })
|
|
.click(function(e) {
|
|
t.switchOnLights();
|
|
$('#pia_editable_' + index).show();
|
|
t.switchBackNoteOff('PIAflip2');
|
|
e.preventDefault();
|
|
})
|
|
)
|
|
);
|
|
}
|
|
return panel;
|
|
},
|
|
|
|
//Meta data panel
|
|
__getBPMetaData : function(index) {
|
|
var t = this;
|
|
var options = t.options;
|
|
//Show info tab?
|
|
var addInfo = false;
|
|
if($.fn.postitall.globals.showInfo && options.features.showInfo) {
|
|
addInfo = true;
|
|
}
|
|
//Show meta data tab?
|
|
var addMeta = false;
|
|
if($.fn.postitall.globals.showMeta && options.features.showMeta
|
|
&& typeof options.meta !== 'undefined' && typeof options.meta === 'object') {
|
|
addMeta = true;
|
|
}
|
|
//Nothing to show
|
|
if(!addInfo && !addMeta)
|
|
return "";
|
|
|
|
//Info note
|
|
if(addInfo) {
|
|
var d = new Date(options.created);
|
|
var textDate = d.toLocaleDateString() + " (" + d.toLocaleTimeString() + ")";
|
|
var textInfo = "";
|
|
if(!addMeta)
|
|
textInfo += "<div class='PIAtitle'>Note info</div>";
|
|
textInfo += "<strong>Id:</strong> "+$.fn.postitall.globals.prefix+index+"<br>";
|
|
textInfo += "<strong>Created on:</strong> "+textDate+"<br>";
|
|
if(typeof options.domain === 'object' && options.domain.indexOf("http") >= 0)
|
|
textInfo += "<strong>Domain:</strong> "+options.domain+"<br>";
|
|
textInfo += "<strong>Page:</strong> "+options.page+"<br>";
|
|
textInfo += "<strong>Op.System:</strong> " + t.getOSName() + " - "+options.osname+"<br>";
|
|
}
|
|
|
|
//Meta data
|
|
if(addMeta) {
|
|
//Get form input
|
|
var _FormElement = function(index, key, element) {
|
|
var ret = "";
|
|
if(typeof element === 'object' && element.type !== undefined) {
|
|
ret = $("<div />");
|
|
//On-change event
|
|
var _onChange = function(e) {
|
|
var tmpObj = $(this)
|
|
delay(function() {
|
|
//Save meta-data
|
|
options.meta[tmpObj.attr("data-title")].value = tmpObj.val();
|
|
t.setOptions(options, true);
|
|
},500);
|
|
};
|
|
var objElement = null;
|
|
var val = element.value;
|
|
//Input properties
|
|
var tmpObj = { 'name': 'input_' + key + '_' + index, 'data-title': key };
|
|
if(element.maxlength !== undefined) tmpObj.maxlength = parseInt(element.maxlength, 10);
|
|
if(element.size !== undefined) tmpObj.size = parseInt(element.size, 10);
|
|
if(element.placeholder !== undefined) tmpObj.placeholder = element.placeholder;
|
|
//type treatment
|
|
switch(element.type) {
|
|
//Combo type
|
|
case 'combo':
|
|
objElement = $('<select />', tmpObj).keypress(_onChange).change(_onChange);
|
|
$(element.values).each(function(i,e) {
|
|
$.each(this, function (tmpName, tmpValue) {
|
|
var tmpSelOpt = { 'value' : tmpName };
|
|
if(val !== undefined && val === tmpName) tmpSelOpt.selected = 'selected';
|
|
objElement.append($('<option />', tmpSelOpt).append(tmpValue));
|
|
});
|
|
});
|
|
break;
|
|
//Textarea type
|
|
case 'textarea':
|
|
objElement = $('<textarea />', tmpObj).keypress(_onChange).change(_onChange).append(val);
|
|
break;
|
|
//Default & input type
|
|
default:
|
|
case 'input':
|
|
tmpObj.type = 'text';
|
|
if(val !== undefined) tmpObj.value = val;
|
|
objElement = $('<input />', tmpObj).keypress(_onChange).change(_onChange);
|
|
break;
|
|
}
|
|
//Add form element
|
|
ret.append($("<label />").append(key).append($('<br />')).append(objElement));
|
|
}
|
|
return ret;
|
|
};
|
|
|
|
var formInfo = $('<div />', { 'class' : 'meta-form' });
|
|
$(options.meta).each(function() {
|
|
$.each(this, function (key, element) {
|
|
formInfo.append(_FormElement(index, key, element));
|
|
});
|
|
});
|
|
}
|
|
|
|
var finalPanel = "";
|
|
var panelClass = "";
|
|
if(addInfo && addMeta) {
|
|
//Tabs : info & meta
|
|
panelClass = "PIApanelBox";
|
|
finalPanel = $('<div />', { 'class' : 'PIAtabs' }).append(
|
|
$('<div />', { 'id' : 'PIAtab-1'+index, 'class': 'PIAtab' }).append(
|
|
$('<span />').append(
|
|
$('<a />', { 'id' : 'idPIAtab-1'+index }).click(function() {
|
|
$('#PIAtab-1'+index).addClass('PIAtab_selected');
|
|
$('#PIAtab-2'+index).removeClass('PIAtab_selected');
|
|
$('#idPIApanel1'+index).show();
|
|
$('#idPIApanel2'+index).hide();
|
|
}).append("Note info")
|
|
)
|
|
).append(
|
|
$('<span />', { 'id' : 'idPIApanel1'+index, 'class' : 'PIAinfoBox' }).append(textInfo)
|
|
)
|
|
).append(
|
|
$('<div />', { 'id' : 'PIAtab-2'+index, 'class': 'PIAtab' }).append(
|
|
$('<span />').append(
|
|
$('<a />', { 'id' : 'idPIAtab-2'+index }).click(function() {
|
|
$('#PIAtab-1'+index).removeClass('PIAtab_selected');
|
|
$('#PIAtab-2'+index).addClass('PIAtab_selected');
|
|
$('#idPIApanel1'+index).hide();
|
|
$('#idPIApanel2'+index).show();
|
|
}).append("Meta data")
|
|
)
|
|
).append(
|
|
$('<span />', { 'id' : 'idPIApanel2'+index, 'class' : 'PIAinfoBox' }).append(formInfo)
|
|
)
|
|
);
|
|
} else if(addInfo) {
|
|
//Only info
|
|
panelClass = "PIAinfoBox";
|
|
finalPanel = textInfo
|
|
} else {
|
|
//Only meta
|
|
panelClass = "PIAinfoBox";
|
|
var formTitle = $('<div />', { 'class' : 'PIAtitle' }).append("Meta data");
|
|
finalPanel = formInfo.prepend(formTitle);
|
|
}
|
|
|
|
//Final obj
|
|
var panel = $('<div />', {
|
|
'id': 'idBackInfo_'+index,
|
|
'class': 'PIAcontent backContent_'+index
|
|
}).append(
|
|
$('<div />', {
|
|
'class': 'PIABox ' + panelClass,
|
|
'height': options.height - 40
|
|
}).append(finalPanel)
|
|
);
|
|
return panel;
|
|
}
|
|
};
|
|
|
|
//Drag postits
|
|
//used if jQuery UI is not loaded
|
|
$.fn.drags = function (opt) {
|
|
|
|
opt = $.extend({handle: "", cursor: "move"}, opt);
|
|
|
|
var onMouseDown = function(e) {
|
|
var $drag;
|
|
if (opt.handle === "") {
|
|
$drag = $(this).parent().parent().parent().addClass('draggable');
|
|
} else {
|
|
$drag = $(this).parent().parent().parent().addClass('active-handle').parent().addClass('draggable');
|
|
}
|
|
var options = $drag.data('PIA-options');
|
|
if(options.flags.minimized || options.flags.expand)
|
|
return;
|
|
var z_idx = $drag.css('z-index'),
|
|
drg_h = $drag.outerHeight(),
|
|
drg_w = $drag.outerWidth(),
|
|
pos_y = $drag.offset().top + drg_h - e.pageY,
|
|
pos_x = $drag.offset().left + drg_w - e.pageX;
|
|
var onMouseMove = function(e) {
|
|
$drag.addClass('PIAdragged');
|
|
$('.draggable').offset({
|
|
top: e.pageY + pos_y - drg_h,
|
|
left: e.pageX + pos_x - drg_w
|
|
}).on("mouseup", function () {
|
|
$(this).removeClass('draggable').css('z-index', z_idx);
|
|
});
|
|
};
|
|
$drag.css('z-index', 10000).parents()
|
|
.on("mousemove", onMouseMove)
|
|
.on("mouseup",function() {
|
|
$(this).off("mousemove", onMouseMove);
|
|
delay(function() {
|
|
$drag.removeClass('PIAdragged');
|
|
},200);
|
|
});
|
|
e.preventDefault(); // disable selection
|
|
};
|
|
|
|
var onMouseUp = function(e) {
|
|
var $drag;
|
|
if (opt.handle === "") {
|
|
$(this).removeClass('draggable');
|
|
$drag = $(this).parent().parent().parent();
|
|
} else {
|
|
$(this).removeClass('active-handle').parent().removeClass('draggable');
|
|
$drag = $(this).parent().parent().parent().parent();
|
|
}
|
|
var options = $drag.data('PIA-options');
|
|
options.right = '';
|
|
if(!options.flags.minimized) {
|
|
options.posY = $drag.css('top');
|
|
options.posX = $drag.css('left');
|
|
options.oldPosition.leftMinimized = undefined;
|
|
} else {
|
|
options.oldPosition.leftMinimized = $drag.css('left');
|
|
}
|
|
$($.fn.postitall.globals.prefix + options.id).postitall('save', options);
|
|
};
|
|
|
|
var $el = this;
|
|
if (opt.handle !== "") {
|
|
$el = this.find(opt.handle);
|
|
}
|
|
return $el.css('cursor', opt.cursor).on("mousedown", onMouseDown).on("mouseup", onMouseUp);
|
|
};
|
|
|
|
/********* STORAGE ************/
|
|
|
|
// Global storage var
|
|
var $storage = null;
|
|
|
|
// Storage Manager
|
|
var storageManager = {
|
|
add: function (obj, callback) {
|
|
this.loadManager(function() {
|
|
$storage.add(obj, function(error) {
|
|
if(callback != null) callback(error);
|
|
});
|
|
});
|
|
},
|
|
get: function (id, callback) {
|
|
this.loadManager(function() {
|
|
if(id !== "") {
|
|
$storage.get(id, function(varvalue) {
|
|
if(callback != null) callback(varvalue);
|
|
});
|
|
} else {
|
|
if(callback != null) callback(null);
|
|
}
|
|
});
|
|
},
|
|
getAll: function (callback) {
|
|
this.loadManager(function() {
|
|
$storage.getAll(function(varvalue) {
|
|
if(callback != null) callback(varvalue);
|
|
});
|
|
});
|
|
},
|
|
getByKey: function (key, callback) {
|
|
this.loadManager(function() {
|
|
if (key != null && key.slice(0,7) === "PostIt_") {
|
|
key = key.slice(7,key.length);
|
|
if(key !== "") {
|
|
storageManager.get(key, callback);
|
|
} else {
|
|
if(callback != null) callback(null);
|
|
}
|
|
} else {
|
|
if(callback != null) callback(null);
|
|
}
|
|
});
|
|
},
|
|
remove: function (id, callback) {
|
|
this.loadManager(function() {
|
|
$storage.remove(id, function(varvalue) {
|
|
if(callback != null) callback();
|
|
});
|
|
});
|
|
},
|
|
removeDom: function (options, callback) {
|
|
this.loadManager(function() {
|
|
$storage.removeDom(options, function() {
|
|
if(callback != null) callback();
|
|
});
|
|
});
|
|
},
|
|
clear: function (options, callback) {
|
|
this.loadManager(function() {
|
|
$storage.clear(function() {
|
|
if(callback != null) callback();
|
|
});
|
|
});
|
|
},
|
|
getlength: function (callback) {
|
|
this.loadManager(function() {
|
|
$storage.getlength(function(length) {
|
|
if(callback != null) callback(length);
|
|
});
|
|
});
|
|
},
|
|
key: function (i, callback) {
|
|
this.loadManager(function() {
|
|
$storage.key(i, function(name) {
|
|
if(callback != null) callback(name);
|
|
});
|
|
});
|
|
},
|
|
view: function (callback) {
|
|
this.loadManager(function() {
|
|
$storage.view();
|
|
});
|
|
},
|
|
//Load storage manager
|
|
loadManager: function(callback) {
|
|
if($storage === null) {
|
|
this.getStorageManager(function($tmpStorage) {
|
|
$storage = $tmpStorage;
|
|
callback($storage)
|
|
});
|
|
} else {
|
|
callback($storage);
|
|
}
|
|
},
|
|
// Get storage manager
|
|
getStorageManager: function(callback) {
|
|
if (typeof externalManager !== 'undefined') callback(externalManager);
|
|
else callback(localManager);
|
|
}
|
|
};
|
|
|
|
// local storage manager
|
|
var localManager = {
|
|
add: function (obj, callback) {
|
|
var varname = 'PostIt_' + obj.id.toString();
|
|
var testPrefs = JSON.stringify(obj);
|
|
$localStorage.setItem(varname, testPrefs);
|
|
//console.log('Saved', varname, testPrefs);
|
|
if(callback != null) callback("");
|
|
},
|
|
get: function (id, callback) {
|
|
var varname = 'PostIt_' + id.toString();
|
|
var varvalue = $localStorage.getItem(varname);
|
|
if(varvalue != null)
|
|
varvalue = JSON.parse(varvalue);
|
|
else
|
|
varvalue = "";
|
|
//console.log('Loaded', varname, varvalue);
|
|
if(callback != null) callback(varvalue);
|
|
},
|
|
remove: function (id, callback) {
|
|
$localStorage.removeItem('PostIt_' + id);
|
|
if(callback != null) callback();
|
|
},
|
|
removeDom: function (options, callback) {
|
|
this.clear(callback);
|
|
},
|
|
clear: function (callback) {
|
|
$localStorage.clear();
|
|
if(callback != null) callback();
|
|
},
|
|
getlength: function (callback) {
|
|
callback($localStorage.length);
|
|
},
|
|
key: function (i, callback) {
|
|
i--;
|
|
var name = $localStorage.key(i);
|
|
callback(name);
|
|
},
|
|
view: function () {
|
|
console.log('view local');
|
|
console.log($localStorage);
|
|
},
|
|
getAll: function (callback) {
|
|
console.log('TODO getAll on localStorage');
|
|
}
|
|
};
|
|
|
|
//Initialize environement
|
|
$(document).ready(function() {
|
|
$.PostItAll.__initialize();
|
|
});
|
|
|
|
}(jQuery, window.localStorage));
|