1069 lines
35 KiB
JavaScript
1069 lines
35 KiB
JavaScript
var layout_mode = "thin";
|
|
var sc_old_border_style;
|
|
var shift_init = "true";
|
|
|
|
if (! ("$" in window))
|
|
$ = function(id) {
|
|
if (document.getElementById)
|
|
return document.getElementById(id);
|
|
return null;
|
|
};
|
|
|
|
function editdate() {
|
|
if (document.getElementById) {
|
|
var currentdate = document.getElementById('currentdate');
|
|
var modifydate = document.getElementById('modifydate');
|
|
currentdate.style.display = 'none';
|
|
modifydate.style.display = 'inline';
|
|
}
|
|
}
|
|
|
|
function showEntryTabs() {
|
|
if (document.getElementById) {
|
|
var entryTabs = document.getElementById('entry-tabs');
|
|
entryTabs.style.display = 'block';
|
|
}
|
|
}
|
|
|
|
function changeSubmit(prefix, defaultjournal) {
|
|
if (document.getElementById) {
|
|
var usejournal = document.getElementById('usejournal');
|
|
var formsubmit = document.getElementById('formsubmit');
|
|
if (!defaultjournal) {
|
|
var newvalue = prefix;
|
|
} else if (!usejournal || usejournal.value == '') {
|
|
var newvalue = prefix + ' ' + defaultjournal;
|
|
} else {
|
|
var newvalue = prefix + ' ' + usejournal.value;
|
|
}
|
|
formsubmit.value = newvalue;
|
|
}
|
|
}
|
|
|
|
function pageload (dotime) {
|
|
if (dotime) settime();
|
|
if (!document.getElementById) return false;
|
|
|
|
var remotelogin = $('remotelogin');
|
|
if (! remotelogin) return;
|
|
var remotelogin_content = $('remotelogin_content');
|
|
if (! remotelogin_content) return;
|
|
remotelogin_content.onclick = altlogin;
|
|
f = document.updateForm;
|
|
if (! f) return false;
|
|
|
|
var userbox = f.user;
|
|
if (! userbox) return false;
|
|
if (! Site.has_remote && userbox.value) altlogin();
|
|
|
|
return false;
|
|
}
|
|
|
|
function customboxes (e) {
|
|
if (! e) var e = window.event;
|
|
if (! document.getElementById) return false;
|
|
|
|
|
|
f = document.updateForm;
|
|
if (! f) return false;
|
|
|
|
var custom_boxes = $('custom_boxes');
|
|
if (! custom_boxes) return false;
|
|
|
|
if (f.security.selectedIndex != 3) {
|
|
custom_boxes.style.display = 'none';
|
|
return false;
|
|
}
|
|
|
|
var altlogin_username = $('altlogin_username');
|
|
if (altlogin_username != undefined && (altlogin_username.style.display == 'table-row' ||
|
|
altlogin_username.style.display == 'block')) {
|
|
f.security.selectedIndex = 0;
|
|
custom_boxes.style.display = 'none';
|
|
alert("Custom security is only available when posting as the logged in user.");
|
|
} else {
|
|
custom_boxes.style.display = 'block';
|
|
}
|
|
|
|
if (e) {
|
|
e.cancelBubble = true;
|
|
if (e.stopPropagation) e.stopPropagation();
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function altlogin (e) {
|
|
var agt = navigator.userAgent.toLowerCase();
|
|
var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
|
|
|
|
if (! e) var e = window.event;
|
|
if (! document.getElementById) return false;
|
|
|
|
var altlogin_wrapper = $('altlogin_wrapper');
|
|
if (! altlogin_wrapper) return false;
|
|
altlogin_wrapper.style.display = 'block';
|
|
|
|
var remotelogin = $('remotelogin');
|
|
if (! remotelogin) return false;
|
|
remotelogin.style.display = 'none';
|
|
|
|
var usejournal_list = $('usejournal_list');
|
|
if (usejournal_list) {
|
|
usejournal_list.style.display = 'none';
|
|
}
|
|
|
|
var readonly = $('readonly');
|
|
var userbox = f.user;
|
|
if (!userbox.value && readonly) {
|
|
readonly.style.display = 'none';
|
|
}
|
|
|
|
var userpic_list = $('userpic_select_wrapper');
|
|
if (userpic_list) {
|
|
userpic_list.style.display = 'none';
|
|
}
|
|
|
|
var userpic_preview = $('userpic_preview');
|
|
if (userpic_preview) {
|
|
userpic_preview.className = "";
|
|
userpic_preview.innerHTML = "<img src='/img/nouserpic.png' alt='selected userpic' id='userpic_preview_image' class='userpic_loggedout' />";
|
|
}
|
|
|
|
var mood_preview = $('mood_preview');
|
|
mood_preview.style.display = 'none';
|
|
|
|
changeSubmit('Post to Journal');
|
|
|
|
$('xpostdiv').style.display = 'none';
|
|
|
|
if ($('usejournal_username')) {
|
|
changeSecurityOptions($('usejournal_username').value);
|
|
} else {
|
|
changeSecurityOptions('');
|
|
}
|
|
|
|
f = document.updateForm;
|
|
if (! f) return false;
|
|
f.action = 'update?altlogin=1';
|
|
|
|
if (f.security) {
|
|
f.security.options[3] = null;
|
|
f.security.selectedIndex = 0;
|
|
}
|
|
|
|
var custom_boxes = $('custom_boxes');
|
|
if (! custom_boxes) return false;
|
|
custom_boxes.style.display = 'none';
|
|
|
|
if (e) {
|
|
e.cancelBubble = true;
|
|
if (e.stopPropagation) e.stopPropagation();
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
function insertFormHints() {
|
|
return;
|
|
// remove this function after changes to weblib.pl go live
|
|
}
|
|
|
|
function defaultDate() {
|
|
$('currentdate').style.display = 'block';
|
|
$('modifydate').style.display = 'none';
|
|
}
|
|
|
|
function insertViewThumbs() {
|
|
var lj_userpicselect = $('lj_userpicselect');
|
|
lj_userpicselect.innerHTML = ml.viewthumbnails_link;
|
|
}
|
|
|
|
function mood_preview() {
|
|
if (! document.getElementById) return false;
|
|
var mood_list = document.getElementById('prop_current_moodid'); // get select
|
|
var moodid = mood_list[mood_list.selectedIndex].value; // get value of select
|
|
if (moodid == "") {
|
|
if ($('mood_preview')) {
|
|
moodPreview = $('mood_preview');
|
|
moodPreview.innerHTML = '';
|
|
}
|
|
return false
|
|
} else {
|
|
var wrapper = $('prop_mood_wrapper');
|
|
if ($('mood_preview')) {
|
|
moodPreview = $('mood_preview');
|
|
moodPreview.innerHTML = '';
|
|
} else {
|
|
var moodPreview = document.createElement('span');
|
|
moodPreview.id = 'mood_preview';
|
|
wrapper.appendChild(moodPreview);
|
|
}
|
|
var moodPreviewImage = document.createElement('img');
|
|
moodPreviewImage.id = 'mood_image_preview';
|
|
moodPreviewImage.src = moodpics[moodid];
|
|
var moodPreviewText = document.createElement('span');
|
|
moodPreviewText.id = 'mood_text_preview';
|
|
var mood_custom_text = $('prop_current_mood').value;
|
|
moodPreviewText.innerHTML = mood_custom_text == "" ? moods[moodid] : mood_custom_text;
|
|
moodPreview.appendChild(moodPreviewImage);
|
|
moodPreview.appendChild(moodPreviewText);
|
|
if (moodPreview.style.display != 'none') {
|
|
$('prop_current_music').className = $('prop_current_music').className + ' narrow';
|
|
$('prop_current_location').className = $('prop_current_location').className + ' narrow';
|
|
}
|
|
}
|
|
}
|
|
|
|
function entryPreview(entryForm) {
|
|
var f=entryForm;
|
|
var action=f.action;
|
|
|
|
if (f.action.indexOf("altlogin=1") != -1)
|
|
f.action='/preview/entry?altlogin=1';
|
|
else
|
|
f.action='/preview/entry';
|
|
|
|
f.target='preview';
|
|
window.open('','preview','width=760,height=600,resizable=yes,status=yes,toolbar=no,location=no,menubar=no,scrollbars=yes');
|
|
f.submit();
|
|
f.action=action;
|
|
f.target='_self';
|
|
return false;
|
|
}
|
|
|
|
function numberOfColumns(items) {
|
|
if (items <= 6) { return 1 }
|
|
else if (items >= 7 && items <= 12) { return 2 }
|
|
else if (items >= 13 && items <= 18) { return 3 }
|
|
else { return 4 }
|
|
}
|
|
function setColumns(number) {
|
|
// we'll create all our variables here
|
|
// if you want to change the names of any of the ids, change them here
|
|
var listObj = document.getElementById('custom_boxes_list'); // the actual ul
|
|
var listWrapper = document.getElementById('custom_boxes'); // ul wrapper
|
|
var listContainer = document.getElementById('list-container'); // container for dynamic content
|
|
|
|
// create an array of all the LIs in the UL
|
|
// or return if we have no custom groups
|
|
if (listObj) {
|
|
var theList = listObj.getElementsByTagName('LI');
|
|
} else {
|
|
return;
|
|
}
|
|
|
|
if (!listContainer) { // if div#list-container doesn't exist create it
|
|
var listContainer = document.createElement('div');
|
|
listContainer.setAttribute('id','list-container');
|
|
listWrapper.appendChild(listContainer);
|
|
} else { // if it does exist, clear out any content
|
|
listContainer.innerHTML = '';
|
|
}
|
|
|
|
// create and populate content arrays based on ul#list
|
|
var content = new Array();
|
|
var contentClass = new Array();
|
|
var contentId = new Array();
|
|
for (i=0;i<theList.length;i++) {
|
|
content[i] = theList[i].innerHTML;
|
|
contentClass[i] = theList[i].className;
|
|
contentId[i] = theList[i].id;
|
|
}
|
|
|
|
// hide original list
|
|
listObj.style.display = 'none';
|
|
|
|
// determine number of columns
|
|
if (number) { // if it's passed as an argument
|
|
var columns = number;
|
|
} else { // or use the numberOfColumns function to set it
|
|
var columns = numberOfColumns(content.length);
|
|
}
|
|
|
|
// divide number of items by columns and round up to get the number of items per column
|
|
var perColumn = Math.ceil(content.length / columns);
|
|
|
|
// set the class of list-wrapper to reflect the number of columns
|
|
if ((theList.length / perColumn) <= (columns - 1)) {
|
|
// If the number of items divided by the calculated items per column is less than
|
|
// the number of columns minus one, the number of columns will be adjusted down by one.
|
|
// In other words, if you have 9 items and try to break them into 4 columns, the last
|
|
// column would be empty, so I've made the adjustment automatic.
|
|
columns = columns - 1;
|
|
}
|
|
listWrapper.className = 'columns' + columns;
|
|
|
|
for (j=0;j<columns;j++) { // insert columns into list-container
|
|
if ((perColumn * j) >= theList.length) return false;
|
|
|
|
var columnCounter = j + 1; // add 1 to give logical ids to ULs
|
|
var ulist = document.createElement('ul');
|
|
// ulist.setAttribute('class','column');
|
|
// ulist.setAttribute('id','column-' + columnCounter);
|
|
listContainer.appendChild(ulist);
|
|
var start = perColumn * j; // set where the for loop will start
|
|
var end = perColumn * (j+1); // set where the for loop will end
|
|
for (k=start;k<end;k++) {
|
|
if (content[k]) {
|
|
var listitem = document.createElement('li');
|
|
listitem.setAttribute('class', contentClass[k]);
|
|
listitem.setAttribute('id', contentId[k]);
|
|
listitem.innerHTML = content[k];
|
|
ulist.appendChild(listitem);
|
|
}
|
|
}
|
|
}
|
|
listWrapper.removeChild(listObj);
|
|
}
|
|
|
|
function settime( dateUpdatedText, fromButton ) {
|
|
function twodigit (n) {
|
|
if (n < 10) { return "0" + n; }
|
|
else { return n; }
|
|
}
|
|
|
|
now = new Date();
|
|
if (! now) return false;
|
|
f = document.updateForm;
|
|
if (! f) return false;
|
|
|
|
f.date_ymd_yyyy.value = now.getYear() < 1900 ? now.getYear() + 1900 : now.getYear();
|
|
f.date_ymd_mm.selectedIndex = twodigit(now.getMonth());
|
|
f.date_ymd_dd.value = twodigit(now.getDate());
|
|
f.hour.value = twodigit(now.getHours());
|
|
f.min.value = twodigit(now.getMinutes());
|
|
|
|
f.date_diff.value = 1;
|
|
|
|
var mNames = new Array("January", "February", "March",
|
|
"April", "May", "June", "July", "August", "September",
|
|
"October", "November", "December");
|
|
var currentdate = document.getElementById('currentdate-date');
|
|
var cMonth = now.getMonth();
|
|
var cDay = now.getDate();
|
|
var cYear = now.getYear() < 1900 ? now.getYear() + 1900 : now.getYear();
|
|
var cHour = now.getHours();
|
|
var cMinute = twodigit(now.getMinutes());
|
|
var cDateText = mNames[cMonth] + " " + cDay + ", " + cYear + ", " + cHour + ":" + cMinute;
|
|
currentdate.innerHTML = cDateText;
|
|
|
|
if ( dateUpdatedText && fromButton ) {
|
|
return LJ_IPPU.showNote( dateUpdatedText + " " + cDateText, fromButton );
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
var inputObjs = new Array();
|
|
function getUserTags(defaultjournal) {
|
|
if (!defaultjournal) return;
|
|
|
|
var user = defaultjournal;
|
|
if ($('usejournal') && $('usejournal').value != "") {
|
|
user = $('usejournal').value;
|
|
}
|
|
|
|
HTTPReq.getJSON({
|
|
url: "/__rpc_gettags?user=" + user,
|
|
method: "GET",
|
|
onData: function (data) {
|
|
// disable any InputComplete objects that are already on the tag field
|
|
for (var i in inputObjs) {
|
|
if (!inputObjs.hasOwnProperty(i)) continue;
|
|
inputObjs[i].disable();
|
|
}
|
|
if (data.tags) {
|
|
if ($('prop_taglist')) {
|
|
var keywords = new InputCompleteData(data.tags, "ignorecase");
|
|
inputObjs.push(new InputComplete($('prop_taglist'), keywords));
|
|
}
|
|
}
|
|
},
|
|
onError: function (msg) { }
|
|
});
|
|
}
|
|
|
|
function _changeOptionState(option, enable) {
|
|
if (option) {
|
|
if (enable) {
|
|
option.disabled = false;
|
|
option.style.color = "";
|
|
} else {
|
|
option.disabled = true;
|
|
option.style.color = "#999";
|
|
}
|
|
}
|
|
}
|
|
|
|
function changeSecurityOptions(defaultjournal) {
|
|
var user = defaultjournal;
|
|
if ($('usejournal') && $('usejournal').value != "") {
|
|
user = $('usejournal').value;
|
|
}
|
|
|
|
HTTPReq.getJSON({
|
|
url: "/__rpc_getsecurityoptions?user=" + user,
|
|
method: "GET",
|
|
onData: function (data) {
|
|
if ($('security')) {
|
|
// first empty out whatever is in the drop-down
|
|
for (i = 0; i < $('security').options.length; i++) {
|
|
$('security').options[i] = null;
|
|
}
|
|
|
|
// if the user is known
|
|
if (data.ret) {
|
|
// give the appropriate security options for the account type
|
|
if (data.ret['is_comm']) {
|
|
$('security').options[0] = new Option(UpdateFormStrings["public"], 'public');
|
|
$('security').options[1] = new Option(UpdateFormStrings.friends_comm, 'friends');
|
|
if ( data.ret['can_manage'] ) {
|
|
$('security').options[2] = new Option(UpdateFormStrings.admin, 'private');
|
|
}
|
|
} else {
|
|
$('security').options[0] = new Option(UpdateFormStrings["public"], 'public');
|
|
$('security').options[1] = new Option(UpdateFormStrings.friends, 'friends');
|
|
$('security').options[2] = new Option(UpdateFormStrings["private"], 'private');
|
|
if (data.ret['friend_groups_exist']) {
|
|
$('security').options[3] = new Option(UpdateFormStrings.custom, 'custom');
|
|
}
|
|
}
|
|
|
|
// select the minsecurity value and disable the values with lesser security
|
|
if (data.ret['minsecurity'] == "friends") {
|
|
$('security').selectedIndex = 1;
|
|
_changeOptionState($('security').options[0], false);
|
|
} else if (data.ret['minsecurity'] == "private") {
|
|
$('security').selectedIndex = 2;
|
|
_changeOptionState($('security').options[0], false);
|
|
_changeOptionState($('security').options[1], false);
|
|
_changeOptionState($('security').options[3], false);
|
|
} else {
|
|
$('security').selectedIndex = 0;
|
|
_changeOptionState($('security').options[0], true);
|
|
_changeOptionState($('security').options[1], true);
|
|
_changeOptionState($('security').options[2], true);
|
|
_changeOptionState($('security').options[3], true);
|
|
}
|
|
|
|
// remove custom friends groups boxes if needed
|
|
customboxes();
|
|
|
|
// if the user is not known
|
|
} else {
|
|
// personal journal, but no custom option, and no minsecurity
|
|
$('security').options[0] = new Option(UpdateFormStrings["public"], 'public');
|
|
$('security').options[1] = new Option(UpdateFormStrings.friends, 'friends');
|
|
$('security').options[2] = new Option(UpdateFormStrings["private"], 'private');
|
|
$('security').selectedIndex = 0;
|
|
_changeOptionState($('security').options[0], true);
|
|
_changeOptionState($('security').options[1], true);
|
|
_changeOptionState($('security').options[2], true);
|
|
}
|
|
}
|
|
},
|
|
onError: function (msg) { }
|
|
});
|
|
}
|
|
|
|
function showRandomIcon() {
|
|
$('randomicon').style.display = 'inline';
|
|
}
|
|
|
|
function randomicon() {
|
|
var icons_list = document.getElementById('prop_picture_keyword');
|
|
// we need to ignore the "(default)" option for this code
|
|
var numberoficons = icons_list.length-1;
|
|
var randomnumber=Math.floor(Math.random()*numberoficons);
|
|
icons_list.selectedIndex = randomnumber+1;
|
|
userpic_preview();
|
|
}
|
|
|
|
///////////////////// Insert Object code
|
|
|
|
var InOb = new Object;
|
|
|
|
InOb.fail = function (msg) {
|
|
alert("FAIL: " + msg);
|
|
return false;
|
|
};
|
|
|
|
// image upload stuff
|
|
InOb.onUpload = function (surl, furl, swidth, sheight) {
|
|
var ta = $("updateForm");
|
|
if (! ta) return InOb.fail("no updateform");
|
|
ta = ta.event;
|
|
ta.value = ta.value + "\n<a href=\"" + furl + "\"><img src=\"" + surl + "\" width=\"" + swidth + "\" height=\"" + sheight + "\" border='0'/></a>";
|
|
};
|
|
|
|
|
|
InOb.onInsURL = function (url, width, height, alttext) {
|
|
var ta = $("updateForm");
|
|
var fail = function (msg) {
|
|
alert("FAIL: " + msg);
|
|
return 0;
|
|
};
|
|
if (! ta) return fail("no updateform");
|
|
var w = '';
|
|
var h = '';
|
|
var alt = '';
|
|
if (width > 0) w = " width='" + width + "'";
|
|
if (height > 0) h = " height='" + height + "'";
|
|
if (alttext.length > 0) alt = " alt='" + alttext + "'";
|
|
ta = ta.event;
|
|
ta.value = ta.value + "\n<img src=\"" + url + "\"" + w + h + alt + " />";
|
|
return true;
|
|
};
|
|
|
|
|
|
var currentPopup; // set when we make the iframe
|
|
var currentPopupWindow; // set when the iframe registers with us and we setup its handlers
|
|
function onInsertObject (include) {
|
|
InOb.onClosePopup();
|
|
|
|
//var iframe = document.createElement("iframe");
|
|
var iframe = document.createElement("div");
|
|
iframe.id = "updateinsobject";
|
|
iframe.className = 'updateinsobject';
|
|
iframe.style.overflow = "hidden";
|
|
iframe.style.position = "absolute";
|
|
iframe.style.border = "0";
|
|
iframe.style.backgroundColor = "#fff";
|
|
iframe.style.overflow = "hidden";
|
|
// move the keyboard focus to the dialog
|
|
iframe.tabIndex = -1;
|
|
// wai-aria support
|
|
iframe.role = 'dialog';
|
|
|
|
//iframe.src = include;
|
|
iframe.innerHTML = "<iframe id='popupsIframe' style='border:none' frameborder='0' width='100%' height='100%' src='" + include + "'></iframe>";
|
|
|
|
document.body.appendChild(iframe);
|
|
currentPopup = iframe;
|
|
setTimeout(function () { document.getElementById('popupsIframe').setAttribute('src', include); }, 500);
|
|
InOb.smallCenter();
|
|
// move the keyboard focus to the dialog
|
|
iframe.focus();
|
|
}
|
|
// the select's onchange:
|
|
InOb.handleInsertSelect = function () {
|
|
var objsel = $('insobjsel');
|
|
if (! objsel) { return InOb.fail('can\'t get insert select'); }
|
|
|
|
var selected = objsel.selectedIndex;
|
|
var include;
|
|
|
|
objsel.selectedIndex = 0;
|
|
|
|
if (selected == 0) {
|
|
return true;
|
|
} else if (selected == 1) {
|
|
include = 'imgupload';
|
|
} else {
|
|
alert('Unknown index selected');
|
|
return false;
|
|
}
|
|
|
|
onInsertObject(include);
|
|
|
|
return true;
|
|
};
|
|
|
|
entry_insert_embed = function (cb) {
|
|
var prompt = window.parent.FCKLang.EmbedContents;
|
|
LJ_IPPU.textPrompt(window.parent.FCKLang.EmbedPrompt, prompt, cb);
|
|
};
|
|
|
|
InOb.handleInsertEmbed = function () {
|
|
var cb = function (content) {
|
|
var form = $("updateForm");
|
|
if (! form || ! form.event);
|
|
form.event.value += "\n<site-embed>\n" + content + "\n</site-embed>";
|
|
};
|
|
entry_insert_embed(cb);
|
|
}
|
|
|
|
InOb.handleInsertImage = function () {
|
|
var include;
|
|
include = '/imgupload';
|
|
onInsertObject(include);
|
|
return true;
|
|
}
|
|
|
|
InOb.onClosePopup = function () {
|
|
if (! currentPopup) return;
|
|
document.body.removeChild(currentPopup);
|
|
currentPopup = null;
|
|
};
|
|
|
|
InOb.setupIframeHandlers = function () {
|
|
var ife = $("popupsIframe"); //currentPopup;
|
|
if (! ife) { return InOb.fail('handler without a popup?'); }
|
|
var ifw = ife.contentWindow;
|
|
currentPopupWindow = ifw;
|
|
if (! ifw) return InOb.fail("no content window?");
|
|
|
|
var el;
|
|
|
|
el = ifw.document.getElementById("fromurl");
|
|
if (el) el.onclick = function () { return InOb.selectRadio("fromurl"); };
|
|
el = ifw.document.getElementById("fromurlentry");
|
|
if (el) el.onclick = function () { return InOb.selectRadio("fromurl"); };
|
|
if (el) el.onkeypress = function () { return InOb.clearError(); };
|
|
el = ifw.document.getElementById("fromfile");
|
|
if (el) el.onclick = function () { return InOb.selectRadio("fromfile"); };
|
|
el = ifw.document.getElementById("fromfileentry");
|
|
if (el) el.onclick = el.onchange = function () { return InOb.selectRadio("fromfile"); };
|
|
el = ifw.document.getElementById("btnPrev");
|
|
if (el) el.onclick = InOb.onButtonPrevious;
|
|
};
|
|
|
|
InOb.selectRadio = function (which) {
|
|
if (! currentPopup) { alert('no popup');
|
|
alert(window.parent.currentPopup);
|
|
return false; }
|
|
if (! currentPopupWindow) return InOb.fail('no popup window');
|
|
|
|
var radio = currentPopupWindow.document.getElementById(which);
|
|
if (! radio) return InOb.fail('no radio button');
|
|
radio.checked = true;
|
|
|
|
var fromurl = currentPopupWindow.document.getElementById('fromurlentry');
|
|
var fromfile = currentPopupWindow.document.getElementById('fromfileentry');
|
|
var submit = currentPopupWindow.document.getElementById('btnNext');
|
|
if (! submit) return InOb.fail('no submit button');
|
|
|
|
// clear stuff
|
|
if (which != 'fromurl') {
|
|
fromurl.value = '';
|
|
}
|
|
|
|
if (which != 'fromfile') {
|
|
var filediv = currentPopupWindow.document.getElementById('filediv');
|
|
if (filediv)
|
|
filediv.innerHTML = filediv.innerHTML;
|
|
}
|
|
|
|
// focus and change next button
|
|
if (which == "fromurl") {
|
|
submit.value = 'Insert';
|
|
fromurl.focus();
|
|
}
|
|
|
|
else if (which == "fromfile") {
|
|
submit.value = 'Upload';
|
|
fromfile.focus();
|
|
}
|
|
|
|
return true;
|
|
};
|
|
|
|
// getElementById
|
|
InOb.popid = function (id) {
|
|
var popdoc = currentPopupWindow.document;
|
|
return popdoc.getElementById(id);
|
|
};
|
|
|
|
InOb.onSubmit = function () {
|
|
var fileradio = InOb.popid('fromfile');
|
|
var urlradio = InOb.popid('fromurl');
|
|
|
|
var form = InOb.popid('insobjform');
|
|
if (! form) return InOb.fail('no form');
|
|
|
|
var div_err = InOb.popid('img_error');
|
|
if (div_err) {
|
|
div_err.style.display = 'block';
|
|
// add wai-aria roles
|
|
div_err.setAttribute("role", "alert");
|
|
}
|
|
if (! div_err) return InOb.fail('Unable to get error div');
|
|
|
|
var setEnc = function (vl) {
|
|
form.encoding = vl;
|
|
if (form.setAttribute) {
|
|
form.setAttribute("enctype", vl);
|
|
}
|
|
};
|
|
|
|
if (fileradio && fileradio.checked) {
|
|
form.action = currentPopupWindow.fileaction;
|
|
setEnc("multipart/form-data");
|
|
return true;
|
|
}
|
|
|
|
if (urlradio && urlradio.checked) {
|
|
var url = InOb.popid('fromurlentry');
|
|
if (! url) return InOb.fail('Unable to get url field');
|
|
|
|
if (url.value == '') {
|
|
InOb.setError('You must specify the image\'s URL');
|
|
return false;
|
|
} else if (url.value.match(/html?$/i)) {
|
|
InOb.setError('It looks like you are trying to insert a web page, not an image');
|
|
return false;
|
|
}
|
|
|
|
setEnc("application/x-www-form-urlencoded");
|
|
form.action = currentPopupWindow.urlaction;
|
|
return true;
|
|
}
|
|
|
|
alert('unknown radio button checked');
|
|
return false;
|
|
};
|
|
|
|
InOb.showSelectorPage = function () {
|
|
var div_if = InOb.popid("img_iframe_holder");
|
|
var div_fw = InOb.popid("img_fromwhere");
|
|
div_fw.style.display = "block";
|
|
div_if.style.display = "none";
|
|
|
|
InOb.setPreviousCb(null);
|
|
InOb.setTitle('');
|
|
InOb.showNext();
|
|
|
|
setTimeout(function () { InOb.smallCenter(); InOb.selectRadio("fromurl");}, 200);
|
|
var div_err = InOb.popid('img_error');
|
|
if (div_err) { div_err.style.display = 'none'; }
|
|
};
|
|
|
|
InOb.fullCenter = function () {
|
|
var windims = DOM.getClientDimensions();
|
|
|
|
DOM.setHeight(currentPopup, windims.y - 220);
|
|
DOM.setWidth(currentPopup, windims.x - 55);
|
|
DOM.setTop(currentPopup, (210 / 2));
|
|
DOM.setLeft(currentPopup, (40 / 2));
|
|
|
|
scroll(0,0);
|
|
|
|
window.onresize = function() { return InOb.fullCenter(); };
|
|
};
|
|
|
|
InOb.tallCenter = function () {
|
|
var windims = DOM.getClientDimensions();
|
|
|
|
DOM.setHeight(currentPopup, 500);
|
|
DOM.setWidth(currentPopup, 420);
|
|
DOM.setTop(currentPopup, (windims.y - 300) / 2);
|
|
DOM.setLeft(currentPopup, (windims.x - 715) / 2);
|
|
|
|
scroll(0,0);
|
|
|
|
window.onresize = function() { return InOb.tallCenter(); };
|
|
};
|
|
|
|
InOb.smallCenter = function () {
|
|
var windims = DOM.getClientDimensions();
|
|
|
|
DOM.setHeight(currentPopup, 300);
|
|
DOM.setWidth(currentPopup, 700);
|
|
DOM.setTop(currentPopup, (windims.y - 300) / 2);
|
|
DOM.setLeft(currentPopup, (windims.x - 715) / 2);
|
|
|
|
scroll(0,0);
|
|
|
|
window.onresize = function() { return InOb.smallCenter(); };
|
|
};
|
|
|
|
InOb.setPreviousCb = function (cb) {
|
|
InOb.cbForBtnPrevious = cb;
|
|
InOb.popid("btnPrev").style.display = cb ? "block" : "none";
|
|
};
|
|
|
|
// all previous clicks come in here, then we route it to the registered previous handler
|
|
InOb.onButtonPrevious = function () {
|
|
InOb.showNext();
|
|
|
|
if (InOb.cbForBtnPrevious)
|
|
return InOb.cbForBtnPrevious();
|
|
|
|
// shouldn't get here, but let's ignore the event (which would do nothing anyway)
|
|
return true;
|
|
};
|
|
|
|
InOb.setError = function (errstr) {
|
|
var div_err = InOb.popid('img_error');
|
|
if (! div_err) return false;
|
|
|
|
div_err.innerHTML = errstr;
|
|
return true;
|
|
};
|
|
|
|
|
|
InOb.clearError = function () {
|
|
var div_err = InOb.popid('img_error');
|
|
if (! div_err) return false;
|
|
|
|
div_err.innerHTML = '';
|
|
return true;
|
|
};
|
|
|
|
InOb.disableNext = function () {
|
|
var next = currentPopupWindow.document.getElementById('btnNext');
|
|
if (! next) return InOb.fail('no next button');
|
|
|
|
next.disabled = true;
|
|
|
|
return true;
|
|
};
|
|
|
|
InOb.enableNext = function () {
|
|
var next = currentPopupWindow.document.getElementById('btnNext');
|
|
if (! next) return InOb.fail('no next button');
|
|
|
|
next.disabled = false;
|
|
|
|
return true;
|
|
};
|
|
|
|
InOb.hideNext = function () {
|
|
var next = currentPopupWindow.document.getElementById('btnNext');
|
|
if (! next) return InOb.fail('no next button');
|
|
|
|
DOM.addClassName(next, 'display_none');
|
|
|
|
return true;
|
|
};
|
|
|
|
InOb.showNext = function () {
|
|
var next = currentPopupWindow.document.getElementById('btnNext');
|
|
if (! next) return InOb.fail('no next button');
|
|
|
|
DOM.removeClassName(next, 'display_none');
|
|
|
|
return true;
|
|
};
|
|
|
|
InOb.setTitle = function (title) {
|
|
var wintitle = currentPopupWindow.document.getElementById('wintitle');
|
|
wintitle.innerHTML = title;
|
|
};
|
|
|
|
|
|
/* ******************** DRAFT SUPPORT ******************** */
|
|
|
|
/* RULES:
|
|
-- don't save if they have typed in last 3 seconds, unless it's been
|
|
15 seconds. otherwise save at most every 10 seconds, if dirty.
|
|
*/
|
|
|
|
var LJDraft = {};
|
|
|
|
LJDraft.saveInProg = false;
|
|
LJDraft.epoch = 0;
|
|
LJDraft.lastSavedBody = "";
|
|
LJDraft.prevCheckBody = "";
|
|
LJDraft.lastTypeTime = 0;
|
|
LJDraft.lastSaveTime = 0;
|
|
LJDraft.autoSaveInterval = 10;
|
|
LJDraft.savedMsg = "Autosaved at [[time]]";
|
|
|
|
LJDraft.save = function (drafttext, cb) {
|
|
var callback = cb; // old safari closure bug
|
|
if (LJDraft.saveInProg)
|
|
return;
|
|
|
|
LJDraft.saveInProg = true;
|
|
|
|
var finished = function () {
|
|
LJDraft.saveInProg = false;
|
|
if (callback) callback();
|
|
};
|
|
|
|
drafttext = convert_to_draft(drafttext);
|
|
|
|
HTTPReq.getJSON({
|
|
method: "POST",
|
|
url: "/tools/endpoints/draft",
|
|
onData: finished,
|
|
onError: function () { LJDraft.saveInProg = false; },
|
|
data: HTTPReq.formEncoded({"saveDraft": drafttext})
|
|
});
|
|
|
|
};
|
|
|
|
|
|
LJDraft.startTimer = function () {
|
|
var draftProperties = new Object();
|
|
|
|
// Get all the properties, excluding the draft body, of the user's draft so
|
|
// that we can pass them to LJDraft.checkProperties. We do this here to
|
|
// avoid querying draft.bml every second, and thus spamming MySQL to death.
|
|
HTTPReq.getJSON({
|
|
method: "GET",
|
|
url: "/tools/endpoints/draft",
|
|
onData: function (resObj) {
|
|
draftProperties = resObj;
|
|
},
|
|
data: HTTPReq.formEncoded({"getProperties": 1})
|
|
});
|
|
|
|
setInterval(LJDraft.checkIfDirty, 1000); // check every second
|
|
setInterval(function () {LJDraft.checkProperties(draftProperties)}, 1000);
|
|
LJDraft.epoch = 0;
|
|
};
|
|
|
|
LJDraft.clearProperties = function () { //Clear all the draft's properties
|
|
HTTPReq.getJSON({ //Excluding the Body.
|
|
method: "POST",
|
|
url: "/tools/endpoints/draft",
|
|
data: HTTPReq.formEncoded({"clearProperties": 1})
|
|
});
|
|
};
|
|
|
|
//Check and see if one of the draft's properties was changed.
|
|
//If so, save them all through draft.bml.
|
|
LJDraft.checkProperties = function (properties) {
|
|
if ( $("prop_picture_keyword") ) { //In case the user has no userpics
|
|
var currentUserpic = $("prop_picture_keyword").selectedIndex;
|
|
};
|
|
var currentSubject = $("subject").value;
|
|
var currentTaglist = $("prop_taglist").value;
|
|
var currentMoodID = $("prop_current_moodid").selectedIndex;
|
|
var currentMood = $("prop_current_mood").value;
|
|
var currentLocation = $("prop_current_location").value;
|
|
var currentMusic = $("prop_current_music").value;
|
|
var currentAdultReason = $("prop_adult_content_reason").value;
|
|
var currentCommentSet = $("comment_settings").selectedIndex;
|
|
var currentCommentScr = $("prop_opt_screening").selectedIndex;
|
|
var currentAdultCnt = $("prop_adult_content").selectedIndex;
|
|
|
|
|
|
currentAdultReason = convert_to_draft(currentAdultReason);
|
|
currentMusic = convert_to_draft(currentMusic);
|
|
currentLocation = convert_to_draft(currentLocation);
|
|
currentSubject = convert_to_draft(currentSubject);
|
|
currentTaglist = convert_to_draft(currentTaglist);
|
|
currentMood = convert_to_draft(currentMood);
|
|
|
|
if ( currentUserpic != properties.userpic ||
|
|
currentSubject != properties.subject ||
|
|
currentTaglist != properties.taglist ||
|
|
currentMoodID != properties.moodid ||
|
|
currentMood != properties.mood ||
|
|
currentLocation != properties.location1 || //avoiding saved JS term
|
|
currentMusic != properties.music ||
|
|
currentAdultReason != properties.adultreason ||
|
|
currentCommentSet != properties.commentset ||
|
|
currentCommentScr != properties.commentscr ||
|
|
currentAdultCnt != properties.adultcnt )
|
|
{
|
|
|
|
properties.userpic = currentUserpic;
|
|
properties.subject = currentSubject;
|
|
properties.taglist = currentTaglist;
|
|
properties.moodid = currentMoodID;
|
|
properties.mood = currentMood;
|
|
properties.location1 = currentLocation;
|
|
properties.music = currentMusic;
|
|
properties.adultreason = currentAdultReason;
|
|
properties.commentset = currentCommentSet;
|
|
properties.commentscr = currentCommentScr;
|
|
properties.adultcnt = currentAdultCnt;
|
|
|
|
HTTPReq.getJSON({
|
|
method: "POST",
|
|
url: "/tools/endpoints/draft",
|
|
data: HTTPReq.formEncoded({"saveUserpic": currentUserpic,
|
|
"saveSubject": currentSubject,
|
|
"saveTaglist": currentTaglist,
|
|
"saveMoodID": currentMoodID,
|
|
"saveMood": currentMood,
|
|
"saveLocation": currentLocation,
|
|
"saveMusic": currentMusic,
|
|
"saveAdultReason": currentAdultReason,
|
|
"saveCommentSet": currentCommentSet,
|
|
"saveCommentScr": currentCommentScr,
|
|
"saveAdultCnt": currentAdultCnt })
|
|
});
|
|
};
|
|
};
|
|
|
|
LJDraft.checkIfDirty = function () {
|
|
LJDraft.epoch++;
|
|
var curBody;
|
|
|
|
// If the draft is empty, delete it.
|
|
if ( !$( "draft" ) ) {
|
|
LJDraft.save("");
|
|
};
|
|
if ($("draft").style.display == 'none') { // Need to check this to deal with hitting the back button
|
|
// Since they may start using the RTE in the middle of writing their
|
|
// entry, we should just get the editor each time.
|
|
if (! FCKeditor_LOADED) return;
|
|
if (! FCKeditorAPI) return;
|
|
var oEditor = FCKeditorAPI.GetInstance('draft');
|
|
if (oEditor.GetXHTML) {
|
|
curBody = oEditor.GetXHTML(true);
|
|
}
|
|
} else {
|
|
curBody = $("draft").value;
|
|
}
|
|
|
|
// no changes to save
|
|
if (curBody == LJDraft.lastSavedBody)
|
|
return;
|
|
|
|
// at this point, things are dirty.
|
|
|
|
// see if they've typed in the last second. if so,
|
|
// we'll want to note their last type time, and defer
|
|
// saving until they settle down, unless they've been
|
|
// typing up a storm and pass our 15 second barrier.
|
|
if (curBody != LJDraft.prevCheckBody) {
|
|
LJDraft.lastTypeTime = LJDraft.epoch;
|
|
LJDraft.prevCheckBody = curBody;
|
|
}
|
|
|
|
if (LJDraft.lastSaveTime < LJDraft.lastTypeTime - 15) {
|
|
// let's fall through and save! they've been busy.
|
|
} else if (LJDraft.lastTypeTime > LJDraft.epoch - 3) {
|
|
// they're recently typing, don't save. let them finish.
|
|
return;
|
|
} else if (LJDraft.lastSaveTime > LJDraft.epoch - LJDraft.autoSaveInterval) {
|
|
// we've saved recently enough.
|
|
return;
|
|
}
|
|
|
|
// async save, and pass in our callback
|
|
var curEpoch = LJDraft.epoch;
|
|
LJDraft.save(curBody, function () {
|
|
var msg = LJDraft.savedMsg.replace(/\[\[time\]\]/, LJDraft.getTime());
|
|
$("draftstatus").value = msg + ' ';
|
|
LJDraft.lastSaveTime = curEpoch; /* capture lexical. remember: async! */
|
|
LJDraft.lastSavedBody = curBody;
|
|
});
|
|
};
|
|
|
|
LJDraft.getTime = function () {
|
|
var date = new Date();
|
|
var hour, minute, sec, time;
|
|
|
|
hour = date.getHours();
|
|
if (hour >= 12) {
|
|
time = ' PM';
|
|
} else {
|
|
time = ' AM';
|
|
}
|
|
|
|
if (hour > 12) {
|
|
hour -= 12;
|
|
} else if (hour == 0) {
|
|
hour = 12;
|
|
}
|
|
|
|
minute = date.getMinutes();
|
|
if (minute < 10) {
|
|
minute = '0' + minute;
|
|
}
|
|
|
|
sec = date.getSeconds();
|
|
if (sec < 10) {
|
|
sec = '0' + sec;
|
|
}
|
|
|
|
time = hour + ':' + minute + ':' + sec + time;
|
|
return time;
|
|
}
|