scriptbox
Version:
Script box is a full VAS application
276 lines (231 loc) • 10.9 kB
HTML
<html><head>
<meta charset="utf-8">
<title>DASHBOARD</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Carlos Alvarez - Alvarez.is">
<!-- Le styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet">
<link href="assets/css/font-style.css" rel="stylesheet">
<link href="assets/css/flexslider.css" rel="stylesheet">
<script type="text/javascript" src="assets/js/jquery.js"></script>
<style type="text/css">
body {
padding-top: 60px;
}
</style>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
<!-- Google Fonts call. Font Used Open Sans & Raleway -->
<link href="/fonts/fonts.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
$(document).ready(function () {
$("#btn-blog-next").click(function () {
$('#blogCarousel').carousel('next')
});
$("#btn-blog-prev").click(function () {
$('#blogCarousel').carousel('prev')
});
$("#btn-client-next").click(function () {
$('#clientCarousel').carousel('next')
});
$("#btn-client-prev").click(function () {
$('#clientCarousel').carousel('prev')
});
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
slideshow: true,
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
</head>
<body>
<div class="container">
<!-- FIRST ROW OF BLOCKS -->
<div class="row">
<!-- USER PROFILE BLOCK -->
<div class="col-sm-3 col-lg-3">
<div class="dash-unit">
<dtitle>Info ScriptBox</dtitle>
<hr>
<div class="info-user">
<span aria-hidden="true" class="li_lab fs2"></span>
</div>
<br>
<div class="text">
<p><a target="_blank" href="https://nodei.co/npm/kannel/"><img src="https://camo.githubusercontent.com/979f6d9b9abbd5e6a890afb11bac348ca7a09364/68747470733a2f2f6e6f6465692e636f2f6e706d2f6b616e6e656c2e706e673f646f776e6c6f6164733d747275652673746172733d74727565" alt="NPM" data-canonical-src="https://nodei.co/npm/kannel.png?downloads=true&stars=true" style="max-width:100%;"></a></p>
<p><b>ScriptBox:</b> Is a smsbox replacement for kannel, write in javascript, using <a target="_blank" href="https://github.com/badlee/kannel.js">kannel.js</a> <a href="http://camintejs.com">caminte.js</a> and <a href="http://tingodb.com">TingoDb</a>.</p>
</div>
</div>
</div>
<!-- DONUT CHART BLOCK -->
<div class="col-sm-3 col-lg-3">
<div class="dash-unit">
<dtitle>OS RAM USAGE</dtitle>
<hr>
<div id="load"></div>
<h2><diskmemory>0</diskmemory>%</h2>
</div>
</div>
<!-- DONUT CHART BLOCK -->
<div class="col-sm-3 col-lg-3">
<div class="dash-unit">
<dtitle>Memory Usage</dtitle>
<hr>
<div id="space"></div>
<h2><diskspace>0</diskspace>%</h2>
</div>
</div>
<div class="col-sm-3 col-lg-3">
<!-- LOCAL TIME BLOCK -->
<div class="half-unit">
<dtitle>Local Time</dtitle>
<hr>
<div class="clockcenter">
<digiclock>12:45:25</digiclock>
</div>
</div>
<!-- SERVER UPTIME -->
<div class="half-unit">
<dtitle>Server Uptime</dtitle>
<hr>
<div class="cont">
<p ref="uptime"><img src="assets/img/up.png" alt=""> <bold>Up</bold> | <uptime >356ms</uptime></p>
</div>
</div>
</div>
</div><!-- /row -->
<!-- SECOND ROW OF BLOCKS -->
<div class="row">
<div class="col-sm-3 col-lg-3">
<!-- MAIL BLOCK -->
<div class="dash-unit">
<dtitle>Info Kannel.JS</dtitle>
<hr>
<div class="info-user">
<span aria-hidden="true" class="li_lab fs2"></span>
</div>
<br>
<div class="text">
<p><a target="_blank" href="https://nodei.co/npm/kannel/"><img src="https://camo.githubusercontent.com/979f6d9b9abbd5e6a890afb11bac348ca7a09364/68747470733a2f2f6e6f6465692e636f2f6e706d2f6b616e6e656c2e706e673f646f776e6c6f6164733d747275652673746172733d74727565" alt="NPM" data-canonical-src="https://nodei.co/npm/kannel.png?downloads=true&stars=true" style="max-width:100%;"></a></p>
<p><b>Kanel.js:</b> Is a ipc protocol implemented in full javascript, it allow to write a powerfull smsbox in javascript [<a target="_blank" href="https://github.com/badlee/kannel.js">github sources</a>].</p>
</div>
</div>
</div><!-- /span3 -->
<!-- GRAPH CHART - lineandbars.js file -->
<div class="col-sm-3 col-lg-3">
<div class="dash-unit">
<dtitle>Receive SMS</dtitle>
<hr>
<div class="section-graph">
<div id="importantchart"></div>
</div>
</div>
</div>
<!-- LAST MONTH REVENUE -->
<div class="col-sm-3 col-lg-3">
<div class="dash-unit">
<dtitle>SMS stats</dtitle>
<hr>
<div class="cont">
<br>
<p ref="sent"><img src="/assets/img/up-small.png" alt=""><bold>0</bold> | Sent</p>
<br><br><br><br>
<p ref="received"><img src="/assets/img/down-small.png" alt=""><bold>0</bold> | <bad>Received</bad></p>
</div>
</div>
</div>
<!-- 30 DAYS STATS - CAROUSEL FLEXSLIDER -->
<div class="col-sm-3 col-lg-3">
<div class="dash-unit">
<dtitle>About HTTP interface</dtitle>
<hr style="margin-bottom: 10px;">
<div class="text">
<pre style="padding: 5px 0px 0 3px;height: 233px;">
<b>Request</b> : HTTP
<b>Method</b> : GET
<b>Url</b> : /cgi-bin/sendsms
Paramametres (query string)
<b>from</b> : reciever
<b>to</b> : receiver
<b>text</b> : SMS to send
<b>username</b> : login
<b>password</b> : password for SMS
<center><a href="#myModal" role="button" class="btnnew" data-toggle="modal">Send SMS</a></center>
</pre>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Send SMS</h4>
</div>
<div class="modal-body">
<input type="text" id="sms_from" name="from" placeholder="From" ref="sms_field">
<input type="text" id="sms_to" name="email" placeholder="To" ref="sms_field">
<textarea style="height: 195px;margin: 0px -1px 18px 0px;" id="sms_text" name="message" placeholder="Message" ref="sms_field"></textarea>
<input type="text" id="sms_user" name="user" placeholder="Username" ref="sms_field">
<input type="text" id="sms_pwd" name="pws" placeholder="Password for SMS" ref="sms_field">
<select id="connector" name="connector">
<option value="" disabled selected>Select the connector</option>
</select>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="sms_send">Send</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div><!-- /dash-unit -->
</div>
</div><!-- /row -->
</div> <!-- /container -->
<div id="footerwrap">
<footer class="clearfix"></footer>
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-12">
<p><img src="assets/img/logo.png" alt=""></p>
<p><a target="_blank" href="http://alvarez.is/demo/free/blocks/">Blocks Dashboard Theme</a> - Crafted With Love - Copyright 2013</p>
</div>
</div><!-- /row -->
</div><!-- /container -->
</div><!-- /footerwrap -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<script type="text/javascript" src="assets/js/lineandbars.js"></script>
<script type="text/javascript" src="assets/js/dash-charts.js"></script>
<script type="text/javascript" src="assets/js/gauge.js"></script>
<!-- NOTY JAVASCRIPT -->
<script type="text/javascript" src="assets/js/noty/jquery.noty.js"></script>
<script type="text/javascript" src="assets/js/noty/layouts/top.js"></script>
<script type="text/javascript" src="assets/js/noty/layouts/topLeft.js"></script>
<script type="text/javascript" src="assets/js/noty/layouts/topRight.js"></script>
<script type="text/javascript" src="assets/js/noty/layouts/topCenter.js"></script>
<!-- You can add more layouts if you want -->
<script type="text/javascript" src="assets/js/noty/themes/default.js"></script>
<!-- <script type="text/javascript" src="assets/js/dash-noty.js"></script> This is a Noty bubble when you init the theme-->
<script type="text/javascript" src="assets/js/highcharts.js"></script>
<script src="assets/js/jquery.flexslider.js" type="text/javascript"></script>
<script type="text/javascript" src="assets/js/admin.js"></script>
</body></html>