paramecio/jsutils
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Compare commits

base: paramecio:d5c3b254471d47ae7d5b0dace73505d9056cf42a
Branches Tags
paramecio:master
..
compare: paramecio:fc5fff570323722a8c7cc7cf0157279bbe0a9f5d
Branches Tags
paramecio:master

No commits in common. "d5c3b254471d47ae7d5b0dace73505d9056cf42a" and "fc5fff570323722a8c7cc7cf0157279bbe0a9f5d" have entirely different histories.
d5c3b25447 ... fc5fff5703

4 changed files with 54 additions and 588 deletions
Download patch file Download diff file Expand all files Collapse all files

8
ajax_list.js
View file

@ -191,14 +191,6 @@ $=jQuery;
}); });
if(options.hasOwnProperty("after_list")) {
after_list=options.after_list;
after_list();
}
}, },
error: function (data) { error: function (data) {

96
css/popup.css
View file

@ -1,96 +0,0 @@
#layer_popup {
z-index:50000;
/*background-color:rgba(0,0,0,0.4);*/
/*opacity:0.5;*/
position:absolute;
width:100%;
height:100%;
overflow:auto;
}
#container_popup {
z-index:50001;
overflow:auto;
/* border: solid #fbfbfb 4px;*/
position:absolute;
overflow:visible;
width:100%;
height:100%;
display: flex;
align-items: center;
justify-content: center;
}
.content_popup {
/*position:absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0%);*/
position: absolute;
/*top: 50%;
left: 50%;
transform: translate(-50%, -50%);*/
z-index:50005;
margin-top:0px;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
opacity:1;
/*-webkit-box-shadow: 0px 0px 160px 0px rgba(80,80,80,1);
-moz-box-shadow: 0px 0px 160px 0px rgba(80,80,80,1);
box-shadow: 0px 0px 160px 0px rgba(80,80,80,1);*/
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.33);
-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.33);
position:absolute;
}
/* Css for animation loading */
/* Use this html tag */
/* Get from https://loading.io/css/ */
/*<div class="lds-facebook"><div></div><div></div><div></div></div>*/
.lds-facebook {
display: inline-block;
position: absolute;
left:50%;
top:50%;
width: 80px;
height: 80px;
}
.lds-facebook div {
display: inline-block;
position: absolute;
left: 8px;
width: 16px;
background: #000;
animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
left: 8px;
animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
left: 32px;
animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
left: 56px;
animation-delay: 0;
}
@keyframes lds-facebook {
0% {
top: 8px;
height: 64px;
}
50%, 100% {
top: 24px;
height: 32px;
}
}

422
popup.js
View file

