diff options
author | christophd@sugarlabs.org <christophd@sugarlabs.org> | 2009-08-07 10:38:14 (GMT) |
---|---|---|
committer | christophd@sugarlabs.org <christophd@sugarlabs.org> | 2009-08-07 10:38:14 (GMT) |
commit | 4dc4c4c1a96e3f7eead1c7bedb33f1be1ba50222 (patch) | |
tree | 582c75196f47652ca2c08176153773ffeedc06c7 /chakra | |
parent | d95c2f17f9ce8b437b301d384dc189f932c4540d (diff) |
added templates for Chakra menu, listview and e-paath style view. also started checking some jquery code DOM modification.
Diffstat (limited to 'chakra')
-rw-r--r-- | chakra/templates/grade_template.html | 187 | ||||
-rw-r--r-- | chakra/templates/index_template.html | 53 | ||||
-rw-r--r-- | chakra/templates/listview_template.html (renamed from chakra/templates/listview.html) | 0 |
3 files changed, 240 insertions, 0 deletions
diff --git a/chakra/templates/grade_template.html b/chakra/templates/grade_template.html new file mode 100644 index 0000000..16569bf --- /dev/null +++ b/chakra/templates/grade_template.html @@ -0,0 +1,187 @@ +<html lang="en"> + +<head> +<title>Chakra (Alpha)</title> +<meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal"> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> +<meta charset="utf-8"> + +<link rel="stylesheet" href="css/chakra.css" type="text/css"/> +<link rel="stylesheet" href="css/jquery.jgrowl.css" type="text/css"/> + +<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> +<script type="text/javascript" src="js/jquery.ui.all.js"></script> +<script type="text/javascript" src="js/jquery.jgrowl_minimized.js"></script> +<script type="text/javascript" src="js/jquery.idTabs.min.js"></script> + +</head> + +<body> +<div id="lessonlist"> + +<div id="weeks"> +<ul> +<li> +January +<ul><li id="lessons"><a class="selected" href="#tab_grade2e1" target="lessons">1</a></li><li id="lessons"><a href="#tab_grade2e2">2</a></li><li id="lessons"><a href="#tab_grade2e3">3</a></li><li id="lessons"><a href="#tab_grade2e4">4</a></li></ul> +</li> +<li> +February +<ul><li id="lessons"><a href="#tab_grade2e5">5</a></li><li id="lessons"><a href="#tab_grade2e6">6</a></li><li id="lessons"><a href="#tab_grade2e7">7</a></li><li id="lessons"><a href="#tab_grade2e8">8</a></li></ul> +</li> +<li> +March +<ul><li id="lessons"><a href="#tab_grade2e9">9</a></li><li id="lessons"><a href="#tab_grade2e10">10</a></li><li id="lessons"><a href="#tab_grade2e11">11</a></li><li id="lessons"><a href="#tab_grade2e12">12</a></li></ul> +</li> +<li> +April +<ul><li id="lessons"><a href="#tab_grade2e13">13</a></li><li id="lessons"><a href="#tab_grade2e14">14</a></li><li id="lessons"><a href="#tab_grade2e15">15</a></li><li id="lessons"><a href="#tab_grade2e16">16</a></li></ul> +</li> +<li> +May +<ul><li id="lessons"><a href="#tab_grade2e17">17</a></li><li id="lessons"><a href="#tab_grade2e18">18</a></li><li id="lessons"><a href="#tab_grade2e19">19</a></li><li id="lessons"><a href="#tab_grade2e20">20</a></li></ul> +</li> +<li> +June +<ul><li id="lessons"><a href="#tab_grade2e21">21</a></li><li id="lessons"><a href="#tab_grade2e22">22</a></li><li id="lessons"><a href="#tab_grade2e23">23</a></li><li id="lessons"><a href="#tab_grade2e24">24</a></li></ul> +</li> +<li> +July +<ul><li id="lessons"><a href="#tab_grade2e25">25</a></li><li id="lessons"><a href="#tab_grade2e26">26</a></li><li id="lessons"><a href="#tab_grade2e27">27</a></li><li id="lessons"><a href="#tab_grade2e28">28</a></li></ul> +</li> +<li> +August +<ul><li id="lessons"><a href="#tab_grade2e29">29</a></li><li id="lessons"><a href="#tab_grade2e30">30</a></li><li id="lessons"><a href="#tab_grade2e31">31</a></li><li id="lessons"><a href="#tab_grade2e32">32</a></li></ul> +</li> +<li> +September +<ul><li id="lessons"><a href="#tab_grade2e33">33</a></li><li id="lessons"><a href="#tab_grade2e34">34</a></li><li id="lessons"><a href="#tab_grade2e35">35</a></li><li id="lessons"><a href="#tab_grade2e36">36</a></li></ul> +</li> +<li> +October +<ul><li id="lessons"><a href="#tab_grade2e37">37</a></li><li id="lessons"><a href="#tab_grade2e38">38</a></li><li id="lessons"><a href="#tab_grade2e39">39</a></li><li id="lessons"><a href="#tab_grade2e40">40</a></li></ul> +</li> +<li> +November +<ul><li id="lessons"><a href="#tab_grade2e41">41</a></li><li id="lessons"><a href="#tab_grade2e42">42</a></li><li id="lessons"><a href="#tab_grade2e43">43</a></li><li id="lessons"><a href="#tab_grade2e44">44</a></li></ul> +</li> +<li> +December +<ul><li id="lessons"><a href="#tab_grade2e45">45</a></li><li id="lessons"><a href="#tab_grade2e46">46</a></li><li id="lessons"><a href="#tab_grade2e47">47</a></li><li id="lessons"><a href="#tab_grade2e48">48</a></li></ul> +</li> +</ul> +</div> + +<div id="lesson_select"> +<div id="tab_grade2e1"> + +<div id="topleft_lesson">Lesson 1<br /><a href="http://www.google.de" target="_parent"><img src="testdata/preview.jpg"/></a></div> +<div id="topright">Lesson 2<br /><a href=""><img src="testdata/preview.jpg"/></a></div> + +<div id="bottomleft_lesson">Lesson 3<br /><a href=""><img src="testdata/preview.jpg"/></a></div> +<div id="bottomright_lesson">Lesson 4<br /><a href=""><img src="testdata/preview.jpg"/></a></div> + +</div> + +<div id="tab_grade2e2"> +Grade 2 - English - Week 2 +</div> + +<div id="tab_grade2e3"> +Grade 2 - English - Week 3 +</div> + +<div id="tab_grade2e4"> +Grade 2 - English - Week 4 +</div> + +<div id="tab_grade2e5"> +Grade 2 - English - Week 5 +</div> + +<div id="tab_grade2e6"> +Grade 2 - English - Week 6 +</div> + +<div id="tab_grade2e7"> +Grade 2 - English - Week 7 +</div> + +<div id="tab_grade2e8"> +Grade 2 - English - Week 8 +</div> + +<div id="tab_grade2e9"> +Grade 2 - English - Week 9 +</div> + +<div id="tab_grade2e10"> +Grade 2 - English - Week 10 +</div> + +<div id="tab_grade2e11"> +Grade 2 - English - Week 11 +</div> + +<div id="tab_grade2e12"> +Grade 2 - English - Week 12 +</div> + +<div id="tab_grade2e13"> +Grade 2 - English - Week 13 +</div> + +<div id="tab_grade2e14"> +Grade 2 - English - Week 14 +</div> + +<div id="tab_grade2e15"> +Grade 2 - English - Week 15 +</div> + +<div id="tab_grade2e16"> +Grade 2 - English - Week 16 +</div> + +<div id="tab_grade2e17"> +Grade 2 - English - Week 17 +</div> + +<div id="tab_grade2e18"> +Grade 2 - English - Week 18 +</div> + +<div id="tab_grade2e19"> +Grade 2 - English - Week 19 +</div> + +<div id="tab_grade2e20"> +Grade 2 - English - Week 20 +</div> + +<div id="tab_grade2e21"> +Grade 2 - English - Week 21 +</div> + +<div id="tab_grade2e22"> +Grade 2 - English - Week 22 +</div> + +<div id="tab_grade2e23"> +Grade 2 - English - Week 23 +</div> + +<div id="tab_grade2e24"> +Grade 2 - English - Week 24 +</div> + +</div> + +</div> + +<script type="text/javascript"> + $("#lessonlist").idTabs(); +</script> + +</body> +</html>
\ No newline at end of file diff --git a/chakra/templates/index_template.html b/chakra/templates/index_template.html new file mode 100644 index 0000000..0adaff4 --- /dev/null +++ b/chakra/templates/index_template.html @@ -0,0 +1,53 @@ +<html lang="en"> + +<head> +<title>Chakra (Alpha)</title> +<meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal"> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> +<meta charset="utf-8"> + +<link rel="stylesheet" href="../css/chakra.css" type="text/css"/> +<link rel="stylesheet" href="css/jquery.jgrowl.css" type="text/css"/> + +<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script> +<script type="text/javascript" src="../js/jquery.ui.all.js"></script> +<script type="text/javascript" src="../js/jquery.jgrowl_minimized.js"></script> +<script type="text/javascript" src="../js/jquery.idTabs.min.js"></script> + +</head> + +<body> + +<ul id="nav-menu" class="usual"> +<li id="grade2"><a href="#tab_grade2">Grade 2</a></li> +<li id="menu_assessment"><a href="#tab_assessment">Assessment</a></li> +</ul> + +<div id="tab_grade2"> +<div id="grade-menu"> +<ul id="grade-menu" class="usual"> +<li id="grade2e"><a href="#tab_grade2e">English</a></li> +<li id="grade2m"><a href="#tab_grade2m">Mathematics</a></li> +<li id="grade2n"><a href="#tab_grade2n">Nepali</a></li> +</ul> + +<div id="tab_grade2e"> +<div id="grade2e"> +grade2e +</div> +</div> + +<div id="tab_assessment"> +Assessment +</div> + +<script type="text/javascript"> + $("#grade-menu").idTabs(); +</script> + +<script type="text/javascript"> + $("#nav-menu").idTabs(); +</script> + +</body> +</html> diff --git a/chakra/templates/listview.html b/chakra/templates/listview_template.html index 819aa4e..819aa4e 100644 --- a/chakra/templates/listview.html +++ b/chakra/templates/listview_template.html |