emasterjs.js

var picturevar = [0];

function setBeach(){
	picturevar[0] = "Beach";
	displayed(picturevar[0]);
}

function setSports(){
	picturevar[0] = "Sports";
	displayed(picturevar[0]);
	// document.getElementById("headerimage").value = frisbee;

}

function setFood() {
	picturevar[0] = "Food";
	displayed(picturevar);
}

function setPic(){
	if(picturevar[0] == "Beach"){
		$('#headerimage').prepend('<img width=100% height= 150px alt="Header" src="https://mobi-summer-evan.s3.amazonaws.com/Picture%20and%20Themes/Z.jpg"/>');
	}
	else if(picturevar[0] == "Sports"){
		$('#headerimage').prepend('<img width=100% height= 150px alt="Header" src="https://mobi-summer-evan.s3.amazonaws.com/Picture%20and%20Themes/Frisbee.jpg"/>');
	}
	else if(picturevar[0] == "Food"){
		$('#headerimage').prepend('<img width=100% height= 150px alt="Header" src="https://mobi-summer-evan.s3.amazonaws.com/Picture%20and%20Themes/Food.jpg"/>');
	}
}

//Global Variables for Keeping track of the guest list.
var go = [0,1];
var maybe = [0];
var no = ["aoh0wjg0ewj"]; 

//Shared Document API
function Initializing(old, params) {
	return params;
}

function Updatego(old, params) {
	old.go = params["go"];
	return old;
	console.log("Updating!");
}

function Updatemaybe(old, params) {
	old.maybe =params["maybe"];
	return old;
	console.log("updating!");
}

function Updateno(old, params){
	old.no = params["no"];
	return old;
	console.log("updating");
}

function InitialDocument() {
	var initValues = {
		"go": "",
		"maybe" : "",
		"no" : "",
	};
	return initValues;
}

function DocumentCreated(doc) {
  	console.log("Document has been created.");
}

function ReceiveUpdate(doc) {
	myDoc = doc;
	for( key in myDoc)
	{
		console.log(key);
	}

	console.log("go: " + myDoc["go"]);
	go = JSON.parse(myDoc["go"]);
	maybe = JSON.parse(myDoc["maybe"]);
	no = JSON.parse(myDoc["no"]);

	$('#list_devices').children("ol").remove();
	$('#maybego').children("ol").remove();
	$('#nogo').children("ol").remove();

	addEntry();
	addMaybe();
	addNo();



	refreshData();
	console.log("I received an update!");
}

function DidNotReceiveUpdate(doc) {
	console.log("I did not receive an update");
}

//////////////////////////////
///// Framework Code   ///////
//////////////////////////////

var documentApi;
var myDoc;
var myDocId = null;

function watchDocument(docref, OnUpdate) {
documentApi.watch(docref, function(updatedDocRef) {
	if (docref != myDocId) {
		console.log("Wrong document!!");
	} else {
	documentApi.get(docref, OnUpdate);
    	}
    }, function(result) {
    	var timestamp = result.Expires;
    	var expires = timestamp - new Date().getTime();
    	var timeout = 0.8 * expires;
    	setTimeout(function() {
    		watchDocument(docref, OnUpdate);
    	}, timeout);
    }, Error);
}

function initDocument() {
	if (Omlet.isInstalled()) {
	    documentApi = Omlet.document;
	    _loadDocument();
	}
}

function hasDocument() {
	if( myDocId === null )
	{
		return false;
	}
	else
	{
		return true;
	}
}

function _loadDocument() {
  	if (hasDocument()) {
  		console.log("...Loading Document");
    	documentApi.get(myDocId, ReceiveUpdate);
    	watchDocument(myDocId, ReceiveUpdate);
    } else {
    	console.log("...Creating Document");
    	documentApi.create(function(d) {
      	myDocId = d.Document;
      	documentApi.update(myDocId, Initializing, InitialDocument(), 
      		function() {
      			documentApi.get(myDocId, DocumentCreated);
      		}, function(e) {
      			alert("error: " + JSON.stringify(e));
      		});
      	watchDocument(myDocId, ReceiveUpdate);
      }, function(e) {
      	alert("error: " + JSON.stringify(e));
      });
    }
}

//Global Variables for Google Maps
var maps;
var geocoder;

//////////////////////////////
///// Google Places    ///////
//////////////////////////////

