RubyGems - vines - Versions diffs - 0.4.6 → 0.4.7 - Mend

vines 0.4.6 → 0.4.7

Files changed (36) hide show

data/README.md +4 -4
data/Rakefile +2 -36
data/lib/vines/version.rb +1 -1
data/vines.gemspec +0 -3
data/web/404.html +11 -34
metadata +3 -81
data/web/chat/coffeescripts/chat.coffee +0 -362
data/web/chat/coffeescripts/init.coffee +0 -15
data/web/chat/index.html +0 -16
data/web/chat/javascripts/app.js +0 -1
data/web/chat/stylesheets/chat.css +0 -144
data/web/lib/coffeescripts/button.coffee +0 -25
data/web/lib/coffeescripts/contact.coffee +0 -32
data/web/lib/coffeescripts/filter.coffee +0 -49
data/web/lib/coffeescripts/layout.coffee +0 -30
data/web/lib/coffeescripts/login.coffee +0 -68
data/web/lib/coffeescripts/logout.coffee +0 -5
data/web/lib/coffeescripts/navbar.coffee +0 -84
data/web/lib/coffeescripts/notification.coffee +0 -14
data/web/lib/coffeescripts/router.coffee +0 -40
data/web/lib/coffeescripts/session.coffee +0 -229
data/web/lib/coffeescripts/transfer.coffee +0 -106
data/web/lib/images/dark-gray.png +0 -0
data/web/lib/images/default-user.png +0 -0
data/web/lib/images/light-gray.png +0 -0
data/web/lib/images/logo-large.png +0 -0
data/web/lib/images/logo-small.png +0 -0
data/web/lib/images/white.png +0 -0
data/web/lib/javascripts/base.js +0 -12
data/web/lib/javascripts/icons.js +0 -110
data/web/lib/javascripts/jquery.cookie.js +0 -91
data/web/lib/javascripts/jquery.js +0 -4
data/web/lib/javascripts/raphael.js +0 -6
data/web/lib/javascripts/strophe.js +0 -1
data/web/lib/stylesheets/base.css +0 -385
data/web/lib/stylesheets/login.css +0 -68

data/web/chat/coffeescripts/init.coffee DELETED

@@ -1,15 +0,0 @@
-$ ->
-  session = new Session()
-  nav = new NavBar(session)
-  nav.draw()
-  buttons =
-    Messages: ICONS.chat
-    Logout:   ICONS.power
-  nav.addButton(label, icon) for label, icon of buttons
-  pages =
-    '/messages': new ChatPage(session)
-    '/logout':   new LogoutPage(session)
-    'default':   new LoginPage(session, '/messages/')
-  new Router(pages).draw()
-  nav.select $('#nav-link-messages').parent()

data/web/chat/index.html DELETED

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8"/>
-  <meta name="apple-mobile-web-app-capable" content="yes"/>
-  <title>Vines</title>
-  <link rel="shortcut icon" type="image/png" href="/favicon.png"/>
-  <link rel="stylesheet" href="/lib/stylesheets/base.css"/>
-  <link rel="stylesheet" href="/lib/stylesheets/login.css"/>
-  <link rel="stylesheet" href="stylesheets/chat.css"/>
-  <script type="text/javascript" src="/lib/javascripts/base.js"></script>
-  <script type="text/javascript" src="javascripts/app.js"></script>
-</head>
-<body>
-</body>
-</html>

data/web/chat/javascripts/app.js DELETED

@@ -1 +0,0 @@

