diff options
Diffstat (limited to 'qtip/web/templates/bench/base.html')
-rw-r--r-- | qtip/web/templates/bench/base.html | 537 |
1 files changed, 527 insertions, 10 deletions
diff --git a/qtip/web/templates/bench/base.html b/qtip/web/templates/bench/base.html index f0d3610e..4eaf56f5 100644 --- a/qtip/web/templates/bench/base.html +++ b/qtip/web/templates/bench/base.html @@ -1,10 +1,527 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <title>QTIP Benchmarking Services</title> - </head> - <body> - {% block content %} - {% endblock %} - </body> -</html>
\ No newline at end of file +<html> +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=Edge"> + <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> + <title>QTIP Benchmarking Services</title> + <!-- Favicon--> + <!--<link rel="icon" href="favicon.ico" type="image/x-icon">--> + <!-- Google Fonts --> + <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css"> + <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css"> + + <!-- Bootstrap Core Css --> + <link href="/static/plugins/bootstrap/css/bootstrap.css" rel="stylesheet"> + + <!-- Waves Effect Css --> + <link href="/static/plugins/node-waves/waves.css" rel="stylesheet" /> + + <!-- Animation Css --> + <link href="/static/plugins/animate-css/animate.css" rel="stylesheet" /> + + <!-- Morris Chart Css--> + <link href="/static/plugins/morrisjs/morris.css" rel="stylesheet" /> + + <!-- Custom Css --> + <link href="/static/css/style.css" rel="stylesheet"/> + <!--<link href="/static/plugins/materialize-css/css/materialize.css" rel="stylesheet"/>--> + + <!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes --> + <link href="/static/css/themes/theme-teal.css" rel="stylesheet" /> + <script src="/static/plugins/jquery/jquery.min.js"></script> +</head> + +<body class="theme-red"> + <!-- Page Loader --> + <div class="page-loader-wrapper"> + <div class="loader"> + <div class="preloader"> + <div class="spinner-layer pl-red"> + <div class="circle-clipper left"> + <div class="circle"></div> + </div> + <div class="circle-clipper right"> + <div class="circle"></div> + </div> + </div> + </div> + <p>Please wait...</p> + </div> + </div> + <!-- #END# Page Loader --> + <!-- Overlay For Sidebars --> + <div class="overlay"></div> + <!-- #END# Overlay For Sidebars --> + <!-- Search Bar --> + <div class="search-bar"> + <div class="search-icon"> + <i class="material-icons">search</i> + </div> + <input type="text" placeholder="START TYPING..."> + <div class="close-search"> + <i class="material-icons">close</i> + </div> + </div> + <!-- #END# Search Bar --> + <!-- Top Bar --> + <nav class="navbar"> + <div class="container-fluid"> + <div class="navbar-header"> + <a href="javascript:void(0);" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"></a> + <a href="javascript:void(0);" class="bars"></a> + <a class="navbar-brand" href="{% url 'index' %}">QTIP-Web</a> + </div> + <div class="collapse navbar-collapse" id="navbar-collapse"> + <ul class="nav navbar-nav navbar-right"> + <!-- Call Search --> + <li><a href="javascript:void(0);" class="js-search" data-close="true"><i class="material-icons">search</i></a></li> + <!-- #END# Call Search --> + <!-- Notifications --> + <!-- + <li class="dropdown"> + <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button"> + <i class="material-icons">notifications</i> + <span class="label-count">7</span> + </a> + <ul class="dropdown-menu"> + <li class="header">NOTIFICATIONS</li> + <li class="body"> + <ul class="menu"> + <li> + <a href="javascript:void(0);"> + <div class="icon-circle bg-light-green"> + <i class="material-icons">person_add</i> + </div> + <div class="menu-info"> + <h4>12 new members joined</h4> + <p> + <i class="material-icons">access_time</i> 14 mins ago + </p> + </div> + </a> + </li> + <li> + <a href="javascript:void(0);"> + <div class="icon-circle bg-cyan"> + <i class="material-icons">add_shopping_cart</i> + </div> + <div class="menu-info"> + <h4>4 sales made</h4> + <p> + <i class="material-icons">access_time</i> 22 mins ago + </p> + </div> + </a> + </li> + <li> + <a href="javascript:void(0);"> + <div class="icon-circle bg-red"> + <i class="material-icons">delete_forever</i> + </div> + <div class="menu-info"> + <h4><b>Nancy Doe</b> deleted account</h4> + <p> + <i class="material-icons">access_time</i> 3 hours ago + </p> + </div> + </a> + </li> + <li> + <a href="javascript:void(0);"> + <div class="icon-circle bg-orange"> + <i class="material-icons">mode_edit</i> + </div> + <div class="menu-info"> + <h4><b>Nancy</b> changed name</h4> + <p> + <i class="material-icons">access_time</i> 2 hours ago + </p> + </div> + </a> + </li> + <li> + <a href="javascript:void(0);"> + <div class="icon-circle bg-blue-grey"> + <i class="material-icons">comment</i> + </div> + <div class="menu-info"> + <h4><b>John</b> commented your post</h4> + <p> + <i class="material-icons">access_time</i> 4 hours ago + </p> + </div> + </a> + </li> + <li> + <a href="javascript:void(0);"> + <div class="icon-circle bg-light-green"> + <i class="material-icons">cached</i> + </div> + <div class="menu-info"> + <h4><b>John</b> updated status</h4> + <p> + <i class="material-icons">access_time</i> 3 hours ago + </p> + </div> + </a> + </li> + <li> + <a href="javascript:void(0);"> + <div class="icon-circle bg-purple"> + <i class="material-icons">settings</i> + </div> + <div class="menu-info"> + <h4>Settings updated</h4> + <p> + <i class="material-icons">access_time</i> Yesterday + </p> + </div> + </a> + </li> + </ul> + </li> + <li class="footer"> + <a href="javascript:void(0);">View All Notifications</a> + </li> + </ul> + </li> + + + <li class="dropdown"> + <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button"> + <i class="material-icons">flag</i> + <span class="label-count">9</span> + </a> + <ul class="dropdown-menu"> + <li class="header">TASKS</li> + <li class="body"> + <ul class="menu tasks"> + <li> + <a href="javascript:void(0);"> + <h4> + Footer display issue + <small>32%</small> + </h4> + <div class="progress"> + <div class="progress-bar bg-pink" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 32%"> + </div> + </div> + </a> + </li> + <li> + <a href="javascript:void(0);"> + <h4> + Make new buttons + <small>45%</small> + </h4> + <div class="progress"> + <div class="progress-bar bg-cyan" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 45%"> + </div> + </div> + </a> + </li> + <li> + <a href="javascript:void(0);"> + <h4> + Create new dashboard + <small>54%</small> + </h4> + <div class="progress"> + <div class="progress-bar bg-teal" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 54%"> + </div> + </div> + </a> + </li> + <li> + <a href="javascript:void(0);"> + <h4> + Solve transition issue + <small>65%</small> + </h4> + <div class="progress"> + <div class="progress-bar bg-orange" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 65%"> + </div> + </div> + </a> + </li> + <li> + <a href="javascript:void(0);"> + <h4> + Answer GitHub questions + <small>92%</small> + </h4> + <div class="progress"> + <div class="progress-bar bg-purple" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 92%"> + </div> + </div> + </a> + </li> + </ul> + </li> + <li class="footer"> + <a href="javascript:void(0);">View All Tasks</a> + </li> + </ul> + </li> + <!-- #END# Tasks --> + <li class="pull-right"><a href="javascript:void(0);" class="js-right-sidebar" data-close="true"><i class="material-icons">more_vert</i></a></li> + </ul> + </div> + </div> + </nav> + <!-- #Top Bar --> + <section> + <!-- Left Sidebar --> + <aside id="leftsidebar" class="sidebar"> + <!-- User Info --> + <div class="user-info"> + <div class="image"> + <img src="/static/images/user.png" width="48" height="48" alt="User" /> + </div> + <div class="info-container"> + <div class="name" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ user.username }}</div> + <div class="email">{{ user.email }}</div> + <div class="btn-group user-helper-dropdown"> + <i class="material-icons" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">keyboard_arrow_down</i> + <ul class="dropdown-menu pull-right"> + <li><a href="/bench/logout"><i class="material-icons">input</i>Sign Out</a></li> + </ul> + </div> + </div> + </div> + <!-- #User Info --> + <!-- Menu --> + <div class="menu"> + <ul class="list"> + <li class="header">MAIN NAVIGATION</li> + <li class="active"> + <a href="{% url 'index' %}"> + <i class="material-icons">home</i> + <span>Home</span> + </a> + </li> + <li> + <a href="{% url 'repos' %}"> + <i class="material-icons">text_fields</i> + <span>Repos</span> + </a> + </li> + <li> + <a href="{% url 'run' %}"> + <i class="material-icons">layers</i> + <span>Run Benchmarks</span> + </a> + </li> + <li> + <a href="{% url 'tasks' %}" > + <i class="material-icons">widgets</i> + <span>Tasks</span> + </a> + </li> + </ul> + </div> + <!-- #Menu --> + <!-- Footer --> + <div class="legal"> + <div class="copyright"> + © 2016 - 2017 <a href="javascript:void(0);">AdminBSB - Material Design</a>. + </div> + <div class="version"> + <b>Version: </b> 1.0.5 + </div> + </div> + <!-- #Footer --> + </aside> + <!-- #END# Left Sidebar --> + <!-- Right Sidebar --> + <aside id="rightsidebar" class="right-sidebar"> + <ul class="nav nav-tabs tab-nav-right" role="tablist"> + <li role="presentation" class="active"><a href="#skins" data-toggle="tab">SKINS</a></li> + <li role="presentation"><a href="#settings" data-toggle="tab">SETTINGS</a></li> + </ul> + <div class="tab-content"> + <div role="tabpanel" class="tab-pane fade in active in active" id="skins"> + <ul class="demo-choose-skin"> + <li data-theme="red" class="active"> + <div class="red"></div> + <span>Red</span> + </li> + <li data-theme="pink"> + <div class="pink"></div> + <span>Pink</span> + </li> + <li data-theme="purple"> + <div class="purple"></div> + <span>Purple</span> + </li> + <li data-theme="deep-purple"> + <div class="deep-purple"></div> + <span>Deep Purple</span> + </li> + <li data-theme="indigo"> + <div class="indigo"></div> + <span>Indigo</span> + </li> + <li data-theme="blue"> + <div class="blue"></div> + <span>Blue</span> + </li> + <li data-theme="light-blue"> + <div class="light-blue"></div> + <span>Light Blue</span> + </li> + <li data-theme="cyan"> + <div class="cyan"></div> + <span>Cyan</span> + </li> + <li data-theme="teal"> + <div class="teal"></div> + <span>Teal</span> + </li> + <li data-theme="green"> + <div class="green"></div> + <span>Green</span> + </li> + <li data-theme="light-green"> + <div class="light-green"></div> + <span>Light Green</span> + </li> + <li data-theme="lime"> + <div class="lime"></div> + <span>Lime</span> + </li> + <li data-theme="yellow"> + <div class="yellow"></div> + <span>Yellow</span> + </li> + <li data-theme="amber"> + <div class="amber"></div> + <span>Amber</span> + </li> + <li data-theme="orange"> + <div class="orange"></div> + <span>Orange</span> + </li> + <li data-theme="deep-orange"> + <div class="deep-orange"></div> + <span>Deep Orange</span> + </li> + <li data-theme="brown"> + <div class="brown"></div> + <span>Brown</span> + </li> + <li data-theme="grey"> + <div class="grey"></div> + <span>Grey</span> + </li> + <li data-theme="blue-grey"> + <div class="blue-grey"></div> + <span>Blue Grey</span> + </li> + <li data-theme="black"> + <div class="black"></div> + <span>Black</span> + </li> + </ul> + </div> + <div role="tabpanel" class="tab-pane fade" id="settings"> + <div class="demo-settings"> + <p>GENERAL SETTINGS</p> + <ul class="setting-list"> + <li> + <span>Report Panel Usage</span> + <div class="switch"> + <label><input type="checkbox" checked><span class="lever"></span></label> + </div> + </li> + <li> + <span>Email Redirect</span> + <div class="switch"> + <label><input type="checkbox"><span class="lever"></span></label> + </div> + </li> + </ul> + <p>SYSTEM SETTINGS</p> + <ul class="setting-list"> + <li> + <span>Notifications</span> + <div class="switch"> + <label><input type="checkbox" checked><span class="lever"></span></label> + </div> + </li> + <li> + <span>Auto Updates</span> + <div class="switch"> + <label><input type="checkbox" checked><span class="lever"></span></label> + </div> + </li> + </ul> + <p>ACCOUNT SETTINGS</p> + <ul class="setting-list"> + <li> + <span>Offline</span> + <div class="switch"> + <label><input type="checkbox"><span class="lever"></span></label> + </div> + </li> + <li> + <span>Location Permission</span> + <div class="switch"> + <label><input type="checkbox" checked><span class="lever"></span></label> + </div> + </li> + </ul> + </div> + </div> + </div> + </aside> + <!-- #END# Right Sidebar --> + </section> + + <section class="content"> + <div class="container-fluid"> + {% block content %} + {% endblock %} + </section> + + <!-- Bootstrap Core Js --> + <script src="/static/plugins/bootstrap/js/bootstrap.js"></script> + + <!-- Select Plugin Js --> + <script src="/static/plugins/bootstrap-select/js/bootstrap-select.js"></script> + + <!-- Slimscroll Plugin Js --> + <script src="/static/plugins/jquery-slimscroll/jquery.slimscroll.js"></script> + + <!-- Waves Effect Plugin Js --> + <script src="/static/plugins/node-waves/waves.js"></script> + + <!-- Jquery CountTo Plugin Js --> + <script src="/static/plugins/jquery-countto/jquery.countTo.js"></script> + + <!-- Morris Plugin Js --> + <script src="/static/plugins/raphael/raphael.min.js"></script> + <script src="/static/plugins/morrisjs/morris.js"></script> + + <!-- ChartJs --> + <!--<script src="/static/plugins/chartjs/Chart.bundle.js"></script> + + <!-- Flot Charts Plugin Js + <script src="/static/plugins/flot-charts/jquery.flot.js"></script> + <script src="/static/plugins/flot-charts/jquery.flot.resize.js"></script> + <script src="/static/plugins/flot-charts/jquery.flot.pie.js"></script> + <script src="/static/plugins/flot-charts/jquery.flot.categories.js"></script> + <script src="/static/plugins/flot-charts/jquery.flot.time.js"></script>--> + + <!-- Sparkline Chart Plugin Js --> + <script src="/static/plugins/jquery-sparkline/jquery.sparkline.js"></script> + + <!-- Custom Js --> + <script src="/static/js/admin.js"></script> + <script src="/static/js/pages/index.js"></script> + + <!-- Demo Js --> + <script src="/static/js/demo.js"></script> +</body> + +</html> |