Protocols

HOSTED BY

Justin Rocket Silverman

+ Senior Feature Writer / Video Producer at the NY Daily News + has also written and produced video for Esquire, The Wall Street Journal, New York magazine and many others + — @JustinRocket +

Jeff Newelt aka JAHFURRY

+ Writer / Comics Editor, HEEB Magazine; Editor, The Pekar Project & Harvey Pekar's CLEVELAND; + PR/Social Media for cool clients; reggae singer + — @JahFurry +

Scott Beale

+ Founder / Publisher of art/technology blog Laughing Squid + — @LaughingSquid @ScottBeale +

Molly Crabapple (Emerita)

+ Artist / Comics Creator / Founder of Dr Sketchy's Anti-Art School — @MollyCrabapple +

+ New York Times Sunday Styles Feature on Protocols +

").append(l.responseText.replace(nb,"")).find(f):l.responseText);d&&h.each(d,[l.responseText,k,l])}});return this},serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&& +!this.disabled&&(this.checked||ob.test(this.nodeName)||pb.test(this.type))}).map(function(a,b){var d=c(this).val();return d==null?null:c.isArray(d)?c.map(d,function(e){return{name:b.name,value:e}}):{name:b.name,value:d}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,e){if(c.isFunction(b)){e=e||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:e})}, +getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,e){if(c.isFunction(b)){e=e||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:e})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href,global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:function(){return new E.XMLHttpRequest},accepts:{xml:"application/xml, text/xml",html:"text/html", +script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},ajax:function(a){var b=c.extend(true,{},c.ajaxSettings,a),d,e,f,h=b.type.toUpperCase(),l=qb.test(h);b.url=b.url.replace(ub,"");b.context=a&&a.context!=null?a.context:b;if(b.data&&b.processData&&typeof b.data!=="string")b.data=c.param(b.data,b.traditional);if(b.dataType==="jsonp"){if(h==="GET")T.test(b.url)||(b.url+=(ja.test(b.url)?"&":"?")+(b.jsonp||"callback")+"=?");else if(!b.data|| +!T.test(b.data))b.data=(b.data?b.data+"&":"")+(b.jsonp||"callback")+"=?";b.dataType="json"}if(b.dataType==="json"&&(b.data&&T.test(b.data)||T.test(b.url))){d=b.jsonpCallback||"jsonp"+mb++;if(b.data)b.data=(b.data+"").replace(T,"="+d+"$1");b.url=b.url.replace(T,"="+d+"$1");b.dataType="script";var k=E[d];E[d]=function(m){if(c.isFunction(k))k(m);else{E[d]=B;try{delete E[d]}catch(p){}}f=m;c.handleSuccess(b,w,e,f);c.handleComplete(b,w,e,f);r&&r.removeChild(A)}}if(b.dataType==="script"&&b.cache===null)b.cache= +false;if(b.cache===false&&l){var o=c.now(),x=b.url.replace(rb,"$1_="+o);b.url=x+(x===b.url?(ja.test(b.url)?"&":"?")+"_="+o:"")}if(b.data&&l)b.url+=(ja.test(b.url)?"&":"?")+b.data;b.global&&c.active++===0&&c.event.trigger("ajaxStart");o=(o=sb.exec(b.url))&&(o[1]&&o[1].toLowerCase()!==location.protocol||o[2].toLowerCase()!==location.host);if(b.dataType==="script"&&h==="GET"&&o){var r=t.getElementsByTagName("head")[0]||t.documentElement,A=t.createElement("script");if(b.scriptCharset)A.charset=b.scriptCharset; +A.src=b.url;if(!d){var C=false;A.onload=A.onreadystatechange=function(){if(!C&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){C=true;c.handleSuccess(b,w,e,f);c.handleComplete(b,w,e,f);A.onload=A.onreadystatechange=null;r&&A.parentNode&&r.removeChild(A)}}}r.insertBefore(A,r.firstChild);return B}var J=false,w=b.xhr();if(w){b.username?w.open(h,b.url,b.async,b.username,b.password):w.open(h,b.url,b.async);try{if(b.data!=null&&!l||a&&a.contentType)w.setRequestHeader("Content-Type", +b.contentType);if(b.ifModified){c.lastModified[b.url]&&w.setRequestHeader("If-Modified-Since",c.lastModified[b.url]);c.etag[b.url]&&w.setRequestHeader("If-None-Match",c.etag[b.url])}o||w.setRequestHeader("X-Requested-With","XMLHttpRequest");w.setRequestHeader("Accept",b.dataType&&b.accepts[b.dataType]?b.accepts[b.dataType]+", */*; q=0.01":b.accepts._default)}catch(I){}if(b.beforeSend&&b.beforeSend.call(b.context,w,b)===false){b.global&&c.active--===1&&c.event.trigger("ajaxStop");w.abort();return false}b.global&& +c.triggerGlobal(b,"ajaxSend",[w,b]);var L=w.onreadystatechange=function(m){if(!w||w.readyState===0||m==="abort"){J||c.handleComplete(b,w,e,f);J=true;if(w)w.onreadystatechange=c.noop}else if(!J&&w&&(w.readyState===4||m==="timeout")){J=true;w.onreadystatechange=c.noop;e=m==="timeout"?"timeout":!c.httpSuccess(w)?"error":b.ifModified&&c.httpNotModified(w,b.url)?"notmodified":"success";var p;if(e==="success")try{f=c.httpData(w,b.dataType,b)}catch(q){e="parsererror";p=q}if(e==="success"||e==="notmodified")d|| +c.handleSuccess(b,w,e,f);else c.handleError(b,w,e,p);d||c.handleComplete(b,w,e,f);m==="timeout"&&w.abort();if(b.async)w=null}};try{var g=w.abort;w.abort=function(){w&&Function.prototype.call.call(g,w);L("abort")}}catch(i){}b.async&&b.timeout>0&&setTimeout(function(){w&&!J&&L("timeout")},b.timeout);try{w.send(l||b.data==null?null:b.data)}catch(n){c.handleError(b,w,null,n);c.handleComplete(b,w,e,f)}b.async||L();return w}},param:function(a,b){var d=[],e=function(h,l){l=c.isFunction(l)?l():l;d[d.length]= +encodeURIComponent(h)+"="+encodeURIComponent(l)};if(b===B)b=c.ajaxSettings.traditional;if(c.isArray(a)||a.jquery)c.each(a,function(){e(this.name,this.value)});else for(var f in a)da(f,a[f],b,e);return d.join("&").replace(tb,"+")}});c.extend({active:0,lastModified:{},etag:{},handleError:function(a,b,d,e){a.error&&a.error.call(a.context,b,d,e);a.global&&c.triggerGlobal(a,"ajaxError",[b,a,e])},handleSuccess:function(a,b,d,e){a.success&&a.success.call(a.context,e,d,b);a.global&&c.triggerGlobal(a,"ajaxSuccess", +[b,a])},handleComplete:function(a,b,d){a.complete&&a.complete.call(a.context,b,d);a.global&&c.triggerGlobal(a,"ajaxComplete",[b,a]);a.global&&c.active--===1&&c.event.trigger("ajaxStop")},triggerGlobal:function(a,b,d){(a.context&&a.context.url==null?c(a.context):c.event).trigger(b,d)},httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status===1223}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"), +e=a.getResponseHeader("Etag");if(d)c.lastModified[b]=d;if(e)c.etag[b]=e;return a.status===304},httpData:function(a,b,d){var e=a.getResponseHeader("content-type")||"",f=b==="xml"||!b&&e.indexOf("xml")>=0;a=f?a.responseXML:a.responseText;f&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b==="json"||!b&&e.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&e.indexOf("javascript")>=0)c.globalEval(a);return a}}); +if(E.ActiveXObject)c.ajaxSettings.xhr=function(){if(E.location.protocol!=="file:")try{return new E.XMLHttpRequest}catch(a){}try{return new E.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}};c.support.ajax=!!c.ajaxSettings.xhr();var ea={},vb=/^(?:toggle|show|hide)$/,wb=/^([+\-]=)?([\d+.\-]+)(.*)$/,ba,pa=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b,d){if(a||a===0)return this.animate(S("show", +3),a,b,d);else{d=0;for(var e=this.length;d=0;e--)if(d[e].elem===this){b&&d[e](true);d.splice(e,1)}});b||this.dequeue();return this}});c.each({slideDown:S("show",1),slideUp:S("hide",1),slideToggle:S("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){c.fn[a]=function(d,e,f){return this.animate(b, +d,e,f)}});c.extend({speed:function(a,b,d){var e=a&&typeof a==="object"?c.extend({},a):{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};e.duration=c.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in c.fx.speeds?c.fx.speeds[e.duration]:c.fx.speeds._default;e.old=e.complete;e.complete=function(){e.queue!==false&&c(this).dequeue();c.isFunction(e.old)&&e.old.call(this)};return e},easing:{linear:function(a,b,d,e){return d+e*a},swing:function(a,b,d,e){return(-Math.cos(a* +Math.PI)/2+0.5)*e+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]||c.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a=parseFloat(c.css(this.elem,this.prop));return a&&a>-1E4?a:0},custom:function(a,b,d){function e(l){return f.step(l)} +var f=this,h=c.fx;this.startTime=c.now();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start;this.pos=this.state=0;e.elem=this.elem;if(e()&&c.timers.push(e)&&!ba)ba=setInterval(h.tick,h.interval)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true; +this.custom(this.cur(),0)},step:function(a){var b=c.now(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var e in this.options.curAnim)if(this.options.curAnim[e]!==true)d=false;if(d){if(this.options.overflow!=null&&!c.support.shrinkWrapBlocks){var f=this.elem,h=this.options;c.each(["","X","Y"],function(k,o){f.style["overflow"+o]=h.overflow[k]})}this.options.hide&&c(this.elem).hide();if(this.options.hide|| +this.options.show)for(var l in this.options.curAnim)c.style(this.elem,l,this.options.orig[l]);this.options.complete.call(this.elem)}return false}else{a=b-this.startTime;this.state=a/this.options.duration;b=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||b](this.state,a,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a= +c.timers,b=0;b-1;e={};var x={};if(o)x=f.position();l=o?x.top:parseInt(l,10)||0;k=o?x.left:parseInt(k,10)||0;if(c.isFunction(b))b=b.call(a,d,h);if(b.top!=null)e.top=b.top-h.top+l;if(b.left!=null)e.left=b.left-h.left+k;"using"in b?b.using.call(a, +e):f.css(e)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),e=Ia.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.css(a,"marginTop"))||0;d.left-=parseFloat(c.css(a,"marginLeft"))||0;e.top+=parseFloat(c.css(b[0],"borderTopWidth"))||0;e.left+=parseFloat(c.css(b[0],"borderLeftWidth"))||0;return{top:d.top-e.top,left:d.left-e.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||t.body;a&&!Ia.test(a.nodeName)&& +c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(e){var f=this[0],h;if(!f)return null;if(e!==B)return this.each(function(){if(h=fa(this))h.scrollTo(!a?e:c(h).scrollLeft(),a?e:c(h).scrollTop());else this[d]=e});else return(h=fa(f))?"pageXOffset"in h?h[a?"pageYOffset":"pageXOffset"]:c.support.boxModel&&h.document.documentElement[d]||h.document.body[d]:f[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase(); +c.fn["inner"+b]=function(){return this[0]?parseFloat(c.css(this[0],d,"padding")):null};c.fn["outer"+b]=function(e){return this[0]?parseFloat(c.css(this[0],d,e?"margin":"border")):null};c.fn[d]=function(e){var f=this[0];if(!f)return e==null?null:this;if(c.isFunction(e))return this.each(function(l){var k=c(this);k[d](e.call(this,l,k[d]()))});if(c.isWindow(f))return f.document.compatMode==="CSS1Compat"&&f.document.documentElement["client"+b]||f.document.body["client"+b];else if(f.nodeType===9)return Math.max(f.documentElement["client"+ +b],f.body["scroll"+b],f.documentElement["scroll"+b],f.body["offset"+b],f.documentElement["offset"+b]);else if(e===B){f=c.css(f,d);var h=parseFloat(f);return c.isNaN(h)?f:h}else return this.css(d,typeof e==="string"?e:e+"px")}})})(window); diff --git a/public/js/protocols_site.js b/public/js/protocols_site.js new file mode 100644 index 0000000..3a38ab9 --- /dev/null +++ b/public/js/protocols_site.js @@ -0,0 +1,967 @@ +var API_MAGIC = "#(@)PROTOCOLS" +var URLregexp = /^(https?:\/\/)(www.)?([-A-Z0-9.]+)(\/)?([-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])*/ig; +var months = { Jan: 0, Feb: 1, Mar: 2, Apr: 3, May: 4, Jun: 5, Jul: 6, Aug: 7, Sep: 8, Oct: 9, Nov: 10, Dec: 11 } +function isScrolledIntoView (elem) + { + return true; + var docViewTop = $(window).scrollTop(); + var docViewBottom = docViewTop + $(window).height(); + var elemTop = $(elem).offset().top; + var elemBottom = elemTop + $(elem).height(); + return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom)); + } +function scrollToTop (div) + { $(div).scrollTop( 0 ) } +function scrollToBottom (div) + { $(div).scrollTop( $(div)[0].scrollHeight ) } +function warn(s) + { +// return + var h = document.getElementById('msg').innerHTML + h = s + '
' + h + document.getElementById('msg').innerHTML = h + } +var image_extensions = ["jpg","gif","png","jpeg","JPEG","JPG","GIF","PNG"] +function is_image(s) + { + for (i in image_extensions) + { + if (s.indexOf(image_extensions[i]) !== -1) + return true + } + return false + } +var domain_extensions = [".com",".net",".org",".uk",".fr",".de",".ch",".info",".nu",".mu","facebook.com","twitter.com"] +function has_domain(s) + { + for (var i in domain_extensions) + { + if (s.indexOf(domain_extensions[i]) !== -1) + return true + } + return false + } +function parse_blurb(s) + { + // s = linkify(s+"\n") + var parsed_lines = [] + var lines = s.split("\n") + for (i in lines) + { + var parsed_words = [] + var words = lines[i].split(" ") + for (j in words) + { + if (words[j].indexOf("http") !== -1) + { + if (is_image(words[j])) + parsed_words.push('

') + else + parsed_words.push(linkify(words[j])) + } + else if (words[j].indexOf("www") === 0 || has_domain(words[j])) + { + parsed_words.push(linkify("http://"+words[j])) + } + else + parsed_words.push(words[j]) + } + parsed_lines.push( parsed_words.join(" ") ) + } + // return s.replace(/\n/g, '
') + return parsed_lines.join("
") + } +function linkify(s) + { + var link = ''; + var punctuation = ''; + var end = s.length-1; + + // strip the terminal punctuation mark if it's a period or comma + if (s.indexOf(".", end) === end || s.indexOf(",", end) === end) + { + punctuation = s.substr(end, 1); + s = s.substr(0, end); + } + if (s.indexOf("twitter.com") !== -1) + { + var partz = s.split("/"); + var uname = ''; + if (partz[partz.length-1].length) + uname = partz[partz.length-1]; + else if (parts[-2].length) + uname = partz[partz.length-2]; + link = '@' + uname + ''; + } + else + { + // link = s.replace(URLregexp,"[$3]"); + var match = URLregexp.exec(s); + if (match && match.length == 6) + { + var url = match[0] || ""; + var http = match[1] || ""; + var www = match[2] || ""; + var domain = match[3] || ""; + var slash = match[4] || ""; + var uri = match[5] ? match[5].replace(/\/?index.html$/, "") : ""; + link = '[' + domain + ']'; + } + else + { + link = s.replace(URLregexp,"[$3]"); + } + } + return link + punctuation; + } +var URL = + { + auth: + { + login: "/cgi-bin/auth/login.cgi", + logout: "/cgi-bin/auth/logout.cgi", + }, + party: + { + list: "/cgi-bin/party/list.cgi", + view: "/cgi-bin/party/view.cgi", + edit: "/cgi-bin/party/edit.cgi", + }, + user: + { + all: "/cgi-bin/user/all.cgi", + view: "/cgi-bin/user/view.cgi", + edit: "/cgi-bin/user/edit.cgi", + deleter: "/cgi-bin/user/delete.cgi", + }, + }; +var Party = + { + parties: {}, + currentID: -1, + partyData: '', + liclick: function () + { + Nav.selectClass(Party.parties, this.id) + var id = this.id.split("-")[1] + warn("viewing party "+id) + Party.view(id) + }, + list: function() + { + $('#partyListContainer').fadeOut(200) + $('#partyEditContainer').hide() + $('#userListContainer').hide() + $('#userEditContainer').hide() + $('#userViewContainer').hide() + $.get(URL.party.list,{},Party.listCallback) + }, + listCallback: function (raw) + { + warn("got party list") + var lines = raw.split("\n") + if (lines.shift() !== API_MAGIC) + { + warn(raw) + warn("bad api: party list") + return + } + var partyList = "" + if (Party.currentID != -1) + var firstPartyID = Party.currentID + for (i in lines) + { + if (! lines[i]) + continue + var fields = lines[i].split('\t') + if (! firstPartyID) + firstPartyID = fields[0] + // 0 id 1 date + partyList += "

"+fields[1]+"

" + Party.parties["party-"+fields[0]] = fields + } + $('#partyList').html(partyList) + $('#partyListContainer').fadeIn(200) + for (id in Party.parties) + $('#'+id).click(Party.liclick) + Nav.selectClass(Party.parties, "party-"+firstPartyID) + if (firstPartyID) + Party.view(firstPartyID) + }, + view: function(id) + { + $('#userViewContainer').hide() + $('#userEditContainer').hide() + $('#partyEditContainer').hide() + $('#userListContainer').fadeOut(200) + $.get(URL.party.view,{'id':id},Party.viewCallback) + }, + viewCallback: function (raw) + { + warn ("got party view") + var lines = raw.split("\n") + if (lines.shift() !== API_MAGIC) + { + warn("bad api: party view") + return + } + var partyData = ''; + var partyUserList = "" + var partyLocationTag = "" + var editable = [] + var currentHost = -1 + for (i in lines) + { + if (! lines[i]) + continue + var fields = lines[i].split('\t') + if (! partyData) + { partyData = fields; continue } + // 0 id 1 group 2 name 3 email 4 blurb + if (fields[1] !== currentHost) + { + currentHost = fields[1] + if (currentHost === '0') + partyUserList += "

guest host

" + else + partyUserList += "

invited by "+Auth.hosts[fields[1]]+"

" + } + partyUserList += "

"+fields[2]+"" + if (Auth.isHost || fields[0] === Auth.userID) + { + partyUserList += "edit" + editable.push(fields[0]) + } + partyUserList += "

" + Users.userlist['user-'+fields[0]] = fields + } + partyLocationTag = partyData[2] + Party.currentID = partyData[0] + Party.partyData = partyData + $('#partyLocation').html(partyLocationTag) + $('#userList').html(partyUserList) + if (Auth.isHost) + { + $('#user-add').show() + $('#party-edit').show() + } + $('#userListContainer').fadeIn(200) + $('#userViewContainer').show() + for (id in Users.userlist) + { + $('#'+id).hover(Users.limousein, Users.limouseout) + $('#'+id).click(Users.liclick) + } + for (i in editable) + { + $('#edit-'+editable[i]).bind("click",Users.editClick) + } + Users.hovering = true + }, + addClick: function () + { + warn("NEW PARTY FORM") + var id = "NEW" + var today = new Date() + $('#party-id').val(id) + $('#party-day').val(today.getDate()) + $('#party-year').val(today.getFullYear()) + $('#party-month option').attr("selected", false); + $('#party-month option[value="'+today.getMonth()+'"]').attr("selected", true); + $('#party-location').val("") + $('#partyEditContainer h2').html("New party") + $('#userListContainer').hide() + $('#userViewContainer').hide() + $('#userEditContainer').hide() + $('#partyEditContainer').show() + $('#party-location').focus() + Main.saveFunction = Party.editSave + Nav.selectClass(Party.parties, "") + }, + editClick: function () + { + var id = Party.currentID + // 0 id 1 date 2 location + var party = Party.partyData + var date = party[1].split("-") + $('#party-id').val(id) + $('#party-day').val(date[0]) + $('#party-year').val(date[2]) + $('#party-month option').attr("selected", false); + $('#party-month option[value="'+months[date[1]]+'"]').attr("selected", true); + $('#party-location').val(party[2]) + $('#partyEditContainer h2').html("Edit party") + $('#userListContainer').hide() + $('#userViewContainer').hide() + $('#userEditContainer').hide() + $('#partyEditContainer').show() + Main.saveFunction = Party.editSave + }, + editSave: function () + { + if (Main.saving) + return + Main.saving = true + warn("attempting save") + var data = + { + id: $('#party-id').val(), + userid: Auth.userID, + hostid: Auth.userID, + location: $('#party-location').val(), + month: $('#party-month').val(), + day: $('#party-day').val(), + year: $('#party-year').val(), + } + $('#partyEditContainer').fadeOut(200) + $.post(URL.party.edit, data, Party.editSaveCallback) + }, + editSaveCallback: function (raw) + { + var lines = raw.split("\n") + if (lines.shift() !== API_MAGIC) + { + warn("bad api: party save") + return + } + var result = lines.shift().split("\t") + if (result[0] === "ERROR") + { + warn("save error: "+result[1]) + return + } + var fields = lines.shift().split("\t") + var rowID = "party-"+fields[0] + if (result[0] === "OK") + { warn("party saved") } + else if (result[0] === "NEW") + { + warn("party created") + $("#partyList").append("

"+fields[1]+"

") + } + // Party.parties[rowID] = fields + // Party.view(fields[0]) + // Nav.selectClass(Party.parties, rowID) + Main.saving = false + Party.currentID = fields[0] + Party.list() + }, + }; +var Users = + { + userlist: {}, + hovering: true, + current: false, + allCount: 0, + userListIndex: [], + currentIdx: -1, + all: function () + { + $('#userViewContainer').hide() + $('#userEditContainer').hide() + $('#partyEditContainer').hide() + $('#userListContainer').fadeOut(200) + $.get(URL.user.all,{},Users.allCallback) + }, + allCallback: function (raw) + { + warn ("got all users") + var lines = raw.split("\n") + if (lines.shift() !== API_MAGIC) + { + warn("bad api: user all") + return + } + var partyUserList = []; + var guestHosts = []; + var editable = []; + var firstletter = "A"; + Users.allCount = 0; + Users.userListIndex = []; + for (i in lines) + { + if (! lines[i]) + continue + var fields = lines[i].split('\t') + // 0 id 1 group 2 name 3 email 4 blurb +// if (fields[1] !== currentHost) +// { +// currentHost = fields[1] +// partyUserList += "

invited by "+Auth.hosts[fields[1]]+"

" +// } + + var a = fields[2].substr(0,1) + var li = "li id='r-"+Users.allCount+"'" + var userRow = ""; + var editSpan = ""; + + if (firstletter !== a) + { + firstletter = a + li += " class='br'" + } + + if (Auth.isHost || fields[0] === Auth.userID) + { + editSpan += "edit"; + editable.push(fields[0]); + } + + switch (fields[1]) { + case '2': // host + userRow = "<"+li+">"+fields[2]+" *" + editSpan + ""; + break; + case '1': // guest host + userRow = "<"+li+">"+fields[2]+" *" + editSpan + ""; + guestHosts.push(userRow); + Users.userListIndex.unshift('user-'+fields[0]); + Users.allCount += 1; + + break; + default: // guest + userRow = "<"+li+">"+fields[2]+"" + editSpan + ""; + } + + partyUserList.push(userRow); + Users.userlist['user-'+fields[0]] = fields; + Users.userListIndex.push('user-'+fields[0]); + Users.allCount += 1; + } + $('#partyLocation').html(""); + + var guestHostHeader = "

Guest Hosts

"; + var guestListHeader = "

Guest List

"; + for (var i in guestHosts) + guestHosts[i] = guestHosts[i].replace("class='br'","").replace("*",""); + // console.log(guestHosts); + // guestHosts[guestHosts.length-1] = guestHosts[guestHosts.length-1].replace("Here\'s a tip! Use the up and down arrow keys to browse this list.').fadeIn(500) + $('#userViewContainer').html(''); + for (id in Users.userlist) + { + $('#'+id).hover(Users.limousein, Users.limouseout) + $('#'+id).click(Users.liclick) + } + for (i in editable) + { + $('#edit-'+editable[i]).bind("click",Users.editClick) + } + Users.hovering = true + }, + limouseout: function () + { + if (Users.hovering) + $("#"+this.id).removeClass("selected") + }, + limousein: function () + { + if (Users.hovering) + { + $("#"+this.id).addClass("selected") + Users.view(this.id) + } + }, + liclick: function () + { + if (! Users.hovering && Users.current === this.id) + { + Nav.selectClass(Users.userlist, false) + Users.current = false + Users.hovering = true + } + else + { + Nav.selectClass(Users.userlist, this.id) + Users.view(this.id) + Users.hovering = false + } + }, + viewIdx: function (idx) + { + var id = Users.userListIndex[idx] + + if (isScrolledIntoView("#r-"+idx)) + { + var offset = $("#r-"+idx)[0].offsetTop+5 + if (offset > 300) + $("body").scrollTop( offset ) + } + else + { + // get element at x,y + var element = document.elementFromPoint(30,180); + if (element.tagName === "UL") + element = document.elementFromPoint(30,190); + if (element.tagName === "UL") + element = document.elementFromPoint(30,200); + if (element.tagName === "SPAN") + id = element.id + } + Users.hovering = false + Users.view(id) + Nav.selectClass(Users.userlist, id) + }, + view: function (id) + { + var user = Users.userlist[id] + var userRec = ''; + // 0 id 1 group 2 name 3 email 4 blurb + var blurb = parse_blurb( atob ( user[4] ) ) + userRec += "

" + user[2] + "

" + userRec += "

" + ( user[3] ? ""+user[3]+"" : "" ) + "

" + userRec += "

" + blurb + "

" + $('#userViewContainer').html(userRec) + $('#userEditContainer').hide() + $('#partyEditContainer').hide() + $('#userViewContainer').show() + Users.currentIdx = $("#"+id).parent().attr("id").substr(2) + }, + addClick: function () + { + warn("NEW USER FORM") + var id = "NEW" + $('#user-id').val(id) + $('#user-name').val("") + $('#user-email').val("") + $('#user-emailhidden').attr('checked', false) + $('#user-blurb').val("") + $('#userViewContainer').hide() + $('#userEditContainer').show() + $('#user-name').focus() + $('#userEditContainer h2').html("Add a new guest") + if (Auth.isHost) + { + $('#user-password-block').show() + $('#user-isstaff-block').show() + } + Nav.selectClass(Users.userlist, "") + Users.hovering = false + Main.saveFunction = Users.editSave + }, + editClick: function () + { + $(window).unbind("keydown") + var id = this.id.split("-")[1] + Users.hovering = false + $('#userViewContainer').fadeOut(200) + $('#userEditContainer').hide() + $.post(URL.user.view, {id:id}, Users.editClickCallback) + }, + editClickCallback: function (raw) + { + var lines = raw.split("\n") + if (lines.shift() !== API_MAGIC) + { + warn("bad api: user edit") + return + } + var user = lines.shift().split('\t') + warn ("editing user "+user[0]) + var hidemail = user[4] === '1' ? true : false + + // 0 id 1 name 2 email 3 access 4 emailhidden 5 hostid 6 blurb + var blurb = atob ( user[6] ) + $('#user-id').val(user[0]) + $('#user-name').val(user[1]) + $('#user-email').val(user[2]) + $('#user-emailhidden').attr('checked', hidemail) + $('#user-access option').attr("selected", false); + $('#user-access option[value="'+parseInt(user[3])+'"]').attr("selected", true); + $('#user-host option').attr("selected", false); + $('#user-host option[value="'+parseInt(user[5])+'"]').attr("selected", true); + $('#user-blurb').val(blurb) + $('#userViewContainer').hide() + if (user[0] === Auth.userID) + { + $('#userEditContainer h2').html("Editing your profile") + $('#user-password-block').show() + $('#user-isstaff-block').hide() + } + else + { + $('#user-password-block').hide() + $('#user-isstaff-block').hide() + $('#user-invitedby-block').hide() + $('#userEditContainer h2').html("Editing "+user[1]) + } + if (Auth.isHost) + { + $('#user-password-block').show() + $('#user-isstaff-block').show() + $('#user-invitedby-block').show() + $('#user-delete').show() + var ishost = user[3] === '1' ? true : false + $('#user-ishost').attr('checked', ishost) + } + $('#user-password1').val('') + $('#user-password2').val('') + $('#userEditContainer').fadeIn(300) + Main.saveFunction = Users.editSave + }, + editSave: function () + { + if (Main.saving) + return + Main.saving = true + var hidemail = $('#user-emailhidden').attr("checked") === true ? 1 : 0 + warn("attempting save") + var id = $('#user-id').val() + var data = + { + id: id, + partyid: Party.currentID, + hostid: $('#user-host').val(), + name: $('#user-name').val(), + email: $('#user-email').val(), + emailhidden: hidemail, + blurb: $('#user-blurb').val(), + } + if (Auth.isHost) + { + var access = $('#user-access').val() + data['access'] = access + } + if (Auth.isHost || id === Auth.userID) + { + var pw1 = $('#user-password1').val() + var pw2 = $('#user-password2').val() + if (pw1 && pw2) + { + warn("setting password?! "+pw1) + if (pw1 === pw2) + data['password'] = pw1 + else + warn("passwords don't match!") + } + } + $.post(URL.user.edit, data, Users.editSaveCallback) + }, + editSaveCallback: function (raw) + { + var lines = raw.split("\n") + if (lines.shift() !== API_MAGIC) + { + warn("bad api: user edit") + return + } + var result = lines.shift().split("\t") + if (result[0] === "ERROR") + { + warn("save error: "+result[1]) + return + } + var fields = lines.shift().split("\t") + var rowID = "user-"+fields[0] + if (result[0] === "OK") + { + warn("user saved") + Users.userlist[rowID] = fields + Users.view(rowID) + Nav.selectClass(Users.userlist, rowID) + } + else if (result[0] === "NEW") + { + warn("user created") + // $("#userList").append("

"+fields[1]+"

") + Party.view( Party.currentID ) + } + Main.saving = false + }, + deleteClick: function () + { + var id = $('#user-id').val() + var name = $('#user-name').val() + var r = confirm("ARE YOU SURE YOU WANT TO DELETE " + name + "?") + if (r) + $.post(URL.user.deleter, {'id':id}, Users.deleteClickCallback) + }, + deleteClickCallback: function () + { + var id = $('#user-id').val() + var name = $('#user-name').val() + Users.userlist['user-'+id] = [] + warn("DELETED "+id+ " "+name) + $('#userViewContainer').hide() + $('#userViewContainer h2').html('') + $('#userViewContainer b').html('') + $('#userViewContainer p').html('') + $('#userEditContainer').hide() + Party.view( Party.currentID ) + }, + }; +var Nav = + { + navIDs: {"nav_about":0,"nav_parties":0,"nav_users":0,"nav_patrons":0,"nav_reunions":0}, + aboutClick: function() + { + this.blur() + $('#aboutMode').show() + $('#patronMode').hide() + $('#partiesMode').hide() + $('#reunionMode').hide() + Nav.selectClass(Nav.navIDs, "nav_about") + $(window).unbind("keydown") + }, + partiesClick: function() + { + this.blur() + $('#aboutMode').hide() + $('#patronMode').hide() + $('#partiesMode').show() + $('#reunionMode').hide() + Nav.selectClass(Nav.navIDs, "nav_parties") + $('#userViewContainer').css("left", 520) + Party.list() + $(window).unbind("keydown") + }, + usersClick: function() + { + this.blur() + $('#aboutMode').hide() + $('#patronMode').hide() + $('#partiesMode').show() + $('#reunionMode').hide() + $('#userListContainer').hide() + $('#partyListContainer').hide() + Nav.selectClass(Nav.navIDs, "nav_users") + $('#userViewContainer').css("left", 320) + Users.all() + $(window).unbind("keydown") + $(window).bind("keydown", Nav.keydown) + }, + patronsClick: function() + { + this.blur() + $('#aboutMode').hide() + $('#partiesMode').hide() + $('#patronMode').show() + $('#reunionMode').hide() + Nav.selectClass(Nav.navIDs, "nav_patrons") + $(window).unbind("keydown") + }, + reunionClick: function() + { + this.blur() + $('#aboutMode').hide() + $('#patronMode').hide() + $('#partiesMode').hide() + $('#reunionMode').show() + Nav.selectClass(Nav.navIDs, "nav_reunions") + $(window).unbind("keydown") + }, + selectClass: function (ids, selected) + { + for (var id in ids) + { + $("#"+id).removeClass("selected") + } + if (selected) + $("#"+selected).addClass("selected") + }, + keydown: function (e) + { + kc = event.keyCode + if (kc === 38) // up + { + // select previous name or last + newIdx = parseInt(Users.currentIdx) - 1 + if (newIdx < 0) + { + newIdx = Users.allCount - 1 + scrollToBottom("body") + } + Users.viewIdx(newIdx) + return false + } + if (kc === 40) // down + { + // select next name or first + newIdx = parseInt(Users.currentIdx) + 1 + if (newIdx === Users.allCount) + { + newIdx = 0 + scrollToTop("body") + } + Users.viewIdx(newIdx) + return false + } + return true + }, + }; +var Auth = + { + name: '', + userID: 1, + isHost: false, + loginPrompt: false, + hosts: {}, + init: function () + { + if (document.cookie.indexOf("_protocols") !== -1) + { + warn('got cookie') + $.post(URL.auth.login, {}, Auth.loginCallback) + return + } + Auth.load() + }, + unload: function () + { + if (Auth.loginPrompt) + { + Auth.loginPrompt = false + $('#login').fadeOut(1000, function(){ Main.load()} ) + } + else + Main.load() + }, + load: function () + { + $('#login').fadeIn(1000) + $('#login-email').focus() + $('#login-email').keydown(Main.kp) + $('#login-password').keydown(Main.kp) + $('#login-go').click( Auth.login ) + Auth.loginPrompt = true + Main.saveFunction = Auth.login + Main.saving = false + }, + login: function () + { + if (Main.saving) + return + Main.saving = true + warn("attempting login") + var data = + { + username: $('#login-email').val(), + password: $('#login-password').val(), + } + $('#login-password').val(''), + $.post(URL.auth.login, data, Auth.loginCallback) + }, + loginCallback: function (raw) + { + Main.saving = false + var lines = raw.split("\n") + if (lines.shift() !== API_MAGIC) + { + if (! Auth.loginPrompt) + Auth.load() + warn("bad api: login") + return + } + var result = lines.shift().split("\t") + if (result[0] === '0') + { + if (! Auth.loginPrompt) + Auth.load() + else + warn("bad login!") + return + } + + // 0 id 1 name 2 firstname 3 email 4 access + var name = result[1].split(' ')[0] || result[1].split('@')[0] + warn( "Logged in! Hello "+name ) + Auth.userID = result[0] + Auth.isHost = result[4] == 2 ? true : false; + Auth.name = result[1] + Auth.firstName = result[2] + + $('#profile-edit').html(Auth.firstName + "!") + $('#logout').click( Auth.logout ) + + var hostSelect = "" + for (i in lines) + { + if (! lines[i]) + continue + var host = lines[i].split("\t") + if (host[0] === Auth.userID) + hostSelect += "" + else + hostSelect += "" + Auth.hosts[host[0]] = host[1] + } + $("#user-host").html(hostSelect) + + Auth.unload() + }, + logout: function () + { + warn("logging out") + document.cookie = '_protocols=LOGGEDOUT; expires=Mon, 1 Jan 2001 12:00:00 UTC; path=/' + Main.unload() + }, + }; +var Main = + { + saveFunction: false, + saving: false, + kp: function (e) + { + var evt = window.event ? window.event : e + var key = evt.keyCode ? evt.keyCode : e.which + if (key === 13) + Main.saveFunction() + }, + init: function () + { + warn("init site") + Auth.init() + }, + unload: function () + { + $('header').fadeOut(500) + $('section').fadeOut(500) + $('footer').fadeOut(500) + $('#bg').fadeIn(500) + Auth.init() + }, + load: function () + { + warn("loading site") + $('#bg').fadeOut(500) + $('header').show() + $('#welcome').fadeIn(500) + $('#nav_about').click( Nav.aboutClick ) + $('#nav_users').click( Nav.usersClick ) + $('#nav_patrons').click( Nav.patronsClick ) + $('#nav_reunions').click( Nav.reunionClick ) + if (Auth.isHost) + { + $('#nav_parties').show() + $('#nav_parties').click( Nav.partiesClick ) + $('#user-add').click( Users.addClick ) + $('#user-delete').click( Users.deleteClick ) + $('#party-add').click( Party.addClick ) + $('#party-edit').click( Party.editClick ) + } + else + { + $('#nav_parties').hide() + $('#user-add').hide() + $('#user-delete').hide() + $('#party-add').hide() + $('#party-edit').hide() + } + $('#user-save').click( Users.editSave ) + $('#user-name').keydown(Main.kp) + $('#user-email').keydown(Main.kp) + $('#user-password2').keydown(Main.kp) + $('#party-location').keydown(Main.kp) + $('#party-day').keydown(Main.kp) + $('#party-year').keydown(Main.kp) + $('#party-save').click( Party.editSave ) + Nav.selectClass(Nav.navIDs, "nav_about") + $('#aboutMode').show() + warn("done!") + }, + }; +Main.init(); diff --git a/public/protocols/index.html b/public/protocols/index.html new file mode 100644 index 0000000..9b68f4b --- /dev/null +++ b/public/protocols/index.html @@ -0,0 +1,231 @@ + + + + Protocols + + + + + +

+ + + +

+ +

+ + +

+ Founded in 2008. +

+ A twice-a-month salon and soiree where everything is off the record. +

+ The event takes place in the penthouse of our patrons mad.house + and their interactive partners Mediatronica (iPhone/iPad apps, + video remix widgets, social media distribution). Together, mad.house and mediatronica produce and distribute quality + multi-platform content for ad agencies, networks and brands. +

HOSTED BY

+
Justin Rocket Silverman
+ Senior Feature Writer / Video Producer at the NY Daily News + has also written and produced video for Esquire, The Wall Street Journal, New York magazine and many others + — @JustinRocket +
+
Jeff Newelt aka JAHFURRY
+ Writer / Comics Editor, HEEB Magazine; Editor, The Pekar Project & Harvey Pekar's CLEVELAND; + PR/Social Media for cool clients; reggae singer + — @JahFurry +
+
Scott Beale
+ Founder / Publisher of art/technology blog Laughing Squid + — @LaughingSquid @ScottBeale +
+
Molly Crabapple (Emerita)
+ Artist / Comics Creator / Founder of Dr Sketchy's Anti-Art School — @MollyCrabapple +

+ New York Times Sunday Styles Feature on Protocols +

+ EVENT PATRON + The event takes place in the penthouse of our patrons mad.house + and their interactive partners Mediatronica (iPhone/iPad apps, + video remix widgets, social media distribution). Together, mad.house and mediatronica produce and distribute quality + multi-platform content for ad agencies, networks and brands. +

+ 240 Madison Ave, 14th Floor
New York, NY
+ [map] +

+ +

+ TECH PATRONS + Winslow Turner Porter III
+ Jules Laplace +

+ +

+ REUNION PATRON + Sutra Lounge +

+ Every Protocols attendee is invited to our quarterly reunions.

+ +
+ photo by Nick McGlynn
+
+ +
+ photo by Nick McGlynn
+
+ +
+ photo by Ronen V.
+
+ +
+ photo by Kristy Leibowitz
+
+ +
+ photo by Kristy Leibowitz
+
+ +
+
+ +
+ photo by Andrzej Liguz
+
+ +
+ photo by Andrzej Liguz
+
+

+