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 NAME="PDosage";
  36 var VERSION="0.1.0";
  37 var STORAGE="pdosage_date";
  38 var INFO_URL="https://code.agnibho.com/pdosage/info.json";
  39 var NOTIFY=true;
  40     </script>
  41     <style>
  42 .loader {
  43   position: absolute;
  44   left: 50%;
  45   top: 50%;
  46   border: 16px solid lavender;
  47   border-top: 16px solid #428bca;
  48   border-bottom: 16px solid #428bca;
  49   border-radius: 50%;
  50   width: 150px;
  51   height: 150px;
  52   margin: -75px 0 0 -75px;
  53   animation: spin 2s linear infinite;
  54 }
  55
  56        @keyframes spin {
  57          0% { transform: rotate(0deg); }
  58          100% { transform: rotate(360deg); }
  59        }
  60     </style>
  61
  62   </head>
  63   <body>
  64     <div class="loader"></div>
  65     <div class="container" style="display:none">
  66       <div id="notify" style="position:fixed;margin:10px;z-index:10;display:none">
  67         <div id="notify-alert" class="alert alert-info alert-dismissible">
  68           <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
  69           <h4><span id="notify-text"></span> <a id="notify-link" href="#" class="btn btn-success btn-lg">Download</a></h4>
  70         </div>
  71       </div>
  72       <div class="text-primary">
  73         <div class="jumbotron">
  74           <h1>PDosage</h1>
  75           <h2>Drug Dose Calculator</h2>
  76         </div>
  77       </div>
  78       <div class="row" id="app">
  79         <data-input :patient="patient"></data-input>
  80         <div>
  81           <ul class="nav nav-tabs">
  82             <li class="active"><a href="#fav" data-toggle="tab">Favorites</a></li>
  83             <li><a href="#all" data-toggle="tab">All Drugs</a></li>
  84             <li><a href="#calc" data-toggle="tab">Calculator</a></li>
  85             <li><a href="#about" data-toggle="tab">About</a></li>
  86           </ul>
  87           <div class="tab-content">
  88             <div class="tab-pane active" id="fav">
  89               <quick-view :patient="patient" :dosage="dosage" :favs="favs"></quick-view>
  90             </div>
  91             <div class="tab-pane" id="all">
  92               <list-view :patient="patient" :dosage="dosage" :favs="favs"></list-view>
  93             </div>
  94             <div class="tab-pane" id="calc">
  95               <calculator-view></calculator-view>
  96             </div>
  97             <div class="tab-pane" id="about">
  98               <about-view></about-view>
  99             </div>
 100           </div>
 101         </div>
 102       </div>
 103       <div class="alert alert-info">
 104         <h3>Copyright &copy; <span class="copyright" data-start="2016">2016</span> Agnibho Mondal</h3>
 105         <h4><a href="http://www.agnibho.com" style="text-decoration:none;color:inherit">www.agnibho.com</a></h4>
 106       </div>
 107     </div>
 108     <script src="dist/bundle.js"></script>
 109     <script src="extra.js"></script>
 110   </body>
 111 </html>