var ws=null;
var currentPMUser="";
var currentMID=0;
/******************************************************************************/
function initPage() {
var url=window.location.hash.substring(1);
if(url.substr(0,5)==="chat/") {
var uname=url.substr(5);
showPM(uname);
}
}
/******************************************************************************/
function initWS() {
ws = new WebSocket("wss://ws.juick.com/?hash="+hash);
ws.onopen = function() {
$('#sidepanel').addClass('online');
};
ws.onclose = function() {
$('#sidepanel').removeClass('online');
ws=null;
initWS();
};
ws.onmessage = function(msg) {
if(msg.data==' ') {
ws.send(' ');
} else {
try {
var jsonMsg=$.parseJSON(msg.data);
if(jsonMsg.rid>0) {
incomingComment(jsonMsg);
} else if(jsonMsg.mid>0) {
incomingPost(jsonMsg);
} else {
incomingPM(jsonMsg);
}
} catch(err) {
console.log(err);
}
}
};
setInterval(wsSendKeepAlive, 90000);
}
function wsSendKeepAlive() {
if(ws!=null) {
ws.send(' ');
}
}
/******************************************************************************/
function initPMUList() {
var ul=$('#pmulist');
ul.empty();
$.each(lastConversations,function(i,item) {
var img=$("").attr("src","https://i.juick.com/as/"+item.uid+".png");
var a=$("").attr("href","#chat/"+item.uname);
a.append(img).append(item.uname);
if(item.MessagesCount) {
a.append($("
');
content.append(sendform);
$('#pmreplytext').focus();
$.getJSON('https://api.juick.com/pm?hash='+hash+'&uname='+uname+'&callback=?').done(function(data) {
var ul=$('#pmlist');
$.each(data,function(i,item) {
var li=$("
");
if(item.user.uid==user_id) {
li.attr("class","pm-out");
} else {
li.attr("class","pm-in");
}
li.text(item.body);
ul.append(li);
});
$(window).scrollTop($(document).height());
});
return false;
}
function sendPMformListener(formEl,ev) {
if(ev.ctrlKey && (ev.keyCode==10 || ev.keyCode==13)) {
sendPM();
}
}
function sendPM() {
var replypmtext=$('#pmreplytext');
var replypmbutton=$('#pmreplybutton');
replypmtext.prop('disabled', true);
replypmbutton.prop('disabled', true);
var body=replypmtext.val();
$.ajax({
url:"https://api.juick.com/pm",
type:"POST",
data:{
hash:hash,
uname:currentPMUser,
body:body
},
success:function(data) {
replypmtext.val("");
$('#pmlist').append($("
").attr("class","pm-out").text(body));
$(window).scrollTop($(document).height());
},
error:function(jqxhr,status) {
alert("Error: "+status);
},
complete:function() {
replypmtext.removeAttr("disabled");
replypmbutton.removeAttr("disabled");
replypmtext.focus();
}
});
return false;
}
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
function postformListener(formEl,ev) {
if(ev.ctrlKey && (ev.keyCode==10 || ev.keyCode==13)) formEl.submit();
}
function showMoreReplies(id) {
$('#'+id+' .msg-comments').hide();
var replies=$('#replies>li');
var flagshow=0;
for(var i=0; i
');
c.before('
');
c.append('
');
}
// $('#replies #'+rid+' .msg-links').hide();
$('#replies #'+rid+' .msg-comment').show();
$('#replies #'+rid+' textarea')[0].focus();
$('#replies #'+rid+' textarea').autoResize({
extraSpace: 0,
minHeight: 1
});
return false;
}
function attachCommentPhoto(div) {
if($(div).children().length===0) {
var inp=$('
');
inp.on('change',function() {
$(this).parent().attr('class','attach-photo-active');
});
inp.trigger('click');
$(div).append(inp);
} else {
$(div).empty();
$(div).attr('class','attach-photo');
}
}
function unfoldReply() {
if((0+window.location.hash.substring(1))>0) {
var el=$(window.location.hash);
while(el.is(":hidden")) {
el=el.prev();
}
showMoreReplies(el.attr('id'));
window.location.replace(window.location.hash);
}
}
function showMessageLinksDialog(mid,rid) {
var hlink="http://juick.com/"+mid;
var mlink="#"+mid;
if(rid>0) {
hlink+="#"+rid;
mlink+="/"+rid;
}
$('#dialogl').html(hlink);
$('#dialogn').html(mlink);
$('#dialogw li>a').click(function(event) {
event.preventDefault();
openSocialWindow($(this).attr('href'));
});
var hlinkenc=encodeURIComponent(hlink);
$('#sharefb').attr('href','https://www.facebook.com/sharer/sharer.php?u='+hlinkenc);
$('#sharetw').attr('href','https://twitter.com/intent/tweet?url='+hlinkenc);
$('#sharevk').attr('href','https://vk.com/share.php?url='+hlinkenc);
$('#sharegp').attr('href','https://plus.google.com/share?url='+hlinkenc);
var w=$('#dialogw');
var b=$('#dialogb');
w.css("top", Math.max(0, ((b.height() - w.outerHeight()) / 2) + b.scrollTop()) + "px");
w.css("left", Math.max(0, ((b.width() - w.outerWidth()) / 2) + b.scrollLeft()) + "px");
b.show();
w.show();
}
function openSocialWindow(url) {
var w=window.open(url,'juickshare','width=640,height=400');
if(window.focus) w.focus();
}
function checkUsername() {
var uname=$('#username').val();
$.ajax('http://api.juick.com/users?uname='+uname).done(function() {
$('#username').css('background','#FFCCCC');
}).fail(function() {
$('#username').css('background','#CCFFCC');
});
}
/******************************************************************************/
jQuery.fn.selectText = function(){
var d = document;
if (d.body.createTextRange) {
var range = d.body.createTextRange();
range.moveToElementText(this[0]);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = d.createRange();
range.selectNodeContents(this[0]);
selection.removeAllRanges();
selection.addRange(range);
}
};
/*
* jQuery.fn.autoResize 1.14
*/
(function($){
var uid = 'ar' + +new Date,
defaults = autoResize.defaults = {
onResize: function(){},
onBeforeResize: function(){
return 123
},
onAfterResize: function(){
return 555
},
animate: {
duration: 200,
complete: function(){}
},
extraSpace: 50,
minHeight: 'original',
maxHeight: 500,
minWidth: 'original',
maxWidth: 500
};
autoResize.cloneCSSProperties = [
'lineHeight', 'textDecoration', 'letterSpacing',
'fontSize', 'fontFamily', 'fontStyle', 'fontWeight',
'textTransform', 'textAlign', 'direction', 'wordSpacing', 'fontSizeAdjust',
'paddingTop', 'paddingLeft', 'paddingBottom', 'paddingRight', 'width'
];
autoResize.cloneCSSValues = {
position: 'absolute',
top: -9999,
left: -9999,
opacity: 0,
overflow: 'hidden'
};
autoResize.resizableFilterSelector = [
'textarea:not(textarea.' + uid + ')',
'input:not(input[type])',
'input[type=text]',
'input[type=password]',
'input[type=email]',
'input[type=url]'
].join(',');
autoResize.AutoResizer = AutoResizer;
$.fn.autoResize = autoResize;
function autoResize(config) {
this.filter(autoResize.resizableFilterSelector).each(function(){
new AutoResizer( $(this), config );
});
return this;
}
function AutoResizer(el, config) {
if (el.data('AutoResizer')) {
el.data('AutoResizer').destroy();
}
config = this.config = $.extend({}, autoResize.defaults, config);
this.el = el;
this.nodeName = el[0].nodeName.toLowerCase();
this.originalHeight = el.height();
this.previousScrollTop = null;
this.value = el.val();
if (config.maxWidth === 'original') config.maxWidth = el.width();
if (config.minWidth === 'original') config.minWidth = el.width();
if (config.maxHeight === 'original') config.maxHeight = el.height();
if (config.minHeight === 'original') config.minHeight = el.height();
if (this.nodeName === 'textarea') {
el.css({
resize: 'none',
overflowY: 'hidden'
});
}
el.data('AutoResizer', this);
// Make sure onAfterResize is called upon animation completion
config.animate.complete = (function(f){
return function() {
config.onAfterResize.call(el);
return f.apply(this, arguments);
};
}(config.animate.complete));
this.bind();
}
AutoResizer.prototype = {
bind: function() {
var check = $.proxy(function(){
this.check();
return true;
}, this);
this.unbind();
this.el
.bind('keyup.autoResize', check)
//.bind('keydown.autoResize', check)
.bind('change.autoResize', check)
.bind('paste.autoResize', function() {
setTimeout(function() {
check();
}, 0);
});
if (!this.el.is(':hidden')) {
this.check(null, true);
}
},
unbind: function() {
this.el.unbind('.autoResize');
},
createClone: function() {
var el = this.el,
clone = this.nodeName === 'textarea' ? el.clone() : $('
');
this.clone = clone;
$.each(autoResize.cloneCSSProperties, function(i, p){
clone[0].style[p] = el.css(p);
});
clone
.removeAttr('name')
.removeAttr('id')
.addClass(uid)
.attr('tabIndex', -1)
.css(autoResize.cloneCSSValues);
if (this.nodeName === 'textarea') {
clone.height('auto');
} else {
clone.width('auto').css({
whiteSpace: 'nowrap'
});
}
},
check: function(e, immediate) {
if (!this.clone) {
this.createClone();
this.injectClone();
}
var config = this.config,
clone = this.clone,
el = this.el,
value = el.val();
// Do nothing if value hasn't changed
if (value === this.prevValue) {
return true;
}
this.prevValue = value;
if (this.nodeName === 'input') {
clone.text(value);
// Calculate new width + whether to change
var cloneWidth = clone.width(),
newWidth = (cloneWidth + config.extraSpace) >= config.minWidth ?
cloneWidth + config.extraSpace : config.minWidth,
currentWidth = el.width();
newWidth = Math.min(newWidth, config.maxWidth);
if (
(newWidth < currentWidth && newWidth >= config.minWidth) ||
(newWidth >= config.minWidth && newWidth <= config.maxWidth)
) {
config.onBeforeResize.call(el);
config.onResize.call(el);
el.scrollLeft(0);
if (config.animate && !immediate) {
el.stop(1,1).animate({
width: newWidth
}, config.animate);
} else {
el.width(newWidth);
config.onAfterResize.call(el);
}
}
return;
}
// TEXTAREA
clone.width(el.width()).height(0).val(value).scrollTop(10000);
var scrollTop = clone[0].scrollTop;
// Don't do anything if scrollTop hasen't changed:
if (this.previousScrollTop === scrollTop) {
return;
}
this.previousScrollTop = scrollTop;
if (scrollTop + config.extraSpace >= config.maxHeight) {
el.css('overflowY', '');
scrollTop = config.maxHeight;
immediate = true;
} else if (scrollTop <= config.minHeight) {
scrollTop = config.minHeight;
} else {
el.css('overflowY', 'hidden');
scrollTop += config.extraSpace;
}
config.onBeforeResize.call(el);
config.onResize.call(el);
// Either animate or directly apply height:
if (config.animate && !immediate) {
el.stop(1,1).animate({
height: scrollTop
}, config.animate);
} else {
el.height(scrollTop);
config.onAfterResize.call(el);
}
},
destroy: function() {
this.unbind();
this.el.removeData('AutoResizer');
this.clone.remove();
delete this.el;
delete this.clone;
},
injectClone: function() {
(
autoResize.cloneContainer ||
(autoResize.cloneContainer = $('
').appendTo('body'))
).append(this.clone);
}
};
})(jQuery);
/******************************************************************************/
$(document).ready(function() {
if(typeof lastConversations != 'undefined') {
initPMUList();
}
var tareply=$('textarea.reply');
tareply.autoResize({
extraSpace: 0,
minHeight: 1
});
tareply.click(function () {
$(this).addClass("narrow");
$(this).after('
');
$(this).parent().after('
');
$(this).off('click');
});
var pmreply=$('textarea.replypm');
pmreply.autoResize({
extraSpace: 0,
minHeight: 1
});
pmreply.click(function () {
$(this).addClass("narrowpm");
$(this).parent().after('
');
$(this).off('click');
});
if(!!$('#column').offset()) {
var stickyTop = $('#column').offset().top;
$(window).scroll(function() {
var windowTop = $(window).scrollTop();
var column=$('#column');
var rcol=$('#rcol');
if (stickyTop < windowTop) {
if(column.hasClass('fix')==false) {
column.removeClass('abs');
column.addClass('fix');
rcol.removeClass('abs');
rcol.addClass('fix');
}
} else if(column.hasClass('fix')==true) {
column.removeClass('fix');
column.addClass('abs');
rcol.removeClass('fix');
rcol.addClass('abs');
}
});
}
unfoldReply();
$(window).bind('hashchange',unfoldReply);
initPage();
$(window).bind('hashchange',initPage);
});