eiennohito/gist:2768171

## gistfile1.html

<!DOCTYPE html>
<html>
<head>
  <meta content="text/html; charset=UTF-8" http-equiv="content-type">
  <meta content="" name="description">
  <meta content="" name="keywords">
  <title>App:  Repetition</title>
  <script type="text/javascript" src="/static/jquery-1.7.2.js" id="jquery"></script>
  <script type="text/javascript" src="/classpath/json.js" id="json"></script>
  <script type="text/javascript" src="/classpath/jlift.js" id="jlift"></script>
  <link href="/static/main.css" type="text/css" rel="stylesheet">
  <link href="/static/kotonoha.css" type="text/css" rel="stylesheet">


<script language="JavaScript">
      var items = [];
      var item = null;
      var time = new Date().getTime();
      const MODE_QUESTION = 0;
      const MODE_ANSWER = 1;
      const MODE_NEXT = 2;
      var mode = -1;

      function publish_new(list) {
        items = jQuery.parseJSON(list);
        if (item == null) {
          display_next();
        }
      }

      function display_no_items() {

      }

      function display_item(item) {
        show_question(item.mode);
        $("#word-writing").text(item.writing);
        $("#word-reading").text(item.reading);
        $("#word-meaning").text(item.meaning);
        $("#example-pane").html(item.examples);
      }

      function display_next() {
        if (items === null || items.length == 0) {
          display_no_items();
        } else {
          var next = items.shift();
          item = next;
          display_item(next);
        }
      }

      function mark_displayed(mark) {
        mode = MODE_NEXT;
        $("#mark-pane").hide();
        $("#next-word-pane").show();

        var timeMill = new Date().getTime() - time;
        var timeDouble = timeMill / 1000.0;
        var markObj = { card: item.cid, mode: item.mode, time: timeDouble,
          mark: mark, remaining: items.length };
        send_to_actor(markObj);
      }

      function show_answer() {
        mode = MODE_ANSWER;

        $("#show-answer-pane").hide();

        $("#word-writing").show();
        $("#word-reading").show();
        $("#word-meaning").show();
        $("#example-pane").show();
        $("#mark-pane").show();
      }

      function hide_all() {
        $("#word-writing").hide();
        $("#word-reading").hide();
        $("#word-meaning").hide();
        $("#example-pane").hide();
        $("#mark-pane").hide();
        $("#next-word-pane").hide();
        $("#show-answer-pane").hide();
      }

      function show_question(qm) {
        mode = MODE_QUESTION;
        hide_all();
        $("#show-answer-pane").show();
        if (qm == 1) {
          $("#word-writing").show();
        } else {
          $("#word-reading").show();
        }
      }
    </script>


<script language="javascript">
      $().ready(function () {
        $("#mark1").click(function () { mark_displayed(1); return false; });
        $("#mark2").click(function () { mark_displayed(2); return false; });
        $("#mark3").click(function () { mark_displayed(3); return false; });
        $("#mark4").click(function () { mark_displayed(4); return false; });
        $("#mark5").click(function () { mark_displayed(5); return false; });
        $("#show-next").click(function () { display_next(); return false; });
        $("#show-answer").click(function() { show_answer(); return false; })
      });
    </script>


</head>
<body>
<div class="container">
  <div style="text-align: center; width: 100%" class="column">
    <h1 class="alt">Kotonoha<img src="/images/ajax-loader.gif" style="display:none; margin-bottom: 0px; margin-left: 5px" id="ajax-loader" alt="">
    </h1>
  </div>

  <hr>

  <div class="sidebar column colborder">
    <div class="menu-wrapper">
      <ul><li> <a href="/index">Home</a></li><li> <a href="/user/tokens">Client Authorizations</a></li><li> <a href="/user_mgt/logout">Logout</a></li><li> <a href="/user_mgt/edit">Edit User</a></li><li> <a href="/user_mgt/change_password">Change Password</a></li><li> <a href="/learning/">Learning</a><ul><li> <span>Repetition</span></li><li> <a href="/learning/scheduled_cnt">Scheduled words</a></li><li> <a href="/learning/ofmatrix">OF Matrix</a></li></ul></li><li> <a href="/words/">Words</a><ul><li> <a href="/words/add">Add</a></li><li> <a href="/words/approve_added">Approve &amp; Review</a></li></ul></li><li> <a href="/tools/">Tools</a><ul><li> <a href="/tools/parser">Test parser</a></li><li> <a href="/tools/comet_test">Comet test</a></li><li> <a href="/tools/jmdict">JMDict</a></li><li> <a href="/tools/warodai">Warodai</a></li><li> <a href="/tools/examples">Examples</a></li><li> <a href="/tools/sandbox">Sandbox</a></li></ul></li></ul>
      <div id="lift__noticesContainer__"></div>
    </div>


  </div>

  <div class="column content">
    <div id="main">

  <div id="F142804662668LI1PSN_outer" style="display: inline"><div style="display: inline" id="F142804662668LI1PSN"><div>
    <div class="word-display">
      <div class="column">
        <div id="word-writing" class="nihongo word-writing"></div>
        <div id="word-reading" class="nihongo word-reading"></div>
        <div id="word-meaning" class="word-meaning"></div>
        <div id="button-pane" class="button-pane">
          <div id="mark-pane">
            <button id="mark1">1</button>
            <button id="mark2">2</button>
            <button id="mark3">3</button>
            <button id="mark4">4</button>
            <button id="mark5">5</button>
          </div>
          <div id="next-word-pane">
            <button id="show-next">Show next word</button>
          </div>
          <div id="show-answer-pane">
            <button id="show-answer">Show answer</button>
          </div>
        </div>
      </div>
      <div id="example-pane" class="column">
      </div>
    </div>
  </div><script type="text/javascript">