- (function(){this.ChatPage=function(){function e(e){var t=this;this.session=e,this.session.onRoster(function(){return t.roster()}),this.session.onCard(function(e){return t.card(e)}),this.session.onMessage(function(e){return t.message(e)}),this.session.onPresence(function(e){return t.presence(e)}),this.chats={},this.currentContact=null,this.layout=null}return e.prototype.datef=function(e){var t,n,r,i;return t=new Date(e),r=t.getHours()>=12?" pm":" am",n=t.getHours()>12?t.getHours()-12:t.getHours(),n===0&&(n=12),i=t.getMinutes()+"",i.length===1&&(i="0"+i),n+":"+i+r},e.prototype.card=function(e){var t=this;return this.eachContact(e.jid,function(n){return $(".vcard-img",n).attr("src",t.session.avatar(e.jid))})},e.prototype.roster=function(){var e,t,n,r,i,s,o,u,a=this;i=$("#roster"),$("li",i).each(function(e,t){var n;n=$(t).attr("data-jid");if(!a.session.roster[n])return $(t).remove()}),s=function(e,t){return $(".text",e).text(t.name||t.jid),e.attr("data-name",t.name||"")},o=this.session.roster,u=[];for(n in o)e=o[n],t=$("#roster li[data-jid='"+n+"']"),s(t,e),t.length===0?(r=$('<li data-jid="'+n+'" data-name="" class="offline">\n <span class="text"></span>\n <span class="status-msg">Offline</span>\n <span class="unread" style="display:none;"></span>\n <img class="vcard-img" alt="'+n+'" src="'+this.session.avatar(n)+'"/>\n</li>').appendTo(i),s(r,e),u.push(r.click(function(e){return a.selectContact(e)}))):u.push(void 0);return u},e.prototype.message=function(e){var t,n,r,i;if(e.type!=="chat"||!e.text)return;this.queueMessage(e),i=e.from===this.session.jid(),r=e.from.split("/")[0];if(!i&&r!==this.currentContact)return n=this.chat(e.from),n.unread++,this.eachContact(r,function(e){return $(".unread",e).text(n.unread).show()});t=this.atBottom(),this.appendMessage(e);if(t)return this.scroll()},e.prototype.eachContact=function(e,t){var n,r,i,s,o;s=$("#roster li[data-jid='"+e+"']").get(),o=[];for(r=0,i=s.length;r<i;r++)n=s[r],o.push(t($(n)));return o},e.prototype.appendMessage=function(e){var t,n,r,i;return n=e.from.split("/")[0],t=this.session.roster[n],r=t?t.name||n:n,e.from===this.session.jid()&&(r="Me"),i=$('<li data-jid="'+n+'" style="display:none;">\n <p></p>\n <img alt="'+n+'" src="'+this.session.avatar(n)+'"/>\n <footer>\n <span class="author"></span>\n <span class="time">'+this.datef(e.received)+"</span>\n </footer>\n</li>").appendTo("#messages"),$("p",i).text(e.text),$(".author",i).text(r),i.fadeIn(200)},e.prototype.queueMessage=function(e){var t,n,r;return r=e.from===this.session.jid(),n=e[r?"to":"from"],t=this.chat(n),t.jid=n,t.messages.push(e)},e.prototype.chat=function(e){var t,n;return t=e.split("/")[0],n=this.chats[t],n||(n={jid:e,messages:[],unread:0},this.chats[t]=n),n},e.prototype.presence=function(e){var t,n,r,i=this;n=e.from.split("/")[0];if(n===this.session.bareJid())return;if(!e.type||e.offline)t=this.session.roster[n],this.eachContact(n,function(e){return $(".status-msg",e).text(t.status()),t.offline()?e.addClass("offline"):e.removeClass("offline")});e.offline&&(this.chat(n).jid=n);if(e.type==="subscribe")return r=$('<li data-jid="'+e.from+'" style="display:none;">\n <form class="inset">\n <h2>Buddy Approval</h2>\n <p>'+e.from+' wants to add you as a buddy.</p>\n <fieldset class="buttons">\n <input type="button" value="Decline"/>\n <input type="submit" value="Accept"/>\n </fieldset>\n </form>\n</li>').appendTo("#notifications"),r.fadeIn(200),$("form",r).submit(function(){return i.acceptContact(r,e.from)}),$('input[type="button"]',r).click(function(){return i.rejectContact(r,e.from)})},e.prototype.acceptContact=function(e,t){return e.fadeOut(200,function(){return e.remove()}),this.session.sendSubscribed(t),this.session.sendSubscribe(t),!1},e.prototype.rejectContact=function(e,t){return e.fadeOut(200,function(){return e.remove()}),this.session.sendUnsubscribed(t)},e.prototype.selectContact=function(e){var t,n,r,i,s,o,u;r=$(e.currentTarget).attr("data-jid"),n=this.session.roster[r];if(this.currentContact===r)return;this.currentContact=r,$("#roster li").removeClass("selected"),$(e.currentTarget).addClass("selected"),$("#chat-title").text("Chat with "+(n.name||n.jid)),$("#messages").empty(),t=this.chats[r],i=[],t&&(i=t.messages,t.unread=0,this.eachContact(r,function(e){return $(".unread",e).text("").hide()}));for(o=0,u=i.length;o<u;o++)s=i[o],this.appendMessage(s);return this.scroll(),$("#remove-contact-msg").html("Are you sure you want to remove "+("<strong>"+this.currentContact+"</strong> from your buddy list?")),$("#remove-contact-form .buttons").fadeIn(200),$("#edit-contact-jid").text(this.currentContact),$("#edit-contact-name").val(this.session.roster[this.currentContact].name),$("#edit-contact-form input").fadeIn(200),$("#edit-contact-form .buttons").fadeIn(200)},e.prototype.scroll=function(){var e;return e=$("#messages"),e.animate({scrollTop:e.prop("scrollHeight")},400)},e.prototype.atBottom=function(){var e,t;return t=$("#messages"),e=t.prop("scrollHeight")-t.outerHeight(),t.scrollTop()>=e},e.prototype.send=function(){var e,t,n,r;return this.currentContact?(t=$("#message"),r=t.val().trim(),r&&(e=this.chats[this.currentContact],n=e?e.jid:this.currentContact,this.message({from:this.session.jid(),text:r,to:n,type:"chat",received:new Date}),this.session.sendMessage(n,r)),t.val(""),!1):!1},e.prototype.addContact=function(){var e;return this.toggleForm("#add-contact-form"),e={jid:$("#add-contact-jid").val(),name:$("#add-contact-name").val(),groups:["Buddies"]},e.jid&&this.session.updateContact(e,!0),!1},e.prototype.removeContact=function(){return this.toggleForm("#remove-contact-form"),this.session.removeContact(this.currentContact),this.currentContact=null,$("#chat-title").text("Select a buddy to chat"),$("#messages").empty(),$("#remove-contact-msg").html("Select a buddy in the list above to remove."),$("#remove-contact-form .buttons").hide(),$("#edit-contact-jid").text("Select a buddy in the list above to update."),$("#edit-contact-name").val(""),$("#edit-contact-form input").hide(),$("#edit-contact-form .buttons").hide(),!1},e.prototype.updateContact=function(){var e;return this.toggleForm("#edit-contact-form"),e={jid:this.currentContact,name:$("#edit-contact-name").val(),groups:this.session.roster[this.currentContact].groups},this.session.updateContact(e),!1},e.prototype.toggleForm=function(e,t){var n=this;return e=$(e),$("form.overlay").each(function(){if(this.id!==e.attr("id"))return $(this).hide()}),e.is(":hidden")?(t&&t(),e.fadeIn(100)):e.fadeOut(100,function(){e[0].reset(),n.layout.resize();if(t)return t()})},e.prototype.draw=function(){var e,t=this;if(!this.session.connected()){window.location.hash="";return}return $("body").attr("id","chat-page"),$("#container").hide().empty(),$('<div id="alpha" class="sidebar column y-fill">\n <h2>Buddies <div id="search-roster-icon"></div></h2>\n <div id="search-roster-form"></div>\n <ul id="roster" class="selectable scroll y-fill"></ul>\n <div id="alpha-controls" class="controls">\n <div id="add-contact"></div>\n <div id="remove-contact"></div>\n <div id="edit-contact"></div>\n </div>\n <form id="add-contact-form" class="overlay" style="display:none;">\n <h2>Add Buddy</h2>\n <input id="add-contact-jid" type="email" maxlength="1024" placeholder="Account name"/>\n <input id="add-contact-name" type="text" maxlength="1024" placeholder="Real name"/>\n <fieldset class="buttons">\n <input id="add-contact-cancel" type="button" value="Cancel"/>\n <input id="add-contact-ok" type="submit" value="Add"/>\n </fieldset>\n </form>\n <form id="remove-contact-form" class="overlay" style="display:none;">\n <h2>Remove Buddy</h2>\n <p id="remove-contact-msg">Select a buddy in the list above to remove.</p>\n <fieldset class="buttons" style="display:none;">\n <input id="remove-contact-cancel" type="button" value="Cancel"/>\n <input id="remove-contact-ok" type="submit" value="Remove"/>\n </fieldset>\n </form>\n <form id="edit-contact-form" class="overlay" style="display:none;">\n <h2>Update Profile</h2>\n <p id="edit-contact-jid">Select a buddy in the list above to update.</p>\n <input id="edit-contact-name" type="text" maxlength="1024" placeholder="Real name" style="display:none;"/>\n <fieldset class="buttons" style="display:none;">\n <input id="edit-contact-cancel" type="button" value="Cancel"/>\n <input id="edit-contact-ok" type="submit" value="Save"/>\n </fieldset>\n </form>\n</div>\n<div id="beta" class="primary column x-fill y-fill">\n <h2 id="chat-title">Select a buddy to chat</h2>\n <ul id="messages" class="scroll y-fill"></ul>\n <form id="message-form">\n <input id="message" name="message" type="text" maxlength="1024" placeholder="Type a message and press enter to send"/>\n </form>\n</div>\n<div id="charlie" class="sidebar column y-fill">\n <h2>Notifications</h2>\n <ul id="notifications" class="scroll y-fill"></ul>\n <div id="charlie-controls" class="controls">\n <div id="clear-notices"></div>\n </div>\n</div>').appendTo("#container"),this.roster(),new Button("#clear-notices",ICONS.no),new Button("#add-contact",ICONS.plus),new Button("#remove-contact",ICONS.minus),new Button("#edit-contact",ICONS.user),$("#message").focus(function(){return $("form.overlay").fadeOut()}),$("#message-form").submit(function(){return t.send()}),$("#clear-notices").click(function(){return $("#notifications li").fadeOut(200)}),$("#add-contact").click(function(){return t.toggleForm("#add-contact-form")}),$("#remove-contact").click(function(){return t.toggleForm("#remove-contact-form")}),$("#edit-contact").click(function(){return t.toggleForm("#edit-contact-form",function(){if(t.currentContact)return $("#edit-contact-jid").text(t.currentContact),$("#edit-contact-name").val(t.session.roster[t.currentContact].name)})}),$("#add-contact-cancel").click(function(){return t.toggleForm("#add-contact-form")}),$("#remove-contact-cancel").click(function(){return t.toggleForm("#remove-contact-form")}),$("#edit-contact-cancel").click(function(){return t.toggleForm("#edit-contact-form")}),$("#add-contact-form").submit(function(){return t.addContact()}),$("#remove-contact-form").submit(function(){return t.removeContact()}),$("#edit-contact-form").submit(function(){return t.updateContact()}),$("#container").fadeIn(200),this.layout=this.resize(),e=function(){return t.layout.resize(),t.layout.resize()},new Filter({list:"#roster",icon:"#search-roster-icon",form:"#search-roster-form",attrs:["data-jid","data-name"],open:e,close:e})},e.prototype.resize=function(){var e,t,n,r,i;return e=$("#alpha"),t=$("#beta"),n=$("#charlie"),i=$("#message"),r=$("#message-form"),new Layout(function(){return n.css("left",e.width()+t.width()),i.width(r.width()-32)})},e}(),$(function(){var e,t,n,r,i,s;s=new Session,r=new NavBar(s),r.draw(),e={Messages:ICONS.chat,Logout:ICONS.power};for(n in e)t=e[n],r.addButton(n,t);return i={"/messages":new ChatPage(s),"/logout":new LogoutPage(s),"default":new LoginPage(s,"/messages/")},(new Router(i)).draw(),r.select($("#nav-link-messages").parent())})}).call(this);

