﻿<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="Hello Wave" height="100">
    <Require feature="wave" />
    <Require feature="dynamic-height"/>
  </ModulePrefs>
  <Content type="html">
    <![CDATA[
	<link rel="stylesheet" type="text/css" href="http://www.devballs.com/wave/table.css" />
    <script type="text/javascript" src="http://www.devballs.com/wave/table.js"></script>
		<div style="position: absolute; width: 700px; font-size: small; font-family: Arial, Sans-Serif">
        <div style="height: 4px">
            <div class="BoxLeft">
            </div>
            <div class="BoxRight">
            </div>
            <div class="BoxMid">
            </div>
        </div>
        <div class="BoxBody">
			<div style="padding-left: 6px; padding-top: 6px">
                <span style="padding-left: 10px; padding-right: 10px;"
                    class="Button-Active" onclick="mygadget.newTask()">New Task</span><span
                        style="padding-left: 10px; padding-right: 10px; border-left: solid 0px;" class="Button-Active" onclick="mygadget.deleteTasks()">Delete
                        Task</span><span style="width: 24px"> &nbsp;</span><span
                            style="padding-left: 10px; padding-right: 10px;" class="Button-Active" onclick="mygadget.moveTasksUp()">Move
                            up</span><span style="padding-left: 10px; padding-right: 10px;
                                border-left: solid 0px;" class="Button-Active" onclick="mygadget.moveTasksDown()">Move down</span><span
                                    style="padding-left: 10px; padding-right: 10px; border-left: solid 0px;"
                                    class="Button-Active" onclick="mygadget.decTaskLevel()">Unindent</span><span style="padding-left: 10px;
                                        padding-right: 10px; border-left: solid 0px;" class="Button-Active" onclick="mygadget.incTaskLevel()">Indent</span>		
            </div>
            <div style="color: #DDDD00; padding-left: 6px; padding-top: 6px">
				<div style="float:left">
                    Select: <span style="cursor: pointer; color: Black" onclick="mygadget.selectAll()">All</span>;
                    <span style="cursor: pointer; color: Black" onclick="mygadget.selectNone()">None</span>;
                    <span style="cursor: pointer; color: Black" onclick="mygadget.selectInvert()">Invert</span>;
                    <span style="cursor: pointer; color: Black" onclick="mygadget.selectStared()">Marked</span>
                </div>   			
                <div style="float:right; padding-right:10px">
                     <span style="cursor: pointer; color: Black" onclick="mygadget.showTable()"></span>;
                    <span style="cursor: pointer; color: Black" onclick="mygadget.showCharts()"></span>;
                </div>
                <div>&nbsp;</div>
            </div>
            <div id="Box" style="margin: 6px; background-color: White;">
            </div>
        </div>
        <div style="height: 4px">
            <div class="BoxBottomLeft">
            </div>
            <div class="BoxBottomRight">
            </div>
            <div class="BoxBottomMid">
            </div>
        </div>
    </div>	
  ]]>
  </Content>
</Module>
