index.html

   1 <!--
   2 ***********************************************************************
   3  * Title: PDosage
   4  * Description: Pediatric Dose Calculator
   5  * Author: Agnibho Mondal
   6  * Website: http://code.agnibho.com
   7  **********************************************************************
   8    Copyright (c) 2016 Agnibho Mondal
   9    All rights reserved
  10  **********************************************************************
  11    This file is part of PDosage.
  12
  13    PDosage is free software: you can redistribute it and/or modify
  14    it under the terms of the GNU General Public License as published by
  15    the Free Software Foundation, either version 3 of the License, or
  16    (at your option) any later version.
  17
  18    PDosage is distributed in the hope that it will be useful,
  19    but WITHOUT ANY WARRANTY; without even the implied warranty of
  20    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  21    GNU General Public License for more details.
  22
  23    You should have received a copy of the GNU General Public License
  24    along with PDosage. If not, see <http://www.gnu.org/licenses/>.
  25 ***********************************************************************
  26 -->
  27 <!DOCTYPE html>
  28 <html>
  29     <head>
  30         <title>PDosage</title>
  31         <link rel="icon" href="dist/logo.png">
  32         <meta charset="utf-8">
  33         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  34         <script>
  35          var VERSION="0.0.1";
  36         </script>
  37         <style>
  38          .loader {
  39              position: absolute;
  40              left: 50%;
  41              top: 50%;
  42              border: 16px solid lavender;
  43              border-top: 16px solid #428bca;
  44              border-bottom: 16px solid #428bca;
  45              border-radius: 50%;
  46              width: 150px;
  47              height: 150px;
  48              margin: -75px 0 0 -75px;
  49              animation: spin 2s linear infinite;
  50          }
  51
  52          @keyframes spin {
  53              0% { transform: rotate(0deg); }
  54              100% { transform: rotate(360deg); }
  55          }
  56         </style>
  57
  58     </head>
  59     <body>
  60         <div class="loader"></div>
  61         <div class="container" style="display:none">
  62             <div id="notify" style="position:fixed;margin:10px;z-index:10;display:none">
  63                 <div id="notify-alert" class="alert alert-info alert-dismissible">
  64                     <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
  65                     <h4><span id="notify-text"></span> <a id="notify-link" href="#" class="btn btn-success btn-lg">Download</a></h4>
  66                 </div>
  67             </div>
  68             <div class="text-primary">
  69                 <div class="jumbotron">
  70                     <h1>PDosage</h1>
  71                     <h2>Drug Dose Calculator</h2>
  72                 </div>
  73             </div>
  74             <div class="row" id="app">
  75                 <data-input :patient="patient"></data-input>
  76                 <div>
  77                     <ul class="nav nav-tabs">
  78                         <li class="active"><a href="#fav" data-toggle="tab">Favorites</a></li>
  79                         <li><a href="#all" data-toggle="tab">All Drugs</a></li>
  80                         <li><a href="#calc" data-toggle="tab">Calculator</a></li>
  81                         <li><a href="#about" data-toggle="tab">About</a></li>
  82                     </ul>
  83                     <div class="tab-content">
  84                         <div class="tab-pane active" id="fav">
  85                             <quick-view :patient="patient" :dosage="dosage" :favs="favs"></quick-view>
  86                         </div>
  87                         <div class="tab-pane" id="all">
  88                             <list-view :patient="patient" :dosage="dosage" :favs="favs"></list-all>
  89                         </div>
  90                         <div class="tab-pane" id="calc">
  91                             <calculator-view></calculator-view>
  92                         </div>
  93                         <div class="tab-pane" id="about">
  94                             <about-view></about-view>
  95                         </div>
  96                     </div>
  97                 </div>
  98             </div>
  99             <div class="alert alert-info">
 100                 <h3>Copyright &copy; <span class="copyright" data-start="2016">2016</span> Agnibho Mondal</h3>
 101                 <h4><a href="http://www.agnibho.com" style="text-decoration:none;color:inherit">www.agnibho.com</a></h4>
 102             </div>
 103         </div>
 104         <script src="dist/bundle.js"></script>
 105     </body>
 106 </html>