// <![CDATA[
/* JSON Func 1 $$ F142804662671IFAH0G */function F142804662671IFAH0G(obj) {liftAjax.lift_ajaxHandler('F142804662671IFAH0G='+ encodeURIComponent(JSON.stringify(obj)), null,null);}
function send_to_actor(obj) {
    F142804662671IFAH0G({'command': obj, 'params': false});
    }

/* JSON Func 1 $$ F142804662672K1KVCC */function F142804662672K1KVCC(obj) {liftAjax.lift_ajaxHandler('F142804662672K1KVCC='+ encodeURIComponent(JSON.stringify(obj)), null,null);}
// ]]>
</script></div><script type="text/javascript">
// <![CDATA[
var destroy_F142804662668LI1PSN = function() {}
// ]]>
</script></div>
</div>
  </div>

  <hr style="clear: both;">
  <footer>
    <div style="text-align: center; width: 100%;" class="column last">
      <h4 class="alt">
        Kotonoha is brought by <a href="http://www.liftweb.net"><i>Lift</i></a>.
        Copyright 2012 eiennohito.<br>
        <span>Version 0.1-SNAPSHOT, Git revision 40ca3d13e7 on 5/21/12 9:45 PM</span>
      </h4>
    </div>
  </footer>
</div>


<script type="text/javascript" src="/ajax_request/liftAjax.js"></script>
<script type="text/javascript" src="/comet_request/bm6j1qblhkve/cometAjax.js"></script>