@ -1,422 +0,0 @@
$=jQuery;
(function( $ ){
$.fn.popUp = function (popup, width, pre_callback, post_callback, options) {
var popup_container='body';
var after_show=false;
var after_click=false;
if(options!=undefined)
{
if(options.hasOwnProperty("popup_container"))
{
popup_container=options.popup_container;
}
if(options.hasOwnProperty("after_show"))
{
after_show=options.after_show;
}
if(options.hasOwnProperty("after_click"))
{
after_click=options.after_click;
}
}
//If scroll put in center scroll, if not scroll, put in simple center
$(popup).hide();
$(this).on('click', function (e) {
body_height=$("body").height();
$('#layer_popup').height(body_height);
$('body').prepend('<div id="layer_popup"></div>');
$('body').css('overflow', 'hidden');
content_popup=$(popup_container).prepend('<div class="content_popup"><div class="lds-facebook"><div></div><div></div><div></div></div></div>');
$('.lds-facebook').show();
$(popup).appendTo('.content_popup');
if(width==undefined)
{
$('.content_popup').width('80%');
}
else
{
$('.content_popup').width(width);
}
popup_height=parseInt($(popup).height())+40;
window_height=$(window).height();
$('.content_popup').wrap('<div id="container_popup"></div>');
$('#container_popup').css('height', window_height);
$('#container_popup').addClass('click_popup');
$('#layer_popup').addClass('click_popup');
pos_scroll=$(document).scrollTop();
new_top=Math.round((window_height-popup_height)/2)+pos_scroll;
$('#container_popup').css('top', pos_scroll);
if (popup_height>window_height)
{
$('.content_popup').css('margin-top', 0);
}
$('#error_insert_name').html('')
$('.close_popup').click(function () {
$('#container_popup').click();
if(after_click)
{
after_click();
}
return false;
});
$('.click_popup').click(function (data) {
if (data.target == this) {
$(popup).hide();
$(popup).appendTo('body');
$('#layer_popup').remove();
$('#container_popup').remove();
//$("body > #height-helper").contents().unwrap();
$('#height-helper').remove();
$('body').css('height', '100%');
$('body').css('overflow', 'auto');
if(post_callback!=undefined)
{
post_callback();
}
$('.close_popup').unbind('click');
if(after_click)
{
after_click();
}
}
else {
return true;
}
return false;
});
if(pre_callback!=undefined)
{
r=pre_callback(popup, this);
if(r!=undefined)
{
if(r===false)
{
return false;
}
}
}
if(!after_show)
{
$(popup).fadeIn();
}
else
{
$(popup).fadeIn({'done': after_show(popup)});
}
$('.lds-facebook').hide();
return false;
});
}
})( jQuery );
$=jQuery;
(function( $ ){
$.fn.simplePopUp=function (popup, width, pre_callback, post_callback, options) {
var after_show=false;
var after_click=false;
if(options!=undefined)
{
if(options.hasOwnProperty("popup_container"))
{
popup_container=options.popup_container;
}
if(options.hasOwnProperty("after_show"))
{
after_show=options.after_show;
}
if(options.hasOwnProperty("after_click"))
{
after_click=options.after_click;
}
}
$(this).on('click', function (e) {
//Show layer_popup
body_height=$("body").height();
$('#layer_popup').height(body_height);
$('body').prepend('<div id="layer_popup"></div>');
//$('body').css('overflow', 'hidden');
//Show popup
$(popup).css('position', 'absolute');
$(popup).css('width', width);
$(popup).addClass('content_popup');
/*var position=$(popup).offset();
var left=position.left;
var top=position.top;
console.log($(popup).css('left'));*/
scr_width=$(window).width();
scr_height=$(window).height();
center_left=parseInt(scr_width/2)-parseInt(width/2);
center_top=parseInt(scr_height/2)-parseInt($(popup).height()/2);
$(popup).css('left', center_left);
$(popup).css('top', center_top);
if(!after_show)
{
$(popup).fadeIn();
}
else
{
$(popup).fadeIn({'done': after_show(popup)});
}
});
$('.close_popup').click(function () {
if(after_click)
{
after_click();
}
$('#layer_popup').remove();
$(popup).hide();
return false;
});
}
})( jQuery );
//From https://www.w3schools.com/howto/howto_js_draggable.asp
function dragElement(draggable, header) {
elmnt=document.getElementById(draggable);
var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
if (document.getElementById(header)) {
// if present, the header is where you move the DIV from:
document.getElementById(header).onmousedown = dragMouseDown;
} else {
// otherwise, move the DIV from anywhere inside the DIV:
elmnt.onmousedown = dragMouseDown;
}
function dragMouseDown(e) {
e = e || window.event;
e.preventDefault();
// get the mouse cursor position at startup:
pos3 = e.clientX;
pos4 = e.clientY;
document.onmouseup = closeDragElement;
// call a function whenever the cursor moves:
document.onmousemove = elementDrag;
}
function elementDrag(e) {
e = e || window.event;
e.preventDefault();
// calculate the new cursor position:
pos1 = pos3 - e.clientX;
pos2 = pos4 - e.clientY;
pos3 = e.clientX;
pos4 = e.clientY;
// set the element's new position:
elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
}
function closeDragElement() {
// stop moving when mouse button is released:
document.onmouseup = null;
document.onmousemove = null;
}
}
(function( $ ){
$.fn.draggable = function (header) {
var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
var popup=this;
$(header).on('mousedown', function (e) {
e = e || window.event;
e.preventDefault();
// get the mouse cursor position at startup:
pos3 = e.clientX;
pos4 = e.clientY;
document.onmouseup = closeDragElement;
// call a function whenever the cursor moves:
document.onmousemove = elementDrag;
console.log('Moving...');
});
function elementDrag(e) {
console.log('Moving windows...');
e = e || window.event;
e.preventDefault();
// calculate the new cursor position:
pos1 = pos3 - e.clientX;
pos2 = pos4 - e.clientY;
pos3 = e.clientX;
pos4 = e.clientY;
// set the element's new position:
/*elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";*/
offset=$(popup).offset();
offset_top=parseInt(offset.top);
offset_left=parseInt(offset.left);
$(popup).css('top', (offset_top - pos2) + "px");
$(popup).css('left', (offset_left - pos1) + "px");
}
function closeDragElement() {
// stop moving when mouse button is released:
document.onmouseup = null;
document.onmousemove = null;
}
}
})( jQuery );

