Added functionality to display which view is currently active.
[taboo.git] / chrome / content / start.html
blobae9fbdecf54a6216fa9560218defbeda4763d0dc
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3 <!--
4 Copyright 2007 Jesse Andrews and Manish Singh
6 This file may be used under the terms of of the
7 GNU General Public License Version 2 or later (the "GPL"),
8 http://www.gnu.org/licenses/gpl.html
10 Software distributed under the License is distributed on an "AS IS" basis,
11 WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
12 for the specific language governing rights and limitations under the
13 License.
14 -->
15 <html>
16 <head>
17 <title>Taboo</title>
18 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
19 <script type="text/javascript" src="chrome://browser/content/utilityOverlay.js"></script>
20 <script type="text/javascript">
21 // for debugging - get around chrome caching
22 document.write('<link rel="stylesheet" href="chrome://taboo/skin/start.css?' + Math.random() + '" />');
23 document.write('<link rel="stylesheet" href="chrome://taboo/skin/calendar.css?' + Math.random() + '" />');
24 document.write('<link rel="stylesheet" href="chrome://taboo/skin/grid.css?' + Math.random() + '" />');
25 document.write('<link rel="stylesheet" href="chrome://taboo/skin/trash.css?' + Math.random() + '" />');
26 document.write('<link rel="stylesheet" href="chrome://taboo/skin/about.css?' + Math.random() + '" />');
28 const CC = Components.classes;
29 const CI = Components.interfaces;
30 const SVC = Components.classes['@oy/taboo;1']
31 .getService(Components.interfaces.oyITaboo);
32 tboPrefs = CC['@mozilla.org/preferences-service;1'].getService(CI.nsIPrefBranch);
34 var $ = function(x) { return document.getElementById(x); }
36 function init() {
37 const loader = Components.classes["@mozilla.org/moz/jssubscript-loader;1"]
38 .getService(Components.interfaces.mozIJSSubScriptLoader);
40 var scripts = [
41 'chrome://taboo/content/calendar.js',
42 'chrome://taboo/content/grid.js',
43 'chrome://taboo/content/trash.js',
44 'chrome://taboo/content/displayInfo.js',
45 'chrome://taboo/content/start.js',
48 scripts.forEach(function(script) {
49 loader.loadSubScript(script);
50 });
52 $('search').onkeyup = function(event) {
53 controller.filter($('search').value);
55 $('search').value = '';
56 $('search').focus();
59 window.addEventListener("load", init, false);
61 </script>
62 </head>
63 <body>
64 <div id="header">
65 <div id="views">
66 <a href="#" onclick="controller.load(Grid); return false;" id="grid">grid</a>
67 <a href="#" onclick="controller.load(Calendar); return false;" id="calendar">calendar</a>
68 <a href="#" onclick="controller.load(Trash); return false;" id="trash">trashcan</a>
69 <a href="#" onclick="controller.load(DisplayInfo); return false;" id="about">about</a>
70 </div>
71 <input type="text" id="search" />
72 </div>
74 <div id="undelete" class="infoWrap">
75 <div id="text" class="info">
76 <a id="undeleteLink" href="#">Click here to undelete your taboo</a>
77 </div>
78 </div>
79 <div id="content"></div>
80 </body>
81 </html>