<script type="text/javascript">
// <![CDATA[
var lift_toWatch = {"F142804662668LI1PSN": 142804662779};
// ]]>
</script>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function() {liftAjax.lift_successRegisterGC();});
var lift_page = "F142804662778BK0SMB";
// ]]>
</script></body>
</html>

	<!DOCTYPE html>
	<html>
	<head>
	<meta content="text/html; charset=UTF-8" http-equiv="content-type">
	<meta content="" name="description">
	<meta content="" name="keywords">
	<title>App: Repetition</title>
	<script type="text/javascript" src="/static/jquery-1.7.2.js" id="jquery"></script>
	<script type="text/javascript" src="/classpath/json.js" id="json"></script>
	<script type="text/javascript" src="/classpath/jlift.js" id="jlift"></script>
	<link href="/static/main.css" type="text/css" rel="stylesheet">
	<link href="/static/kotonoha.css" type="text/css" rel="stylesheet">


	<script language="JavaScript">
	var items = [];
	var item = null;
	var time = new Date().getTime();
	const MODE_QUESTION = 0;
	const MODE_ANSWER = 1;
	const MODE_NEXT = 2;
	var mode = -1;

	function publish_new(list) {
	items = jQuery.parseJSON(list);
	if (item == null) {
	display_next();
	}
	}

	function display_no_items() {

	}

	function display_item(item) {
	show_question(item.mode);
	$("#word-writing").text(item.writing);
	$("#word-reading").text(item.reading);
	$("#word-meaning").text(item.meaning);
	$("#example-pane").html(item.examples);
	}

	function display_next() {
	if (items === null \|\| items.length == 0) {
	display_no_items();
	} else {
	var next = items.shift();
	item = next;
	display_item(next);
	}
	}

	function mark_displayed(mark) {
	mode = MODE_NEXT;
	$("#mark-pane").hide();
	$("#next-word-pane").show();

	var timeMill = new Date().getTime() - time;
	var timeDouble = timeMill / 1000.0;
	var markObj = { card: item.cid, mode: item.mode, time: timeDouble,
	mark: mark, remaining: items.length };
	send_to_actor(markObj);
	}

	function show_answer() {
	mode = MODE_ANSWER;

	$("#show-answer-pane").hide();

	$("#word-writing").show();
	$("#word-reading").show();
	$("#word-meaning").show();
	$("#example-pane").show();
	$("#mark-pane").show();
	}

	function hide_all() {
	$("#word-writing").hide();
	$("#word-reading").hide();
	$("#word-meaning").hide();
	$("#example-pane").hide();
	$("#mark-pane").hide();
	$("#next-word-pane").hide();
	$("#show-answer-pane").hide();
	}

	function show_question(qm) {
	mode = MODE_QUESTION;
	hide_all();
	$("#show-answer-pane").show();
	if (qm == 1) {
	$("#word-writing").show();
	} else {
	$("#word-reading").show();
	}
	}
	</script>


	<script language="javascript">
	$().ready(function () {
	$("#mark1").click(function () { mark_displayed(1); return false; });
	$("#mark2").click(function () { mark_displayed(2); return false; });
	$("#mark3").click(function () { mark_displayed(3); return false; });
	$("#mark4").click(function () { mark_displayed(4); return false; });
	$("#mark5").click(function () { mark_displayed(5); return false; });
	$("#show-next").click(function () { display_next(); return false; });
	$("#show-answer").click(function() { show_answer(); return false; })
	});
	</script>


	</head>
	<body>
	<div class="container">
	<div style="text-align: center; width: 100%" class="column">
	<h1 class="alt">Kotonoha<img src="/images/ajax-loader.gif" style="display:none; margin-bottom: 0px; margin-left: 5px" id="ajax-loader" alt="">
	</h1>
	</div>

	<hr>

	<div class="sidebar column colborder">
	<div class="menu-wrapper">
	<ul><li> <a href="/index">Home</a></li><li> <a href="/user/tokens">Client Authorizations</a></li><li> <a href="/user_mgt/logout">Logout</a></li><li> <a href="/user_mgt/edit">Edit User</a></li><li> <a href="/user_mgt/change_password">Change Password</a></li><li> <a href="/learning/">Learning</a><ul><li> <span>Repetition</span></li><li> <a href="/learning/scheduled_cnt">Scheduled words</a></li><li> <a href="/learning/ofmatrix">OF Matrix</a></li></ul></li><li> <a href="/words/">Words</a><ul><li> <a href="/words/add">Add</a></li><li> <a href="/words/approve_added">Approve & Review</a></li></ul></li><li> <a href="/tools/">Tools</a><ul><li> <a href="/tools/parser">Test parser</a></li><li> <a href="/tools/comet_test">Comet test</a></li><li> <a href="/tools/jmdict">JMDict</a></li><li> <a href="/tools/warodai">Warodai</a></li><li> <a href="/tools/examples">Examples</a></li><li> <a href="/tools/sandbox">Sandbox</a></li></ul></li></ul>
	<div id="lift__noticesContainer__"></div>
	</div>




	</div>

	<div class="column content">
	<div id="main">

	<div id="F142804662668LI1PSN_outer" style="display: inline"><div style="display: inline" id="F142804662668LI1PSN"><div>
	<div class="word-display">
	<div class="column">
	<div id="word-writing" class="nihongo word-writing"></div>
	<div id="word-reading" class="nihongo word-reading"></div>
	<div id="word-meaning" class="word-meaning"></div>
	<div id="button-pane" class="button-pane">
	<div id="mark-pane">
	<button id="mark1">1</button>
	<button id="mark2">2</button>
	<button id="mark3">3</button>
	<button id="mark4">4</button>
	<button id="mark5">5</button>
	</div>
	<div id="next-word-pane">
	<button id="show-next">Show next word</button>
	</div>
	<div id="show-answer-pane">
	<button id="show-answer">Show answer</button>
	</div>
	</div>
	</div>
	<div id="example-pane" class="column">
	</div>
	</div>
	</div><script type="text/javascript">
	// <![CDATA[
	/* JSON Func 1 $$ F142804662671IFAH0G */function F142804662671IFAH0G(obj) {liftAjax.lift_ajaxHandler('F142804662671IFAH0G='+ encodeURIComponent(JSON.stringify(obj)), null,null);}
	function send_to_actor(obj) {
	F142804662671IFAH0G({'command': obj, 'params': false});
	}

	/* JSON Func 1 $$ F142804662672K1KVCC */function F142804662672K1KVCC(obj) {liftAjax.lift_ajaxHandler('F142804662672K1KVCC='+ encodeURIComponent(JSON.stringify(obj)), null,null);}
	// ]]>
	</script></div><script type="text/javascript">
	// <![CDATA[
	var destroy_F142804662668LI1PSN = function() {}
	// ]]>
	</script></div>
	</div>
	</div>

	<hr style="clear: both;">
	<footer>
	<div style="text-align: center; width: 100%;" class="column last">
	<h4 class="alt">
	Kotonoha is brought by <a href="http://www.liftweb.net"><i>Lift</i></a>.
	Copyright 2012 eiennohito.<br>
	<span>Version 0.1-SNAPSHOT, Git revision 40ca3d13e7 on 5/21/12 9:45 PM</span>
	</h4>
	</div>
	</footer>
	</div>


	<script type="text/javascript" src="/ajax_request/liftAjax.js"></script>
	<script type="text/javascript" src="/comet_request/bm6j1qblhkve/cometAjax.js"></script>


	<script type="text/javascript">
	// <![CDATA[
	var lift_toWatch = {"F142804662668LI1PSN": 142804662779};
	// ]]>
	</script>
	<script type="text/javascript">
	// <![CDATA[
	jQuery(document).ready(function() {liftAjax.lift_successRegisterGC();});
	var lift_page = "F142804662778BK0SMB";
	// ]]>
	</script></body>
	</html>