Context navigation

theme.html @ 16613

Last change on this file since 16613 was 16595, checked in by Henrik Bettermann, 3 years ago
Add logo.
File size: 23.2 KB

Line
1	<!DOCTYPE html>
2	<html lang="en">
3	<head>
4	<meta charset="utf-8">
5	<title>Base · Twitter Bootstrap</title>
6	<meta name="viewport" content="width=device-width, initial-scale=1.0">
7	<meta name="description" content="">
8	<meta name="author" content="">
9
10	<!-- stylesheets -->
11	<link href="static/bootstrap/css/bootstrap.min.css"
12	rel="stylesheet">
13	<link href="static/bootstrap/css/bootstrap-theme.min.css"
14	rel="stylesheet">
15	<link href="static/css/jquery.dataTables.css"
16	rel="stylesheet">
17	<link href="static/css/jquery-ui.css"
18	rel="stylesheet">
19	<link href="static/css/base.css" rel="stylesheet">
20	<link href="static_custom/custom.css" rel="stylesheet">
21	<link href="static/css/file-upload.css" rel="stylesheet">
22
23	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
24	<!--[if lt IE 9]>
25	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
26	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
27	<link href="static/css/IE8.css" rel="stylesheet">
28	<![endif]-->
29
30	<script src="static/js/kofa-functions.js"></script>
31
32	<!-- icons -->
33	<link rel="shortcut icon" href="static_custom/favicon.ico">
34
35
36	</head>
37
38	<body id="kofa-body">
39
40	<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
41	<div class="navbar-header">
42	<button type="button" class="navbar-toggle" data-toggle="collapse"
43	data-target="#kofa-primary-nav">
44	<span class="icon-bar"></span>
45	<span class="icon-bar"></span>
46	<span class="icon-bar"></span>
47	</button>
48	<a class="navbar-brand active kofa-brand-link" href="/">WAeUP.Kofa</a>
49	</div>
50	<div class="navbar-collapse collapse"
51	id="kofa-primary-nav">
52	<ul class="nav navbar-nav kofa-navbar-left">
53	<li class="active"><a href="#">Academics</a></li>
54	<li><a href="#about">Applicants</a></li>
55	<li><a href="#contact">Students</a></li>
56	<li><a href="#contact">Hostels</a></li>
57	<li class="dropdown">
58	<a href="#" class="dropdown-toggle"
59	data-toggle="dropdown">My Data
60	<b class="caret"></b>
61	<ul class="dropdown-menu">
62	<li><a href="#">Base Data</a></li>
63	<li><a href="#">Clearance Data</a></li>
64	<li><a href="#">Personal Data</a></li>
65	<li><a href="#">History</a></li>
66	</ul>
67	</li>
68	</ul>
69
70	<ul class="nav navbar-nav navbar-right kofa-navbar-right">
71	<li class="dropdown kofa-langselect">
72	<a href="#" class="dropdown-toggle"
73	data-toggle="dropdown">
74	<img src="static/img/earth.png" />
75	<ul class="dropdown-menu">
76	<li class="kofa-language"><a href="#">English</a></li>
77	<li class="kofa-language"><a href="#">Français</a></li>
78	<li class="kofa-language"><a href="#">Deutsch</a></li>
79	<li class="kofa-language"><a href="#">Hausa</a></li>
80	<li class="kofa-language"><a href="#">Yoruba</a></li>
81	<li class="kofa-language"><a href="#">Igbo</a></li>
82	</ul>
83	</li>
84	<li><a href="#">Contact</a></li>
85	<li><a href="#">Logout</a></li>
86	</ul>
87	</div><!--/.nav-collapse -->
88	</div><!-- /.navbar -->
89
90	<div class="container">
91
92	<div class="row">
93	<div class="col-md-12 container kofa-maintenance">
94	<div class="well">
95	<div class="maintenance-warning">
96	M A I N T E N A N C E     M O D E
97	</div> <!-- /maintenance-warning -->
98	</div> <!-- /well -->
99	</div> <!-- /kofa-maintenance -->
100	</div>
101
102	<div class="row">
103	<div class="col-md-12 container kofa-breadcrumbs-box-long">
104	<div class="well">
105	<ol class="breadcrumb kofa-breadcrumbs">
106	<li>
107	<a href="#">
108	Home
109	</a>
110	</li>
111	<li>
112	<a href="#">
113	Subtopic 1
114	</a>
115	</li>
116	<li>
117	<a href="#">
118	Subtopic 2
119	</a>
120	</li>
121	<li>
122	<a href="#">
123	Subtopic 3
124	</a>
125	</li>
126	</ol><!-- /kofa-breadcrumbs -->
127	</div> <!-- /well -->
128	</div> <!-- /kofa-breadcrumbs-box-long -->
129	</div>
130
131	<div class="row">
132	<div class="col-md-8 container kofa-breadcrumbs-box-short">
133	<div class="well">
134	<ol class="breadcrumb kofa-breadcrumbs">
135	<li>
136	<a href="#">
137	Home
138	</a>
139	</li>
140	<li>
141	<a href="#">
142	Subtopic 1
143	</a>
144	</li>
145	<li>
146	<a href="#">
147	Subtopic 2
148	</a>
149	</li>
150	<li>
151	<a href="#">
152	Subtopic 3
153	</a>
154	</li>
155	</ol><!-- /kofa-breadcrumbs -->
156	</div> <!-- /well -->
157	</div> <!-- /kofa-breadcrumbs-box-short -->
158
159	<div class="col-md-4 container kofa-student-status-box">
160	<div class="well">
161	<div class="wfstatus">
162	K1000000 • quite long student status
163	</div> <!-- /wfstatus -->
164	</div> <!-- /well -->
165	</div> <!-- /kofa-student-status-box -->
166
167	</div> <!-- /row -->
168
169	<div class="row">
170	<div class="col-md-2 kofa-sidebar">
171	<div class="sidebar-nav well">
172	<div>
173	<div class="kofa-sidebar-title">Student Name</div>
174	<ul class="nav">
175	<li><a href="#">Base Data</a></li>
176	<li><a href="#">Clearance Data</a></li>
177	<li><a href="#">Personal Data</a></li>
178	<li><a href="#">Study Course</a></li>
179	<li><a href="#">Payments</a></li>
180	<li><a href="#">Accommodation</a></li>
181	<li><a href="#">History</a></li>
182	</ul>
183	</div>
184	<div>
185	<div class="kofa-sidebar-title">Manager Name</div>
186	<ul class="nav">
187	<li><a href="#">Portal Configuration</a></li>
188	<li><a href="#">Portal Users</a></li>
189	<li><a href="#">Data Center</a></li>
190	<li><a href="#">Reports</a></li>
191	<li><a href="#">Access Codes</a></li>
192	<li><a href="#">My Preferences</a></li>
193	<li><a href="#">My Roles</a></li>
194	</ul>
195	</div>
196	</div> <!-- /well -->
197	</div> <!-- /kofa-sidebar -->
198
199	<div class="col-md-10 content kofa-content-narrow">
200	<div id="logo-container-narrow">
201	<img src="static_custom/ecns_logo.png" width="130">
202	</div>
203	<div class="well">
204	<div class="kofa-content">
205	<div class="actionbar">
206	<a class="btn btn-default" href="">
207	<img src="static/img/actionicon_modify.png"
208	alt="Manage" />
209	Manage
210	</a>
211	<a class="btn btn-default" href="">
212	<img src="static/img/actionicon_trigtrans.png"
213	alt="Trigger transition" />
214	Trigger transition
215	</a>
216	</div>
217	<div class="alert alert-danger">
218	There were errors ...
219	</div>
220	<div class="alert alert-warning">
221	Be careful ...
222	</div>
223	<div class="alert alert-success">
224	You have successfully ...
225	</div>
226	<h1>WAeUP.Kofa Theme</h1>
227
228	<p class="kofa-content-desc">
229	A sample Diazo theme for WAeUP.Kofa
230	<br />
231	Fusce dapibus, tellus ac cursus commodo.
232	</p>
233	<p>
234	Donec id elit non mi porta gravida at eget metus. Fusce
235	dapibus, tellus ac cursus commodo, tortor mauris
236	condimentum nibh, ut fermentum massa justo sit amet
237	risus. Etiam porta sem malesuada magna mollis
238	euismod. Donec sed odio dui.
239	</p>
240	<img src="static/img/bg.png" />
241
242	<!-- Tabs... -->
243	<br /><br />
244	<h3>Sample Tabs</h3>
245	<ul id="tabs" class="tabs nav nav-tabs" data-tabs="tabs">
246	<li class="active">
247	<a href="#tab-1" data-toggle="tab">Tab 1</a>
248	</li>
249	<li class="">
250	<a href="#tab-2" data-toggle="tab">Tab 2</a>
251	</li>
252	<li class="">
253	<a href="#tab-3" data-toggle="tab">Tab 3</a>
254	</li>
255	</ul>
256	<div class="tab-content">
257	<div id="tab-1" class="tab-pane active">
258	<br />
259	<p>
260	Tab 1 content...<br /> Donec id elit non mi porta
261	gravida at eget metus. Fusce dapibus, tellus ac
262	cursus commodo.
263	</p>
264	</div>
265	<div id="tab-2" class="tab-pane">
266	<br />
267	<p>
268	Tab 2 content...<br /> Tortor mauris condimentum
269	nibh, ut fermentum massa justo sit amet
270	risus. Etiam porta sem malesuada.
271	</p>
272	</div>
273	<div id="tab-3" class="tab-pane">
274	<br />
275	<p>
276	Tab 3 content...<br /> Magna mollis euismod. Donec
277	sed odio dui.
278	</p>
279	</div>
280
281	<br>
282
283	<h3>Sample Tooltip</h3>
284	<br>Move the mouse over the button:
285	<div class="btn btn-default" data-toggle="tooltip"
286	title="This is a tooltip">Sample Tooltip
287	</div>
288
289	<br><br>
290
291	<h3>File Upload</h3>
292	<br>
293	<a href="#">Birth Certificate Scan</a>
294	<input type="submit"
295	value="Delete file"
296	class="btn btn-danger" />
297	<div class="btn btn-default btn-file">
298	Select new file…
299	<input type="file"/>
300	</div>
301	<input type="submit"
302	value="Upload selected file"
303	class="btn btn-primary" />
304	(10 kB max.)
305	<br><br>
306
307	<div class="input-group">
308	<div class="input-group-btn">
309	<div class="btn btn-default btn-file">
310	Select new file…
311	<input type="file">
312	</div>
313	</div>
314	<input type="text" class="form-control" readonly>
315	<div class="input-group-btn">
316	<input type="submit"
317	value="Upload selected file"
318	class="btn btn-primary" />
319	(10 kB max.)
320	</div>
321	</div>
322
323	<br><br>
324
325	<h3>Filtered Select Box</h3>
326	<br>
327	<input id="filterbox" class="kofa-filterbox form-control half"
328	placeholder="Enter search text, then select item below."
329	type="text" />
330	<br />
331	<select id="filteredselect" class="form-control half" size=2>
332	<option value="1">1</option>
333	<option value="1234567890">1234567890</option>
334	<option value="better">better</option>
335	<option value="world">world</option>
336	</select>
337
338	</div><!-- /tab-content -->
339	</div> <!-- /kofa-content -->
340	</div> <!-- /well -->
341	</div> <!-- /kofa-content-narrow -->
342	</div> <!-- /row -->
343
344	<div class="row">
345	<div class="col-md-12 content kofa-content-wide">
346	<div class="well kofa-content">
347	<div class="actionbar">
348	<a class="btn btn-default" href="">
349	<img src="static/img/actionicon_modify.png"
350	alt="Manage" />
351	Manage
352	</a>
353	<a class="btn btn-default" href="">
354	<img src="static/img/actionicon_trigtrans.png"
355	alt="Trigger transition" />
356	Trigger transition
357	</a>
358	</div>
359	<div class="hero-unit">
360	<h1>Hello there!</h1>
361	<p>this is...</p>
362	</div>
363	<div>...content that spans the whole page.</div>
364
365	<br><br>
366	<h3>Accordions</h3>
367	<div class="panel-group" id="accordion" role="tablist"
368	aria-multiselectable="true">
369	<div class="panel panel-default">
370	<div class="panel-heading" role="tab" id="headingTwo">
371	<h4 class="panel-title">
372	<a class="collapsed" data-toggle="collapse"
373	data-parent="#accordion" href="#collapseTwo"
374	aria-expanded="false" aria-controls="collapseTwo">
375	Collapsible Group
376	</a>
377	</h4>
378	</div>
379	<div id="collapseTwo" class="panel-collapse collapse"
380	role="tabpanel" aria-labelledby="headingTwo">
381	<div class="panel-body">
382	Anim pariatur cliche reprehenderit, enim eiusmod high life
383	terry richardson ad squid. 3 wolf moon officia aute, non
384	skateboard dolor brunch. Food truck quinoa laborum eiusmod.
385	</div>
386	</div>
387	</div>
388	</div>
389
390	<br><br>
391	<h3>A Sample Data Table</h3>
392	<div class="table-responsive">
393	<table id="#datatable" class="table table-striped dataTable">
394	<thead>
395	<tr>
396	<th>Id</th>
397	<th>Name</th>
398	<th>Portal Roles</th>
399	<th>Local Roles</th>
400	<th></th>
401	</tr>
402	</thead><tbody><tr><td>admin</td>
403	<td>John</td>
404	<td nowrap="nowrap">Portal Manager <br />
405	Academics Officer (view only)
406	</td>
407	<td>Owner</td>
408	<td class="text-right">
409	<form method="post">
410	<input type="hidden" name="userid" value="admin" />
411	<input class="btn btn-primary btn-sm" type="submit"
412	name="manage" value="Manage" />
413	<input class="btn btn-default btn-sm" type="submit"
414	name="delete" value="Remove" />
415	</form>
416	</td>
417	</tr>
418	<tr>
419	<td>tester</td>
420	<td>Vitali</td>
421	<td nowrap="nowrap">Academics Officer (view only)</td>
422	<td>Owner</td>
423	<td class="text-right">
424	<form method="post">
425	<input type="hidden" name="userid" value="your_id" />
426	<input class="btn btn-sm btn-primary" type="submit"
427	name="manage" value="Manage" />
428	<input class="btn btn-sm btn-default" type="submit"
429	name="delete" value="Remove" />
430	</form>
431	</td>
432	</tr>
433	</tbody>
434	</table>
435	</div>
436
437	<br><br>
438	<h3>A Sample Inline Form</h3>
439	<form method="POST" class="form-inline">
440	<br />
441	<div class="form-group">
442	<input class="btn btn-primary" type="submit" name="search"
443	value="Find student(s)" />
444	</div>
445	<div class="form-group">
446	<select name="searchtype" class="form-control">
447	<option value="student_id">with id</option>
448	<option value="fullname">with name</option>
449	<option value="reg_number">with registration number</option>
450	<option value="matric_number">with matric number</option>
451	<option value="current_session">in session</option>
452	<option value="depcode">in department</option>
453	<option value="current_mode">in study mode</option>
454	<option value="suspended">
455	with deactivated account (search term omitted)
456	</option>
457	<option value="transcript">
458	who requested transcript (search term omitted)
459	</option>
460	</select>
461	</div>
462	<div class="form-group">
463	<input type="text" class="form-control" name="searchterm" />
464	</div>
465	</form>
466
467	<br><br>
468	<h3>A Sample Display Form Table</h3>
469	<table class="form-table">
470	<tbody>
471	<tr>
472	<td class="fieldname">Code:</td>
473	<td>app2012</td>
474	</tr>
475	<tr>
476	<td class="fieldname">Application Target:</td>
477	<td>General Studies</td>
478	</tr>
479	<tr>
480	<td class="fieldname">
481	Application Mode (Donec id elit non mi porta gravida.):
482	</td>
483	<td>Create Application Records</td>
484	</tr>
485	</tbody>
486	</table>
487
488	<br><br>
489	<h3>A Sample Edit/Manage Form Table</h3>
490	<table class="form-table">
491	<tbody>
492	<tr>
493	<td class="fieldname">Code:</td>
494	<td>app2012</td>
495	</tr>
496	<tr>
497	<td class="fieldname">* Title:</td>
498	<td>
499	<input class="textType" id="form.title" name="form.title"
500	size="20" type="text"
501	value="General Studies 2012/2013" />
502	</td>
503	</tr>
504	<tr>
505	<td class="fieldname">Any phone number:</td>
506	<td>
507	<select id="form.phone.country" name="form.phone.country"
508	size="1" class="phone-input">
509	<option value="+234">Nigeria (+234)</option>
510	<option value="+49">Germany (+49)</option>
511	<option value="+1">U.S. (+1)</option>
512	</select>-
513	<input class=" phone-input textType" id="form.phone.area"
514	name="form.phone.area" size="20" type="text"
515	value="" />-
516	<input class=" phone-input textType" id="form.phone.ext"
517	name="form.phone.ext" size="20" type="text" value="" />
518	</td>
519	</tr>
520	<tr>
521	<td class="fieldname">Any text field:</td>
522	<td>
523	<textarea id="any_id"
524	name="any_name" rows="5">Placeholder text</textarea>
525	</td>
526	</tr>
527	<tr>
528	<td class="fieldname">*
529	Application Mode
530	(A select field coming from zope.formlib):
531	</td>
532	<td>
533	<div class="value">
534	<select id="form.mode" name="form.mode" size="1">
535	<option selected="selected" value="create">
536	Create Application Records
537	</option>
538	<option value="update">Update Application Records
539	</option>
540	</select>
541	</div>
542	<input name="form.mode-empty-marker"
543	type="hidden" value="1" />
544	</td>
545	</tr>
546	<tr>
547	<td class="fieldname">A datepicker field:</td>
548	<td>
549	<input class="datepicker-le-year textType"
550	id="form.any_date" name="form.any_date"
551	size="20" type="text" value="" />
552	</td>
553	</tr>
554
555	<tr>
556	<td class="fieldname">
557	A select field in Kofa pagetemplates:
558	</td>
559	<td>
560	<select id="any_id" name="any_name" size="1"
561	class="form-control half">
562	<option selected="selected" value="create">
563	Create Application Records
564	</option>
565	<option value="update">
566	Update Application Records
567	</option>
568	</select>
569	</td>
570	</tr>
571	</tbody>
572	</table>
573	<br>
574	<div class="documentation">
575	<a href="#" target="_blank">
576	Kofa Docs for this page
577	</a>
578	</div>
579	</div> <!-- /well kofa-content-->
580	</div> <!-- /kofa-content-wide -->
581	</div> <!-- /row -->
582	<div id="bottom" class="footer">
583	<p class="credit muted text-right">
584	Kofa - Student Management System<br />
585	Copyright © WAeUP Group
586	<script type="text/javascript">
587	renderCurrentYear();
588	</script>
589	</p>
590	</div>
591	</div> <!-- /container -->
592
593	<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
594	<script src="static/bootstrap/js/bootstrap.min.js"></script>
595	<script src="static/js/kofa-scroll.js"></script>
596	<script src="static/js/kofa-activate-tab.js"></script>
597	<script src="static/js/kofa-scrollto.js"></script>
598	<script src="static/js/file-upload.js"></script>
599	<script class="kofa-script-tooltip"
600	src="static/js/kofa-tooltip.js">
601	</script>
602	<script class="kofa-script-datatable"
603	src="static/js/jquery.dataTables.min.js">
604	</script>
605	<script class="kofa-script-datatable"
606	src="static/js/kofa-datatables.js">
607	</script>
608	<script class="jquery-ui"
609	src="static/js/jquery-ui.min.js">
610	</script>
611	<script class="kofa-script-datepicker"
612	src="static/js/kofa-datepicker.js">
613	</script>
614	<script class="kofa-filterByText"
615	src="static/js/kofa-filterByText.js">
616	</script>
617	</body>
618	</html>

Note: See TracBrowser for help on using the repository browser.

Context navigation

source: main/kofacustom.edocons/trunk/layout/theme.html @ 16613

Download in other formats: