source: Dev/branches/rest-dojo-ui/client/mMenu.html @ 353

Last change on this file since 353 was 346, checked in by tjcschipper, 13 years ago
  • Made mSession.html Session Editor for demo.
  • Matching stylesheet
  • Changes to all screens resulting from feedback and/or demonstration purposes.
  • global goToPage() function included in all mockups is temporary! Do not use this for actual production code.
File size: 6.1 KB
Line 
1<!DOCTYPE html>
2<html>
3    <head>
4        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5        <title>Research Facilitator Tool</title>
6        <link rel="stylesheet" type="text/css" href="dojotoolkit/dijit/themes/claro/claro.css" />
7        <link rel="stylesheet" type="text/css" href="dojotoolkit/dojox/grid/resources/Grid.css" />
8        <link rel="stylesheet" type="text/css" href="dojotoolkit/dojox/grid/resources/claroGrid.css" />
9        <link rel="stylesheet" type="text/css" href="dojotoolkit/dojox/widget/Toaster/Toaster.css" />
10        <link rel="stylesheet" type="text/css" href="rft/css/main.css" />
11        <script type="text/javascript" src="dojotoolkit/dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: false, tlmSiblingOfDojo: false, isDebug: true, baseUrl: '', packagePaths: {'dojotoolkit':['dojo','dijit', 'dojox'], '.':['rft']}"></script>
12        <script type="text/javascript">
13            require([
14                'dojo/parser',
15                'dijit/DropDownMenu',
16                'dijit/layout/AccordionContainer',
17                'dijit/layout/BorderContainer',
18                'dijit/layout/ContentPane',
19                'dijit/layout/TabContainer',
20                'dijit/layout/SplitContainer',
21                'dijit/MenuBar',
22                'dijit/MenuBarItem',
23                'dijit/form/Button',
24                'dijit/form/ComboBox',
25                'dijit/form/Form',
26                'dijit/form/Select',
27                'dijit/form/SimpleTextarea',
28                'dijit/form/TextBox',
29                'dijit/form/Textarea',
30                'dijit/PopupMenuBarItem',
31                'dijit/TitlePane',
32                'dojox/grid/DataGrid',
33                'dojox/widget/TitleGroup',
34                'rft/ui/List',
35                'rft/ui/MainMenu',
36                'rft/ui/MenuBarLink',
37                'rft/ui/MenuLink',
38                'rft/ui/Notifications',
39                'rft/ui/LineWithActionsWidget',
40                'rft/ui/QuestionWidget',
41                'rft/ui/Selector',
42                'rft/ui/SelectorThijs',
43                'rft/ui/LineWithActionsWidgetThijs',
44                'rft/ui/TitleGroup',
45                'dojo/domReady!'
46            ],function(parser){
47                parser.parse();
48            });
49        </script>
50
51        <script>
52            function goToPage(name) {
53                window.location = "http://localhost/RESEARCHTOOL/Dev/branches/rest-dojo-ui/client/"+name+".html";
54            }
55        </script>
56    </head>
57    <body class="dijitReset claro">
58        <div class="page" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'">
59            <!-- Top menu bar -->
60            <div class="topbar" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'">
61                <h1>ResearchTool</h1>
62                <div data-dojo-type="rft.ui.MainMenu"></div>
63                <div class="breadcrumbs">
64                    <span class="breadcrumb breadcrumbCurrent">User</span>
65                </div>
66            </div>
67            <!-- Main content window -->
68            <div class="content" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'">
69                <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'" style="height: 600px;">
70                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'">
71                        <h2>
72                            <span class="rftIcon rftIconUser"></span>
73                            <span class="headerText">Main Menu</span>
74                        </h2>
75                    </div>
76
77                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'">
78
79                        <div class="rftIndexMenuBlock">
80                            <div class="rftIndexMenuMask">
81                                <span class="rftIcon rftIconSession"></span><span class="label">Sessions</span>
82                            </div>
83                            <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'green twoHeight', iconClass: 'rftIcon rftIconPlus'" onClick="goToPage('mSessions');">Create and edit</button>
84                            <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'green twoHeight', iconClass: 'rftIcon rftIconForward'" onClick="goToPage('mSessions');">Facilitate</button>
85                        </div>
86
87                        <div class="rftIndexMenuBlock">
88                            <div class="rftIndexMenuMask">
89                                <span class="rftIcon rftIconInspect"></span><span class="label">Content</span>
90                            </div>
91                            <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'blue oneHeight', iconClass: 'rftIcon rftIconSurvey'" onClick="goToPage('mSurveys');">Surveys</button>
92                            <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'orange oneHeight', iconClass: 'rftIcon rftIconQuestion'" onClick="goToPage('mQuestions');">Questions</button>
93                            <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'purple oneHeight', iconClass: 'rftIcon rftIconApplication'" onClick="goToPage('mApplications');">Applications</button>
94                            <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'red oneHeight', iconClass: 'rftIcon rftIconDashboard'" onClick="goToPage('mDashboards');">Dashboards</button>
95
96                        </div>
97
98                        <div class="rftIndexMenuBlock">
99                            <div data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'blue fourHeight', iconClass: 'rftIcon rftIconGameData'" onClick="goToPage('mResults')">Results</div>
100                        </div>
101                    </div>
102                </div>
103            </div>
104        </div>
105    </body>
106</html>
Note: See TracBrowser for help on using the repository browser.