sail.HelloWorld/game_answer.html at master · educoder/sail.HelloWorld · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
<head>
  <title>S3 Groupchat Example</title>
  <link href="css/hello.css" media="screen" rel="stylesheet" type="text/css" />

  <!--<script type="text/javascript" src="http://crypto-js.googlecode.com/files/2.0.0-crypto-sha1.js"></script>-->
  <script src="js/deps/md5.js" type="text/javascript"></script>
  <script src="js/deps/base64.js" type="text/javascript"></script>

  <script src="js/deps/strophe.js" type="text/javascript"></script>

  <script src="js/deps/jquery-1.4.2.js" type="text/javascript"></script>
  <script src="js/deps/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>

  <script src="js/deps/jquery.url.js" type="text/javascript"></script>

  <script src="js/sail.js/sail.rollcall.js" type="text/javascript"></script>

  <script src="js/sail.js/sail.strophe.js" type="text/javascript"></script>

  <script src="js/game.js" type="text/javascript"></script>

  <script type='text/javascript'>
    var groupchat

    Sail.Strophe.onConnectSuccess = function() {
      groupchat = Sail.Strophe.joinGroupchat('s3@conference.proto.encorelab.org')

      groupchat.addHandler(function(msg) {
			data = parseMsg(msg)

			if (!data){
			    return;
			}

			if(data.type == 'endgame') {
			    if (data.winner == Sail.Strophe.jid){
                    token = rollcall.getCurrentToken()
			        window.location.href = '/sail.HelloWorld/game_setup.html?token='+token;
			    }
			    winner = data.winner.replace("@conference.proto.encorelab.org", "");
	      		$('#winner').html("<h3>And the winner is "+data.winner+"!</h3>");
			}
	    })

      $('#answerButton').click(function() {
        answer = $('#answer').val();
        event = {"type":"answer", "content": answer};
        groupchat.sendJSON(event);

        $('#oldAnswers').append(answer+"<br/>");
      })


    }

	$(document).ready(function() {
		$('#goto').attr('href', $('#goto').attr('href')+rollcall.getCurrentToken())
	})

  </script>
  <meta name="csrf-param" content="authenticity_token"/>
</head>
<body>
	<a id="goto" href="game_setup.html?token=">GO TO SETUP</a>

    <h1>Type in an answer plz</h1>

    <form method='GET' onsubmit='$("#answer").val(""); return false;'>
        <input type='text' id='answer' name='answer'>
        <input type='submit' id='answerButton' value='Try Answering'>
    </form>

    <div id='oldAnswers' style='width:100%;float:left;'>
        <h3>You've already tried:</h3>

    </div>

    <div id='winner' style='width:100%;float:left;'>

    </div>
</body>
</html>