<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="Poll Gadget">
    <Require feature="wave" /> 
    <Require feature="dynamic-height" />
  </ModulePrefs>
  <Content type="html">
<![CDATA[     
  <style type="text/css">
    <!--
.ptable td, .ptable th {
	text-align: center;
}

.ptable th {
	background-color: #aab;
}

td.pyes {
	background-color: #9f9;
	border: 1px solid #6c6;
	color: #161;
}

td.pno {
	background-color: #f99;
	border: 1px solid #c66;
	color: #611;
}

td.pundef {
	background-color: #eef;
	border: 1px solid #ccd;
	color: #227;
}

td.puser {
	text-align: left;
	background-color: #eee;
	color: #111;
}

td.pcuruser {
	text-align: left;
	background-color: #ccc;
	color: #111;
}
    -->
  </style>
  <script type="text/javascript">
function stateCallback() {
  renderTable();
  gadgets.window.adjustHeight();
}

function getPolls() {
  var p = wave.getState().get("polls");
  if (!p)
    return [];
  else
    return JSON.parse(p);
}

function update(key, value) {
  var delta = {};
  delta[key] = JSON.stringify(value);
  wave.getState().submitDelta(delta);
}

function addOption() {
  var option = trim(getvalue("optionInput"));
  var p = getPolls();
  if (p.indexOf(option) != -1)
    return;
  update("polls", p.concat(option));
}

function changeVote(voteId, cur) {
  var s = wave.getState();
  var d = s.get(wave.getViewer().getId());
  if (!d)
    d = {};
  else
    d = JSON.parse(d);
  if (cur == "Yes")
    d[voteId] = "No";
  else
    d[voteId] = "Yes";
  update(wave.getViewer().getId(), d);
}

function createTableHeader(values) {
  var h = "<tr><th>Name</th>";
  for (var i=0; i < values.length; ++i) {
	h += "<th>" + values[i] + "</th>";
  }
  h += "</tr>\n";
  return h;
}

function createTableRow(isCurrentUser, name, keys, values) {
  var row = "<tr><td class=\"" + (isCurrentUser ? "pcuruser" : "puser")
			+ "\">" + name + "</td>";
  for (var i=0; i < keys.length; ++i) {
	var v;
	var cl;
	if (!values[keys[i]]) {
	  v = "?";
	  cl = "pundef";
	} else if (values[keys[i]] == "Yes") {
	  v = "Yes";
	  cl = "pyes";
	} else {
	  v = "No";
	  cl = "pno";
	}
	row += "<td class=\"" + cl + "\"";
	if (isCurrentUser) {
	  row += " onclick='changeVote(\"" + keys[i] + "\",\"" + v + "\")'"; 
	}
	row += ">" + v + "</td>";
  }
  row += "</tr>\n";
  return row;
}

function renderTable() {
  var p = getPolls();
  var s = wave.getState();
  var c = createTableHeader(p);
  var participants = wave.getParticipants();
  for (var i=0; i < participants.length; i++) {
    var user = participants[i];
    var d = s.get(user.getId());
    if (!d)
      d = {};
    else
      d = JSON.parse(d);
	c += createTableRow(wave.getViewer().getId() == user.getId(), user.getDisplayName(), p, d);
  }
  settext("poll",c);
}

function gettext(id) {
  if (document.getElementById(id)!=null)
    return document.getElementById(id).innerHTML;
  else
    null;
}

function getvalue(id){
  if(document.getElementById(id)!=null)
    return document.getElementById(id).value;
  else
    null;
}

function settext(id, text) {
  if(document.getElementById(id)!=null)
    return document.getElementById(id).innerHTML=text;
  else
    null;
}

function trim(stringToTrim) {
  return stringToTrim.replace(/^\s+|\s+$/g,"");
}

function init() {
  if (wave && wave.isInWaveContainer()) {
    wave.setStateCallback(stateCallback);
    wave.setParticipantCallback(stateCallback);
  }
}

gadgets.util.registerOnLoadHandler(init);
  </script>
  <div>
    Add New Option: <input id="optionInput" type="text" value="" />
    <button id="optionSubmit" onClick="addOption()">Add</button>
  </div>
  <div>
    <table id="poll" border="0" class="ptable"></table>
  </div>
  <script type="text/javascript">
// json2.js
if(!this.JSON){JSON={}}(function(){function f(n){return n<10?'0'+n:n}if(typeof Date.prototype.toJSON!=='function'){Date.prototype.toJSON=function(key){return this.getUTCFullYear()+'-'+f(this.getUTCMonth()+1)+'-'+f(this.getUTCDate())+'T'+f(this.getUTCHours())+':'+f(this.getUTCMinutes())+':'+f(this.getUTCSeconds())+'Z'};String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(key){return this.valueOf()}}var cx=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,escapable=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,gap,indent,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'},rep;function quote(string){escapable.lastIndex=0;return escapable.test(string)?'"'+string.replace(escapable,function(a){var c=meta[a];return typeof c==='string'?c:'\\u'+('0000'+a.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+string+'"'}function str(key,holder){var i,k,v,length,mind=gap,partial,value=holder[key];if(value&&typeof value==='object'&&typeof value.toJSON==='function'){value=value.toJSON(key)}if(typeof rep==='function'){value=rep.call(holder,key,value)}switch(typeof value){case'string':return quote(value);case'number':return isFinite(value)?String(value):'null';case'boolean':case'null':return String(value);case'object':if(!value){return'null'}gap+=indent;partial=[];if(Object.prototype.toString.apply(value)==='[object Array]'){length=value.length;for(i=0;i<length;i+=1){partial[i]=str(i,value)||'null'}v=partial.length===0?'[]':gap?'[\n'+gap+partial.join(',\n'+gap)+'\n'+mind+']':'['+partial.join(',')+']';gap=mind;return v}if(rep&&typeof rep==='object'){length=rep.length;for(i=0;i<length;i+=1){k=rep[i];if(typeof k==='string'){v=str(k,value);if(v){partial.push(quote(k)+(gap?': ':':')+v)}}}}else{for(k in value){if(Object.hasOwnProperty.call(value,k)){v=str(k,value);if(v){partial.push(quote(k)+(gap?': ':':')+v)}}}}v=partial.length===0?'{}':gap?'{\n'+gap+partial.join(',\n'+gap)+'\n'+mind+'}':'{'+partial.join(',')+'}';gap=mind;return v}}if(typeof JSON.stringify!=='function'){JSON.stringify=function(value,replacer,space){var i;gap='';indent='';if(typeof space==='number'){for(i=0;i<space;i+=1){indent+=' '}}else if(typeof space==='string'){indent=space}rep=replacer;if(replacer&&typeof replacer!=='function'&&(typeof replacer!=='object'||typeof replacer.length!=='number')){throw new Error('JSON.stringify');}return str('',{'':value})}}if(typeof JSON.parse!=='function'){JSON.parse=function(text,reviver){var j;function walk(holder,key){var k,v,value=holder[key];if(value&&typeof value==='object'){for(k in value){if(Object.hasOwnProperty.call(value,k)){v=walk(value,k);if(v!==undefined){value[k]=v}else{delete value[k]}}}}return reviver.call(holder,key,value)}cx.lastIndex=0;if(cx.test(text)){text=text.replace(cx,function(a){return'\\u'+('0000'+a.charCodeAt(0).toString(16)).slice(-4)})}if(/^[\],:{}\s]*$/.test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,''))){j=eval('('+text+')');return typeof reviver==='function'?walk({'':j},''):j}throw new SyntaxError('JSON.parse');}}}());
  </script>
]]>
  </Content>
</Module>
