Skip to content
This repository has been archived by the owner on Jul 3, 2019. It is now read-only.

Commit

Permalink
Merge pull request #67 from reTHINK-project/develop
Browse files Browse the repository at this point in the history 
Develop to master
  • Loading branch information
@luistduarte
luistduarte authored Nov 16, 2017
2 parents 990a8e7 + 8664ea3 commit 56adc3b
Show file tree
Hide file tree
Showing 44 changed files with 5,889 additions and 32 deletions.
944 changes: 944 additions & 0 deletions examples/dtwebrtc/css/dark.css
View file

Large diffs are not rendered by default.

147 changes: 147 additions & 0 deletions examples/dtwebrtc/css/style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,147 @@
html {
position: relative;
min-height: 100%;
}
@font-face{
font-family: "telegrotesk";
src: url('../font/telegrotesk-halbfett.ttf'),
url('../font/telegrotesk-normal.ttf');
}

body {
/* Margin bottom by footer height */
margin-bottom: 60px;
/*font-family: "telegrotesk";*/
font-size: 18px;
}

body > .container {
padding: 10px 15px 0;
}

.active > a {
font-weight: bold;
color: #e20074 !important;
}

.container .text-muted {
margin: 20px 0;
}

.navbar-nav > li > a {
padding-top: 20px;
padding-bottom: 16px;
}

.navbar-nav > li > a:hover {
color: #e20074 !important;
}

.logo {
font-weight: bold;
padding: 10px 10px;
height: 55px;
width: auto;
}

.big-text {
padding-top: 22px;
padding-bottom: 12px;
padding-left: 33px;
font-weight: bold;
font-size:22px;
text-decoration: none !important;
}
.big-text:hover {
color: #e20074 !important;
}

.footer {
position: fixed;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #f5f5f5;
}

input {
display: block;
width: 100%;
}

.fullVideo {
width:98%;
height:auto;
transition:height 1s;
-moz-transition:width 1s; /* Firefox 4 */
-webkit-transition:width 1s; /* Safari and Chrome */
-o-transition:width 1s; /* Opera */
}
.smallVideo {
position: absolute;
width:20%;
height:auto;
top: 5%;
left: 5%;
transition:height 1s;
-moz-transition:width 1s; /* Firefox 4 */
-webkit-transition:width 1s; /* Safari and Chrome */
-o-transition:width 1s; /* Opera */
}

.block7 {
/*display: block;*/
width: 70%;
}

.block3 {
/* display: block;*/
width: 30%;
}

.block2 {
/* display: block;*/
width: 20%;
}

.block1 {
/* display: block;*/
width: 10%;
}

.avatar img {
width: 90px;
height: auto;
}

.btn.btn-default {
background-color: #CCCCCC;
font-size:14px;
font-weight: bold;
color: #444444;
}

.searchemail {
margin-top: 10px;

}


/*.navbar-fixed-top {
max-height: 60px;
}
*/

.settings {
float: right;
display: none;
}

.settings input {
display: block;
}

.darktext {
color: #777;
}
129 changes: 129 additions & 0 deletions examples/dtwebrtc/dtwebrtc.hbs
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
<div id="hyperty-panel" class="dark" data-spy="scroll" data-target="navbar">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css">
<link href="dtwebrtc/css/dark.css" rel="stylesheet">
<link href="dtwebrtc/css/style.css" rel="stylesheet">

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>