90
posting2.js
View file

@ -4,7 +4,7 @@
/* Add csrf token */ /* Add csrf token */
/* options: url: url to post, loading: dom id, success: func, error_data: func, pre_callback, separated_data:boolean, upload: {progressbar: '#progressbar', 'total_loader': '#total_loader', 'status': '#status'} */ /* options: url: url to post, loading: dom id, success: func, pre_callback, separated_data:boolean */
$.fn.sendPost = function (options) $.fn.sendPost = function (options)
{ {
@ -23,40 +23,6 @@
} }
var xhr=false;
if(options.hasOwnProperty("upload")) {
xhr=function() {
var myXhr = $.ajaxSettings.xhr();
if(myXhr.upload){
var progressbar=options.upload.progressbar;
var total_loader=options.upload.total_loader;
var status=options.upload.status;
$(total_loader).html('');
$(progressbar).attr('value', 0);
$(status).html('');
myXhr.upload.addEventListener('progress',function (event) {
$(total_loader).html("Uploaded "+event.loaded+" bytes of "+event.total);
var percent = (event.loaded / event.total) * 100;
$(progressbar).attr('value', (Math.round(percent)));
$(status).html(Math.round(percent)+"% uploaded... please wait");
}, false);
myXhr.addEventListener("load", function(event) {
$(status).html("File loaded successfully!!");
}, false);
}
return myXhr;
}
}
$(this).on('submit', function (e) { $(this).on('submit', function (e) {
@ -64,13 +30,19 @@
form=this; form=this;
/*if($(this).attr('enctype'))
{*/
if(options.separated_data) if(options.separated_data)
{ {
data[options.separated_data]=new FormData($(this)[0]); data[options.separated_data]=new FormData($(this)[0]);
} }
else else
{ {
data=new FormData($(this)[0]); data=new FormData($(this)[0]);
} }
@ -78,6 +50,30 @@
withCredentials: true withCredentials: true
}; };
/*}
else
{
if(options.separated_data)
{
data[options.separated_data]=$(this).serializeArray();
}
else
{
data=$(this).serializeArray().reduce(function(obj, item) {
obj[item.name] = item.value;
return obj;
}, {});
}
xhrFields={
};
}*/
if(!data.hasOwnProperty("csrf_token")) { if(!data.hasOwnProperty("csrf_token")) {
@ -88,9 +84,12 @@
//Hide form and show the time icon //Hide form and show the time icon
$(this).find('.error').hide(); $(this).find('.error').hide();
//$(this).hide();
$(options.loading).show(); $(options.loading).show();
/*$(this).find('input').prop("disabled", true);
$(this).find('select').prop("disabled", true);*/
if(options.hasOwnProperty("pre_callback")) { if(options.hasOwnProperty("pre_callback")) {
options.pre_callback(data); options.pre_callback(data);
@ -99,19 +98,20 @@
//Ajax //Ajax
ajax_post={ $.ajax({
type: "POST", type: "POST",
url: options.url, url: options.url,
data: data, data: data,
encoding: "UTF-8", encoding: "UTF-8",
xhrFields: xhrFields, xhrFields: xhrFields,
cache:false, cache:false,
contentType:false, contentType: false,
processData: false, processData: false,
success: function (data) { success: function (data) {
$(options.loading).hide(); $(options.loading).hide();
if(data.error) { if(data.error) {
if(!data.hasOwnProperty("error_csrf")) if(!data.hasOwnProperty("error_csrf"))
@ -169,6 +169,8 @@
else else
{ {
// If ok then post successful task. // If ok then post successful task.
if(options.hasOwnProperty("success")) { if(options.hasOwnProperty("success")) {
@ -195,17 +197,7 @@
}, },
dataType: 'json' dataType: 'json'
}; });
//console.log(xhr);
if(xhr!=false) {
ajax_post.xhr=xhr;
}
$.ajax(ajax_post);
return false; return false;