function initialize() {

 var input = document.getElementById('pac-input');
 var autocomplete = new google.maps.places.Autocomplete(input, options);

geocoder = new google.maps.Geocoder();

  var mapOptions = {
    zoom: 13,
    center: new google.maps.LatLng(37.785285, -122.429177),
    disableDefaultUI: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
  };
 
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

}

function codeAddress()
{
	var address = saving.place;
	geocoder.geocode( { 'address': address}, function(results, status) { 
		if( status == google.maps.GeocoderStatus.OK){
			map.setCenter(results[0].geometry.location);
			var marker = new google.maps.Marker({ 
				map: map, 
				position: results[0].geometry.location
			});
		}
		else{

		}
	});
}

//Load Data from shared RDL
function LoadData()
{
	setPic();
	details(saving.details);
	nama(saving.name);
	host("Hosted by: " + saving.host);
	rizi(saving.greetings);
	wanle(saving.goodbye);
	dizi(saving.place);
	Attending(go.length-2);
	atext("Attending");
	Maybe(maybe.length -1);
	mtext("Maybe");
	Noped(no.length-1);
	ntext("Declined");
}

function handleClick() {

	var goText = JSON.stringify(go);
	var maybeText = JSON.stringify(maybe);
	var noText = JSON.stringify(no);


	documentApi.update( myDocId, Updatego, { 'go' : goText } , ReceiveUpdate, DidNotReceiveUpdate);
	documentApi.update( myDocId, Updatemaybe, { 'maybe' : maybeText } , ReceiveUpdate, DidNotReceiveUpdate);
	documentApi.update( myDocId, Updateno, { 'no' : noText } , ReceiveUpdate, DidNotReceiveUpdate);


}


//Sharing RDL Function
function setUpShare() 
{
	$("#share").click(function() {
		ShareGame();
	});

}

function refreshtime( msgTxt )
{
	var msgDiv = document.getElementById('refreshtime');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('refreshtime').style.fontWeight = "200";
}

function timebreak( msgTxt )
{
	var msgDiv = document.getElementById('timebreak');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('timebreak').style.fontWeight = "200";
}

//Update time function
function datefunc() {
    var start = new Date (document.getElementById("start").value);
    var end = new Date(document.getElementById("end").value);

	if (start == "" && end == ""){
		return;
	} else {

		//Converting the ISO 8601 to Human Readable Text. This gathers each of the time dates' elements, and then sets innerHTML equal to those elements.
		var smonth = start.getMonth();
		var sdate = start.getDate();
		var shour = start.getUTCHours();
		var smin = start.getMinutes();
		var sday = start.getDay();
		var nday;
		var pm;

		//End date. Same process as above
		var emonth = end.getMonth();
		var edate = end.getDate();
		var ehour = end.getUTCHours();
		var emin = end.getMinutes();
		var eday = end.getDay();
		var eday;
		var am;

		//Converting a 24 hour time to 12 hour time. For the starting time only, so expect to see a duplicate.
		if(shour > 12)
		{
			var nhour;
			nhour = (shour-12);
			pm = "pm";
		}
		else
		{
			nhour = shour;
			pm = "am";
		}

		//Preventing the minutes time from dropping the zero in front. 

		if(emin < 10)
		{
			var nmin;
			nmin = ("0" + emin);
		}
		else
		{
			nmin = emin;
		}

		//Preventing the minutes time from dropping the zero in front. 

		if(smin < 10)
		{
			var pmin;
			pmin = ("0" + smin);
		}
		else
		{
			pmin = smin;
		}

		//Converting a 24 hour time to 12 hour time. For the ending time only. 
		if(ehour > 12)
		{
			var phour;
			phour = (ehour-12);
			am = "pm";
		}
		else
		{
			phour = shour;
			am = "am";
		}

		//Converting the integer return to a day( in text). For starting times only.
		if(sday == 1)
		{
			nday = "Monday";
		}
		if(sday == 2)
		{
			nday = "Tuesday";
		}
		if(sday == 3)
		{
			nday = "Wednesday";
		}
		if(sday == 4)
		{
			nday = "Thursday";
		}
		if(sday == 5)
		{
			nday = "Friday";
		}
		if(sday == 6)
		{
			nday ="Saturday";
		}
		if(sday == 0)
		{
			nday = "Sunday";
		}
		else
		{
			sday = nday;
		}

		//Converting the integers into days. For ending times only. 
		if(eday == 1)
		{
			pday = "Monday";
		}
		if(eday == 2)
		{
			pday = "Tuesday";
		}
		if(eday == 3)
		{
			pday = "Wednesday";
		}
		if(eday == 4)
		{
			pday = "Thursday";
		}
		if(eday == 5)
		{
			pday = "Friday";
		}
		if(eday == 6)
		{
			pday ="Saturday";
		}
		if(eday == 0)
		{
			pday = "Sunday";
		}
		else
		{
			eday = pday;
		}

		refreshtime("Start: " + nday + ", " + smonth + "/" + sdate + " at " + nhour + ":" + pmin + " " + pm);
		timebreak("End: " + pday + ", " + emonth + "/" + edate + " at " + phour + ":" + nmin + ' ' + am );
	}
}