data/web/chat/stylesheets/chat.css DELETED

@@ -1,144 +0,0 @@
-#chat-page #container {
-  height: 100%;
-}
-#chat-page #chat-title {
-  background: #f8f8f8;
-}
-#chat-page #messages {
-  background: #fff;
-  height: 100%;
-  list-style: none;
-  text-shadow: 0 1px 1px #ddd;
-  width: 100%;
-}
-#chat-page #messages li {
-  border-bottom: 1px solid #f0f0f0;
-  min-height: 40px;
-  padding: 10px;
-  position: relative;
-}
-#chat-page #messages li:hover > span .time {
-  opacity: 0.3;
-}
-#chat-page #messages li img {
-  border: 3px solid #fff;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-  position: absolute;
-  top: 7px;
-  right: 7px;
-  height: 40px;
-  width: 40px;
-}
-#chat-page #messages li p {
-  line-height: 1.5;
-  width: 90%;
-}
-#chat-page #messages li footer {
-  font-size: 9pt;
-  padding-right: 50px;
-  text-align: right;
-}
-#chat-page #messages li footer span {
-  color: #d8d8d8;
-  margin-right: 0.5em;
-  text-shadow: none;
-}
-#chat-page #messages li footer .author::before {
-  content: '\2014 ';
-}
-#chat-page #message-form {
-  background: #f8f8f8 -moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
-  background: #f8f8f8 -ms-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
-  background: #f8f8f8 -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
-  background: #f8f8f8 -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
-  border-top: 1px solid #dfdfdf;
-  height: 50px;
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-}
-#chat-page #message {
-  display: block;
-  position: relative;
-  left: 10px;
-  top: 10px;
-  width: 428px;
-}
-#chat-page #roster,
-#chat-page #notifications {
-  height: 100%;
-  list-style: none;
-  text-shadow: 0 1px 1px #fff;
-  width: 260px;
-}
-#chat-page #roster li,
-#chat-page #notifications li {
-  cursor: pointer;
-  border-bottom: 1px solid #ddd;
-  font-weight: bold;
-  min-height: 42px;
-  padding: 0 10px;
-  position: relative;
-  -moz-transition: background 0.3s;
-  -o-transition: background 0.3s;
-  -webkit-transition: background 0.3s;
-  transition: background 0.3s;
-}
-#chat-page #notifications li {
-  font-weight: normal;
-  padding: 10px 0 0 0;
-}
-#chat-page #roster li:hover:not(.selected),
-#chat-page #notifications li:hover {
-  background: rgba(255, 255, 255, 1.0);
-}
-#chat-page #roster li.offline > * {
-  opacity: 0.4;
-}
-#chat-page #roster li.selected > * {
-  opacity: 1.0;
-}
-#chat-page #roster li.selected .status-msg {
-  color: rgba(255, 255, 255, 0.85);
-}
-#chat-page #roster .status-msg {
-  display: block;
-  font-size: 11px;
-  font-weight: normal;
-  line-height: 11px;
-}
-#chat-page #roster .unread {
-  background: #319be7;
-  background: -moz-linear-gradient(#319be7, #1b78d9);
-  background: -ms-linear-gradient(#319be7, #1b78d9);
-  background: -o-linear-gradient(#319be7, #1b78d9);
-  background: -webkit-linear-gradient(#319be7, #1b78d9);
-  border-radius: 30px;
-  color: #fff;
-  display: inline-block;
-  font-size: 11px;
-  font-weight: normal;
-  line-height: 15px;
-  padding: 0px 6px;
-  position: absolute;
-  right: 50px;
-  top: 14px;
-  text-shadow: none;
-}
-#chat-page #roster .vcard-img {
-  background: #fff;
-  border: 1px solid #fff;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-  height: 32px;
-  width: 32px;
-  position: absolute;
-  top: 4px;
-  right: 10px;
-}
-#chat-page #charlie-controls {
-  text-align: right;
-}
-#chat-page #edit-contact-jid {
-  color: #444;
-  margin-top: -5px;
-}

