2012-03-20 22:14:18 +00:00
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
2012-03-21 00:03:17 +00:00
|
|
|
<!DOCTYPE html>
|
2012-03-09 22:37:26 +00:00
|
|
|
<%@taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
|
|
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
2012-03-21 00:03:17 +00:00
|
|
|
<html>
|
2012-03-09 22:37:26 +00:00
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
|
<title>WebSockets</title>
|
|
|
|
|
|
2012-03-15 00:03:45 +00:00
|
|
|
<link type="text/css" href="<c:url value="/resources/css/screen.css"/>" rel="stylesheet" />
|
2012-03-20 23:45:40 +00:00
|
|
|
<link type="text/css" href="<c:url value="/resources/css/styles.css"/>" rel="stylesheet" />
|
2012-03-21 21:06:16 +00:00
|
|
|
<link type="text/css" href="<c:url value="/resources/css/smoothness/jquery-ui-1.8.18.custom.css"/>" rel="stylesheet" />
|
2012-03-09 22:37:26 +00:00
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/jquery-1.7.1.min.js" />"></script>
|
|
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/jquery-ui-1.8.18.custom.min.js" />"></script>
|
2012-03-15 00:03:45 +00:00
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/jquery.cookie.js" />"></script>
|
2012-03-23 01:41:15 +00:00
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/underscore.js" />"></script>
|
2012-03-20 23:45:40 +00:00
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/backbone-min.js" />"></script>
|
2012-03-22 23:52:33 +00:00
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/handlebars.js" />"></script>
|
2012-03-22 23:53:01 +00:00
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/main.js" />"></script>
|
2012-03-21 03:19:34 +00:00
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/jquery.colorpicker.js" />"></script>
|
|
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/jquery.mousewheel.js" />"></script>
|
2012-03-23 01:41:15 +00:00
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/models.js" />"></script>
|
|
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/views.js" />"></script>
|
|
|
|
|
|
2012-03-09 22:37:26 +00:00
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2012-03-21 02:02:31 +00:00
|
|
|
<h1>CTDO Raumsteuerung</h1>
|
2012-03-09 22:37:26 +00:00
|
|
|
|
2012-03-23 01:41:15 +00:00
|
|
|
<div id="room-tabs">
|
2012-03-15 00:03:45 +00:00
|
|
|
<ul>
|
|
|
|
|
<li><a href="#tabs-1">Global</a></li>
|
|
|
|
|
<li><a href="#tabs-2">Raum 1</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div id="tabs-1">
|
2012-03-21 03:19:34 +00:00
|
|
|
</div>
|
|
|
|
|
<div id="tabs-2">
|
2012-03-21 01:54:33 +00:00
|
|
|
<div id="v-tabs" class="inner-tabs-container">
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="#v-tabs-1">Licht</a></li>
|
|
|
|
|
<li><a href="#v-tabs-2">Musik</a></li>
|
2012-03-21 02:22:28 +00:00
|
|
|
<li><a href="#v-tabs-3">Lampel</a></li>
|
2012-03-21 01:54:33 +00:00
|
|
|
</ul>
|
|
|
|
|
<div id="v-tabs-1">
|
2012-03-22 13:53:01 +00:00
|
|
|
<div id="colorpicker-raum1"></div>
|
|
|
|
|
<select multiple="multiple" id="par56select">
|
2012-03-21 03:19:34 +00:00
|
|
|
|
2012-03-22 13:53:01 +00:00
|
|
|
</select>
|
2012-03-21 01:54:33 +00:00
|
|
|
</div>
|
|
|
|
|
<div id="v-tabs-2">
|
2012-03-21 03:19:34 +00:00
|
|
|
<label for="slider1">Lautstärke Raum 1:</label><div id="slider1" class="slider"></div>
|
2012-03-21 01:54:33 +00:00
|
|
|
</div>
|
2012-03-21 02:22:28 +00:00
|
|
|
<div id="v-tabs-3">
|
|
|
|
|
<div class="lampel">
|
2012-03-21 02:48:44 +00:00
|
|
|
<span class="circle red" title="click to toggle"></span>
|
|
|
|
|
<span class="circle yellow" title="click to toggle"></span>
|
|
|
|
|
<span class="circle green" title="click to toggle"></span>
|
2012-03-21 02:22:28 +00:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
2012-03-21 01:54:33 +00:00
|
|
|
</div>
|
2012-03-15 00:03:45 +00:00
|
|
|
|
2012-03-21 03:19:34 +00:00
|
|
|
<div class="switch">
|
|
|
|
|
Raumlicht:<br />
|
|
|
|
|
<input type="radio" name="raum-1-licht">An <input type="radio" name="raum-1-licht" checked="checked">Aus
|
|
|
|
|
</div>
|
2012-03-15 00:03:45 +00:00
|
|
|
|
|
|
|
|
</div>
|
2012-03-13 23:57:00 +00:00
|
|
|
</div>
|
2012-03-22 23:52:33 +00:00
|
|
|
<script type="text/x-handlebars-template" id="room-tabs-template">
|
|
|
|
|
<ul>
|
2012-03-23 01:41:15 +00:00
|
|
|
{{#each rooms}}
|
2012-03-22 23:52:33 +00:00
|
|
|
<li><a href="#room-tabs-{{roomId}}">{{roomName}}</a></li>
|
2012-03-23 01:41:15 +00:00
|
|
|
{{/each}}
|
2012-03-22 23:52:33 +00:00
|
|
|
</ul>
|
2012-03-23 01:41:15 +00:00
|
|
|
{{#each rooms}}
|
|
|
|
|
<div id="room-tabs-{{roomId}}">
|
2012-03-22 23:52:33 +00:00
|
|
|
|
|
|
|
|
</div>
|
2012-03-23 01:41:15 +00:00
|
|
|
{{/each}}
|
2012-03-22 23:52:33 +00:00
|
|
|
</script>
|
2012-03-23 01:41:15 +00:00
|
|
|
<script type="text/x-handlebars-template" id="par56-options-template">
|
|
|
|
|
{{#each devices}}
|
2012-03-22 23:52:33 +00:00
|
|
|
<option name="{{deviceId}}">{{deviceName}}</option>
|
2012-03-23 01:41:15 +00:00
|
|
|
{{/each}}
|
2012-03-22 23:52:33 +00:00
|
|
|
</script>
|
2012-03-23 01:57:18 +00:00
|
|
|
<script type="text/x-handlebars-template" id="buzzer-template">
|
|
|
|
|
<div class="buzzer">
|
|
|
|
|
<span class="circle {{color}}">{{text}}</span>
|
|
|
|
|
<button>Buzzern</button>
|
|
|
|
|
</div>
|
|
|
|
|
</script>
|
2012-03-22 23:52:33 +00:00
|
|
|
<script type="text/x-handlebars-template">
|
|
|
|
|
|
|
|
|
|
</script>
|
2012-03-23 01:57:18 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2012-03-09 22:37:26 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