function focusing(){
	var input = document.getElementById("end").focus();
}

function coming()
{
	for(var e = maybe.length - 1; e >= 0; e--) {
	 	if(viewerUser["name"] == maybe[e])
	 	{
    		if(maybe[e] == viewerUser["name"]) {
        	maybe.splice(e, 1);
     		}	
	 	}
	 }

	for(var p = no.length - 1; p >= 0; p--) {
	 	if(viewerUser["name"] == no[p])
 		{
    		if(no[p] == viewerUser["name"]){
        	no.splice(p, 1);
     		}		
	 	}
	 }

	 if(go.indexOf(viewerUser["name"]) == -1)
	 	{
	 		go[go.length] = viewerUser["name"];
	 	}
}

function perhaps()
{
	for(var e = go.length - 1; e >= 0; e--) {
		if(viewerUser["name"] == go[e])
		{
   				if(go[e] == viewerUser["name"]) {
       			go.splice(e, 1);
    			}
		}
	}

	for(var p = no.length - 1; p >= 0; p--) {
		if(viewerUser["name"] == no[p])
		{
   				if(no[p] == viewerUser["name"]) {
       			no.splice(p, 1);
    			}
		}
	}

	if(maybe.indexOf(viewerUser["name"]) == -1)
	{
		maybe[maybe.length] = viewerUser["name"];
	}

}

function nope()
{
	for(var e = maybe.length - 1; e >= 0; e--) {
		if(viewerUser["name"] == maybe[e])
		{
   			if(maybe[e] == viewerUser["name"]) {
       		maybe.splice(e, 1);
    		}
		}
	}

	for(var p = go.length - 1; p >= 0; p--) {
		if(viewerUser["name"] == go[p])
		{
   			if(go[p] == viewerUser["name"]) {
       		go.splice(p, 1);
    		}
		}
	}


	if(no.indexOf(viewerUser["name"]) == -1){
		no[no.length]= viewerUser["name"];
	}

}

function addEntry()
{
    var items = document.getElementById("list_devices");

    for (var i = 2; i < go.length; i++ ) {
        var item = document.createElement("ol");
        item.innerHTML = go[i];
        items.appendChild(item);
    }
}

function addMaybe()
{
    var items = document.getElementById("maybego");

    for (var i = 1; i < maybe.length; i++ ) {
        var item = document.createElement("ol");
        item.innerHTML = maybe[i];
        items.appendChild(item);
    }
}

function addNo()
{
    var items = document.getElementById("nogo");

    for (var i = 1; i < no.length; i++ ) {
        var item = document.createElement("ol");
        item.innerHTML = no[i];
        items.appendChild(item);
    }
}

//Displayed Picture
function displayed( msgTxt )
{
	var msgDiv = document.getElementById('displayed');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('displayed').style.fontWeight = "200";
}

//Guest List: attending
function gopanel( msgTxt )
{
	var msgDiv = document.getElementById('list_devices');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('list_devices').style.fontWeight = "200";
}
//Location logging. 
function lokitime( msgTxt )
{
	var msgDiv = document.getElementById('lokiplace');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('lokiplace').style.fontWeight = "200";
}

function lokifunc()
{
	var loki = document.getElementById('pac-input').value; 
	if(loki.length > 10) 
	{
		loki = loki.substring(0,30);
	}
	lokitime(loki + "...");
}

//Loading the Details.  
function details( msgTxt )
{
	var msgDiv = document.getElementById('Testing');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('Testing').style.fontWeight = "200";
}