data/web/lib/coffeescripts/button.coffee DELETED

@@ -1,25 +0,0 @@
-class @Button
-  constructor: (node, path, options) ->
-    @node = $ node
-    @path = path
-    @options = options || {}
-    @options.animate = true unless @options.animate?
-    this.draw()
-  draw: ->
-    paper = Raphael @node.get(0)
-    transform = "s#{@options.scale || 0.85}"
-    transform += ",t#{@options.translation}" if @options.translation
-    icon = paper.path(@path).attr
-      fill: @options.fill || '#000'
-      stroke: @options.stroke || '#fff'
-      'stroke-width': @options['stroke-width'] || 0.3
-      opacity: @options.opacity || 0.6
-      transform: transform
-    if @options.animate
-      @node.hover(
-        -> icon.animate(opacity: 1.0, 200),
-        -> icon.animate(opacity: 0.6, 200))

data/web/lib/coffeescripts/contact.coffee DELETED

@@ -1,32 +0,0 @@
-class @Contact
-  constructor: (node) ->
-    node  = $(node)
-    @jid  = node.attr 'jid'
-    @name = node.attr 'name'
-    @ask  = node.attr 'ask'
-    @subscription = node.attr 'subscription'
-    @groups = $('group', node).map(-> $(this).text()).get()
-    @presence = []
-  online: ->
-    @presence.length > 0
-  offline: ->
-    @presence.length == 0
-  available: ->
-    this.online() && (p for p in @presence when !p.away).length > 0
-  away: -> !this.available()
-  status: ->
-    available = (p.status for p in @presence when p.status && !p.away)[0] || 'Available'
-    away = (p.status for p in @presence when p.status && p.away)[0] || 'Away'
-    if this.offline()   then 'Offline'
-    else if this.away() then away
-    else available
-  update: (presence) ->
-    @presence = (p for p in @presence when p.from != presence.from)
-    @presence.push presence unless presence.type
-    @presence = [] if presence.type == 'unsubscribed'