<nav class="navbar navbar-default">
<div class="container-fluid ">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<i style="color: #444444;" class="fa fa-bars"></i>
</button>
<img class="navbar-brand logo" id="logo" src="dtwebrtc/media/logo.png" href="#">
<a class="navbar-brand big-text" rel="home" href="#">
reTHINK-DT-HfTL-CallCenter
</a>
</div>
<div id="navbar" class="collapse navbar-collapse ">
<div class="input-group searchemail" data-name="DTHCsender">
<input type="email" class="friend-email block2 validate form-control " style="font-size: 16px; width: 50%; border-right: none;" placeholder="your friends email" id="email">
<input type="text" class="friend-domain block2 validate form-control" style="font-size: 16px; width: 50%;" placeholder="your friends domain" id="domain">
<span class="input-group-btn"><button id="gosearch" class="btn btn-default">Search</button>
<!--button class="btn btn-default" onclick="toggleSettings();"><i style="color: #777;" class="fa fa-cog fa-1x fa-fw"></i></button-->
</span>
</div>
<div></div>
<br>
<div></div>
<div>
<form class="form-horizontal" role="form" id="settings" style="display:none;" class="settings">
<div class="darktext form-group">
<label class="col-sm-1 control-label">Stun</label>
<div class="col-sm-4">
<input id="stun" class="form-control" value="" placeholder="">
</div>
<label class="col-sm-1 control-label">Turn</label>
<div class="col-sm-4">
<input id="turn" class="form-control" value="numb.viagenie.ca" size="20" placeholder="numb.viagenie.ca">
</div>
<label>
<input type="checkbox" id="strictice">use strict</label>
</div>
<div class="darktext form-group">
<label class="col-sm-1 control-label">user</label>
<div class="col-sm-4">
<input id="turn_user" class="form-control" value="steffen.druesedow@telekom.de" size="10" placeholder="steffen.druesedow@telekom.de">
</div>
<label class="col-sm-1 control-label">pass</label>
<div class="col-sm-4">
<input id="turn_pass" class="form-control" value="" size="10" type="password" />
</div>
</div>
<div class="darktext form-group">
<div class="col-sm-6"></div>
<div class="col-sm-4">
<select value="" class="darktext" id="camResolution"></select>
</div>
<div class="col-sm-2">
<button type="submit" id="saveConfig" class="btn btn-default btn-sm">Save profile</button>
</div>
</div>
</form>
</div>
</div>
</div>
</nav>

<!-- Begin page content -->
<div class="main-content container">
<!-- <div class="main-content container-fluid"> -->
<div class="row">
<!--div class="col-sm-1"></div-->
<div id="content" class="content col-sm-12 hide">
<div id="info">
<div class="hyperty-panel"></div>
<div class="send-panel"></div>
<div class="invitation-panel"></div>
</div>
<div id="video" class="row hide">
<div class="col-sm-10">
<video id="remoteVideo" class="smallVideo " autoplay poster="dtwebrtc/media/load3.gif" ></video>
<video id="localVideo" class="fullVideo " muted autoplay poster="dtwebrtc/media/load3.gif" ></video>
</div>
<div class="col-sm-2">
<fieldset class="form-fieldset">
<legend>local media</legend>
<div class="form-checkbox-set">
<label><input type="checkbox" id="local-video" value="1" class="form-checkbox" checked>video</label>
</div>
<div class="form-checkbox-set">
<label><input type="checkbox" id="local-audio" value="1" class="form-checkbox" checked>audio</label>
</div>
</fieldset>
<fieldset class="form-fieldset">
<legend>remote media</legend>
<div class="form-checkbox-set">
<label><input type="checkbox" id="remote-video" value="1" class="form-checkbox" checked>video</label>
<label><input type="checkbox" id="remote-video" value="1" class="form-checkbox" checked>video</label>
</div>
<div class="form-checkbox-set">
<label><input type="checkbox" id="remote-audio" value="1" class="form-checkbox" checked>audio</label>
</div>
<button id="hangup" class="btn btn-default btn-sm ">hangup</button>
</fieldset>
</div>
</div>
</div>
<!--div class="col-sm-1"></div-->
</div>
</div>

<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="information" id="modalinfo"></div>
<!--div class="modal-footer"-->
<div>
<button type="button" id="btn-accept" class=" btn btn-default" data-dismiss="modal">accept</button>
<button type="button" id="btn-reject" class=" btn btn-default" data-dismiss="modal">reject</button>
</div>
</div>
</div>
</div>
</div>
</div>
Loading

0 comments on commit 56adc3b

Please sign in to comment.