//Loading the name
function nama( msgTxt )
{
	var msgDiv = document.getElementById('nama');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('nama').style.fontWeight = "200";
}

//Loading the Date
function rizi( msgTxt )
{
	var msgDiv = document.getElementById('rizi');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('rizi').style.fontWeight = "200";
}

//Loading the End Date
function wanle( msgTxt )
{
	var msgDiv = document.getElementById('wanle');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('wanle').style.fontWeight = "200";
}

//Loading the Location
function dizi( msgTxt )
{
	var msgDiv = document.getElementById('dizi');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('dizi').style.fontWeight = "200";
}

//Loading the Host Name
function host( msgTxt )
{
	var msgDiv = document.getElementById('host');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('host').style.fontWeight = "200";
}

//Loading the Number of people attending the event
function Attending( msgTxt )
{
	var msgDiv = document.getElementById('Attending');
	msgDiv.innerHTML = msgTxt;
	msgDiv.style.fontSize = "25px";
}

//Loading the name displaying "attending"
function atext( msgTxt )
{
	var msgDiv = document.getElementById('atext');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('atext').style.fontWeight = "200";
}

//Loading the Number of people attending the event
function Maybe( msgTxt )
{
	var msgDiv = document.getElementById('Maybe');
	msgDiv.innerHTML = msgTxt;
	msgDiv.style.fontSize = "25px";
}

//Loading the name displaying "attending"
function mtext( msgTxt )
{
	var msgDiv = document.getElementById('mtext');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('mtext').style.fontWeight = "200";
}

//Loading the Number of people attending the event
function Noped( msgTxt )
{
	var msgDiv = document.getElementById('Noped');
	msgDiv.innerHTML = msgTxt;
	msgDiv.style.fontSize = "25px";
}

//Loading the name displaying "attending"
function ntext( msgTxt )
{
	var msgDiv = document.getElementById('ntext');
	msgDiv.innerHTML = msgTxt;
	document.getElementById('ntext').style.fontWeight = "200";
}

function refreshData() {
	Attending(go.length-2);
	Maybe(maybe.length -1);
	Noped(no.length-1);
}

function reset(){
     var t = $("#nav");
     var offset = t.offset();
         $(function() {
              $(".holder").css("height" , offset.top);     
           });
}

//Sharing the game function. Saving data. 
function ShareGame(event)
{
	var saving = {
		name: $('#name').val(),
		details: $('#comments').val(),
		start: $('#start').val(),
		end: $('#end').val(),
		place: $('#pac-input').val(),
		greetings: $('#refreshtime').text(),
		goodbye: $('#timebreak').text(),
		host: userID["name"],
		sharedDocID: myDocId,
		picturevar : picturevar[0],
	};

	if(Omlet.isInstalled() )
	{
		var rdl = Omlet.createRDL({
				   noun: "event",
				   displayTitle: saving.name + " | EventMaster",
				   displayThumbnailUrl: "https://mobi-summer-evan.s3.amazonaws.com/Picture%20and%20Themes/Balloon.jpg",
				   displayText: "You have been invited to an event! Attend?", 
				   json: saving,
				   webCallback: "https://mobi-summer-evan.s3.amazonaws.com/Event%20Master/emasterlay.html",
				   callback: window.location.href,
			   });
		Omlet.exit(rdl);
	}
	else
	{
	}
}

var userID=[];
var viewerUser =[];

Omlet.ready(function() {

	var omletPackage = Omlet.getPasteboard();

	if(omletPackage)
		{	
			window.location.replace("#viewerdelight");
			saving = omletPackage.json;
			LoadData();
			myDocId = saving["sharedDocID"];
			picturevar[0] = saving["picturevar"];
			initDocument();
			viewerUser = Omlet.getIdentity();
			setPic();
			codeAddress(); 
		}
		else
		{
			window.location.replace("#pageone");
			userID = Omlet.getIdentity();
			initDocument();
		}
});



$(document).ready(function(){
	google.maps.event.addDomListener(window, 'load', initialize);
	google.maps.event.addDomListener(window, "resize", function() {
		var center = map.getCenter();
 		google.maps.event.trigger(map, "resize");
 		map.setCenter(center);
	});
	setUpShare();

$( "#time" ).click(function() {
  $( "#start" ).focus();
});
});