data/web/lib/coffeescripts/filter.coffee DELETED

@@ -1,49 +0,0 @@
-class @Filter
-  constructor: (options) ->
-    @list  = options.list
-    @icon  = options.icon
-    @form  = options.form
-    @attrs = options.attrs
-    @open  = options.open
-    @close = options.close
-    this.draw()
-  draw: ->
-    $(@icon).addClass 'filter-button'
-    form = $('<form class="filter-form" style="display:none;"></form>').appendTo @form
-    text = $('<input class="filter-text" type="search" placeholder="Filter" results="5"/>').appendTo form
-    if @icon
-      new Button @icon, ICONS.search,
-        scale: 0.5
-        translation: '-16,-16'
-    form.submit -> false
-    text.keyup  => this.filter(text)
-    text.change => this.filter(text)
-    text.click  => this.filter(text)
-    $(@icon).click =>
-      if form.is ':hidden'
-        this.filter(text)
-        form.show()
-        this.open() if this.open
-      else
-        form.hide()
-        form[0].reset()
-        this.filter(text)
-        this.close() if this.close
-  filter: (input) ->
-    text = input.val().toLowerCase()
-    if text == ''
-      $('li', @list).show()
-      return
-    test = (node, attr) ->
-      val = (node.attr(attr) || '').toLowerCase()
-      val.indexOf(text) != -1
-    $('> li', @list).each (ix, node) =>
-      node = $ node
-      matches = (true for attr in @attrs when test node, attr)
-      if matches.length > 0 then node.show() else node.hide()

