149 lines
6.4 KiB
HTML

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
<head>
<title>da_sense | Push Message</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div class="main">
<div class="masthead">
<h3 class="muted">Push Message</h3>
</div>
<hr>
<form class="form-horizontal">
<div class="control-group">
<label class="control-label">To</label>
<div class="controls">
<select id="select-to">
<option value="users">Single User / Group</option>
<option value="os">OS</option>
<option value="all">All</option>
</select>
</div>
</div>
<div id="element-os" class="control-group">
<label class="control-label">OS</label>
<div class="controls">
<select>
<option>Android</option>
<option>iOS</option>
</select>
<span class="help-block">All receivers with specified OS will received this message.</span>
</div>
</div>
<div id="element-users" class="control-group">
<label class="control-label">Receivers</label>
<div class="controls">
<table class="table table-striped table-hover">
<thead>
<tr>
<th style="width: 30px"><i class="icon-ok"></i></th>
<th style="width: 24px">#</th>
<th style="width: 24px"></th>
<th style="width: 150px">Username</th>
<th style="width: 100px">OS</th>
<th>E-Mail</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" style="vertical-align: top"></td>
<td>1</td>
<td><img src="dasense/page/default_developer/img/flag_de.png" style="width: 24px"></td>
<td>Chris</td>
<td>Android</td>
<td>christian.meurisch@googlemail.com</td>
</tr>
<tr>
<td><input type="checkbox" style="vertical-align: top"></td>
<td>2</td>
<td><img src="dasense/page/default_developer/img/flag_en.png" style="width: 24px"></td>
<td>Sam Sampleman</td>
<td>iOS</td>
<td>sam.sampleman@googlemail.com</td>
</tr>
<tr>
<td><input type="checkbox" style="vertical-align: top"></td>
<td>3</td>
<td></td>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="element-msg-type" class="control-group">
<label class="control-label">Message type</label>
<div class="controls">
<div class="tabbable">
<ul id="msg-type-header" class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">News</a></li>
<li><a href="#tab2" data-toggle="tab">Others</a></li>
</ul>
<div id="msg-type-content" class="tab-content">
<div class="tab-pane active" id="tab1">
<div class="row-fluid">
<div class="span6 input-prepend">
<span class="add-on">de</span>
<input class="span2" id="prependedInput" type="text" placeholder="Title" style="width: 80%;">
</div>
<div class="span6 input-prepend">
<span class="add-on">en</span>
<input class="span2" id="prependedInput" type="text" placeholder="Title" style="width: 80%;">
</div>
</div>
<br>
<div class="row-fluid">
<div class="span6 input-prepend">
<span class="add-on">de</span>
<textarea class="span2" id="prependedInput" rows="4" placeholder="Message" style="width: 80%;"></textarea>
</div>
<div class="span6 input-prepend">
<span class="add-on">en</span>
<textarea class="span2" id="prependedInput" rows="4" placeholder="Message" style="width: 80%;"></textarea>
</div>
</div>
</div>
<div class="tab-pane" id="tab2">
... some other message ...
</div>
</div>
</div>
</div>
</div>
<div id="element-settings" class="control-group">
<label class="control-label">Settings</label>
<div class="controls">
<label class="checkbox">
<input type="checkbox" checked> Retry
</label>
<span class="help-block">Here you can specify delivery settings.</span>
</div>
</div>
<br>
<div class="control-group">
<div class="controls">
<button type="submit" class="btn btn-primary"><i class="icon-envelope icon-white"></i> Send</button>
</div>
</div>
</form>
</div>
<script src="dasense/page/default_developer/js/pushmessage.js"></script>
</body>
</html>