data/web/lib/coffeescripts/layout.coffee DELETED

@@ -1,30 +0,0 @@
-class @Layout
-  constructor: (@fn) ->
-    this.resize()
-    this.listen()
-    setTimeout (=> this.resize()), 250
-  resize: ->
-    this.fill '.x-fill', 'outerWidth', 'width'
-    this.fill '.y-fill', 'outerHeight', 'height'
-    this.fn()
-  fill: (selector, get, set) ->
-    $(selector).filter(':visible').each (ix, node) =>
-      node = $(node)
-      getter = node[get]
-      parent = getter.call node.parent(), true
-      fixed = this.fixed node, selector, (n) -> getter.call(n, true)
-      node[set].call node, parent - fixed
-  fixed: (node, selector, fn) ->
-    node.siblings().not(selector).not('.float').filter(':visible')
-      .map(-> fn $ this).get()
-      .reduce ((sum, num) -> sum + num), 0
-  listen: ->
-    id = null
-    $(window).resize =>
-      clearTimeout id
-      id = setTimeout (=> this.resize()), 10
-      this.resize()

data/web/lib/coffeescripts/login.coffee DELETED

@@ -1,68 +0,0 @@
-class @LoginPage
-  constructor: (@session, @startPage) ->
-  start: ->
-    $('#error').hide()
-    [jid, password] = ($(id).val().trim() for id in ['#jid', '#password'])
-    if jid.length == 0 || password.length == 0 || jid.indexOf('@') == -1
-      $('#error').show()
-      return
-    @session.connect jid, password, (success) =>
-      unless success
-        @session.disconnect()
-        $('#error').show()
-        $('#password').val('').focus()
-        return
-      localStorage['jid'] = jid
-      $('#current-user-name').text @session.bareJid()
-      $('#current-user-avatar').attr 'src', @session.avatar @session.jid()
-      $('#current-user-avatar').attr 'alt', @session.bareJid()
-      $('#container').fadeOut 200, =>
-        $('#navbar').show()
-        window.location.hash = @startPage
-  draw: ->
-    @session.disconnect()
-    jid = localStorage['jid'] || ''
-    $('#navbar').hide()
-    $('body').attr 'id', 'login-page'
-    $('#container').hide().empty()
-    $("""
-      <form id="login-form">
-        <div id="icon"></div>
-        <h1>vines</h1>
-        <fieldset id="login-form-controls">
-          <input id="jid" name="jid" type="email" maxlength="1024" value="#{jid}" placeholder="Your user name"/>
-          <input id="password" name="password" type="password" maxlength="1024" placeholder="Your password"/>
-          <input id="start" type="submit" value="Sign in"/>
-        </fieldset>
-        <p id="error" style="display:none;">User name and password not found.</p>
-      </form>
-    """).appendTo '#container'
-    $('#container').fadeIn 1000
-    $('#login-form').submit => this.start(); false
-    $('#jid').keydown      -> $('#error').fadeOut()
-    $('#password').keydown -> $('#error').fadeOut()
-    this.resize()
-    this.icon()
-  icon: ->
-    opts =
-      fill: '90-#ccc-#fff'
-      stroke: '#fff'
-      'stroke-width': 1.1
-      opacity: 0.95
-      scale: 3.0
-      translation: '10,8'
-      animate: false
-    new Button('#icon', ICONS.chat, opts)
-  resize: ->
-    win  = $ window
-    form = $ '#login-form'
-    sizer = -> form.css 'top', win.height() / 2 - form.height() / 2
-    win.resize sizer
-    sizer()

data/web/lib/coffeescripts/logout.coffee DELETED

@@ -1,5 +0,0 @@
-class @LogoutPage
-  constructor: (@session) ->
-  draw: ->
-    window.location.hash = ''
-    window.location.reload()

data/web/lib/coffeescripts/navbar.coffee DELETED

@@ -1,84 +0,0 @@
-class @NavBar
-  constructor: (@session) ->
-    @session.onCard (card) =>
-      if card.jid == @session.bareJid()
-        $('#current-user-avatar').attr 'src', @session.avatar card.jid
-  draw: ->
-    $("""
-      <header id="navbar" class="x-fill">
-        <h1 id="logo">vines&gt;</h1>
-        <div id="current-user">
-          <img id="current-user-avatar" alt="#{@session.bareJid()}" src="#{@session.avatar(@session.jid())}"/>
-          <div id="current-user-info">
-            <h1 id="current-user-name">#{@session.bareJid()}</h1>
-            <form id="current-user-presence-form">
-              <span class="select">
-                <span class="text">Available</span>
-                <select id="current-user-presence">
-                  <optgroup label="Available">
-                    <option>Available</option>
-                    <option>Surfing the web</option>
-                    <option>Reading email</option>
-                  </optgroup>
-                  <optgroup label="Away">
-                    <option value="xa">Away</option>
-                    <option value="xa">Out to lunch</option>
-                    <option value="xa">On the phone</option>
-                    <option value="xa">In a meeting</option>
-                  </optgroup>
-                </select>
-              </span>
-            </form>
-          </div>
-        </div>
-        <nav id="app-nav" class="x-fill">
-          <ul id="nav-links"></ul>
-        </nav>
-      </header>
-    """).appendTo 'body'
-    $('<div id="container" class="x-fill y-fill"></div>').appendTo 'body'
-    $('#current-user-presence').change (event) =>
-      selected = $ 'option:selected', event.currentTarget
-      $('#current-user-presence-form .text').text selected.text()
-      @session.sendPresence selected.val() == 'xa', selected.text()
-  addButton: (label, icon) ->
-    id = "nav-link-#{label.toLowerCase()}"
-    node = $("""
-      <li>
-        <a id="#{id}" href="#/#{label.toLowerCase()}">
-          <span>#{label}</span>
-        </a>
-      </li>
-    """).appendTo '#nav-links'
-    this.button(id, icon)
-    node.click (event) => this.select(event.currentTarget)
-  select: (button) ->
-    button = $(button)
-    $('#nav-links li').removeClass('selected')
-    $('#nav-links li a').removeClass('selected')
-    button.addClass('selected')
-    $('a', button).addClass('selected')
-    dark = $('#nav-links svg path')
-    dark.attr 'opacity', '0.6'
-    dark.css  'opacity', '0.6'
-    light = $('svg path', button)
-    light.attr 'opacity', '1.0'
-    light.css  'opacity', '1.0'
-  button: (id, path) ->
-    paper = Raphael(id)
-    icon = paper.path(path).attr
-      fill: '#fff'
-      stroke: '#000'
-      'stroke-width': 0.3
-      opacity: 0.6
-    node = $('#' + id)
-    node.hover(
-      -> icon.animate(opacity: 1.0, 200),
-      -> icon.animate(opacity: 0.6, 200) unless node.hasClass('selected'))
-    node.get 0