Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Merge pull request #2 from dmd-web-and-mobile/elizabeth 
Elizabeth and Miguel's changes.
  • Loading branch information
@jrs06005
jrs06005 committed Dec 19, 2016
2 parents ab098fd + f4c8b1d commit 3190b2e
Show file tree
Hide file tree
Showing 18 changed files with 1,171 additions and 235 deletions.
2 changes: 1 addition & 1 deletion README.md
View file
@@ -1,2 +1,2 @@
# ABXinRLS
Antibiotics in Resource Limited Settings (CCMC)
Antibiotics in Resource Limited Settings (CCMC). Typing some stuff to test BK.
86 changes: 86 additions & 0 deletions add-diagnosis.html
View file
@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>ABXinRLS</title>

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>

<div class="container">
<a href="index.html"><h1>ABXinRLS</h1></a>
<div class="col-xs-12">
<a>
<i onclick="goBack()" class="material-icons btn-info arrow-bck">arrow_back</i>
</a>
</div>
<h2 class="text-center add-heading">Add Diagnosis</h2>

<form>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput">Diagnosis Name</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Enter Diagnosis">
</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput2">Antibiotic Name</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Antibiotic">

</div>
<div class="row">
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<h5>Classification</h5>
<a class="btn btn-default btn-select">
<input type="hidden" class="btn-select-input" id="" name="" value="" />
<span class="btn-select-value">Gram-positive</span>
<span class='btn-select-arrow glyphicon glyphicon-chevron-down'></span>
<ul>
<li class="selected">Gram-positive</li>
<li>Gram-negative</li>
<li>Anaerobic</li>
</ul>
</a>
</div>
</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput2">Organism Name</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Organism">

</div>
<div>
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<button type="submit" class="btn btn-primary add-button">Add/Save Diagnosis</button>
</div>
</form>

</div>
</div>
</div>
<hr>






<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
69 changes: 69 additions & 0 deletions add-organism.html
View file
@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>ABXinRLS</title>

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>

<div class="container">
<a href="index.html"><h1>ABXinRLS</h1></a>
<div class="col-xs-12">
<a>
<i onclick="goBack()" class="material-icons btn-info arrow-bck">arrow_back</i>
</a>
</div>
<h2 class="text-center add-heading">Add Organism</h2>

<form>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput">Organism Name</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Enter Organism">
</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput2">Related Diagnosis Name</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Diagnosis">

</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput2">Notes</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Notes">
</div>
</div>

<button type="submit" class="btn btn-primary add-button">Add/Save Organism</button>
</form>

</div>
</div>
</div>
<hr>






<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
73 changes: 73 additions & 0 deletions add-user.html
View file
@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>ABXinRLS</title>

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>

<div class="container">
<a href="index.html"><h1>ABXinRLS</h1></a>
<div class="col-xs-12">
<a>
<i onclick="goBack()" class="material-icons btn-info arrow-bck">arrow_back</i>
</a>
</div>
<h2 class="text-center">Add User</h2>

<form>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput">Username</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Enter Username">
</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput2">Email</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Email">

</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3"
<label for="formGroupExampleInput2">Password</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Password">
</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3"
<label for="formGroupExampleInput2">Confirm Password</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Reenter Password">
</div>
</div>

<button type="submit" class="btn btn-primary add-button">Add User</button>
</form>

</div>
</div>
</div>
<hr>






<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
73 changes: 47 additions & 26 deletions antibiotic.html
View file
Expand Up @@ -10,6 +10,8 @@
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
Expand All @@ -20,104 +22,123 @@
</head>
<body>
<div class="container">
<a href="index.html"><h1>ABXinRLS</h1></a>
<div class="col-xs-6">
<a href="index.html"><h1>ABXinRLS</h1></a>
</div>
<div class="col-xs-6">
<a href="#" class="btn btn-info btn-lg pull-right user-btn">
<i class="material-icons md-48">account_circle</i>
</a>
</div>
<div class="col-xs-12">
<a>
<i onclick="goBack()" class="material-icons btn-info arrow-bck">arrow_back</i>
</a>
</div>
</div>

<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<div id="custom-search-input">
<div class="input-group col-md-12">
<input type="text" class="form-control input-lg" placeholder="Enter Diagnosis" />
<span class="input-group-btn">
<button class="btn btn-info btn-lg" type="button">
<i class="glyphicon glyphicon-search"></i>
<i class="material-icons md-18">search</i>
</button>
</span>
</div>
</div>
</div>
<div class="col-md-3">
<a href="user.html" class="btn btn-info btn-lg">
<span class="glyphicon glyphicon-user"></span> User
</a>
</div>
</div>

<div class="row">
<div class="col-md-10">
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<h2 class="page-name">Antibiotic Name</h2>
</div>
</div>
</div>

<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<div class="panel panel-default">
<div class="panel-heading"><h2>Antibiotic Notes</h2></div>
<div class="panel-heading">
<h4 class="panel-title">
Antibiotic Notes
</h4>
</div>
<div class="panel-body">Antibiotic Content Info</div>
</div>
</div>
</div>

<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-heading" data-toggle="collapse" href="#collapse1">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse1">Related Diagnosis List</a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse">
<div class="panel-body"> <a data-toggle="collapse" href="#collapse3">Diagnosis Result 1</a></div>
<div class="panel-body" data-toggle="collapse" href="#collapse3"> <a data-toggle="collapse" href="#collapse3">Diagnosis Result 1</a></div>
<i class="material-icons md-48 pull-right abx-result">keyboard_arrow_down</i>
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body">
<div class="panel-footer">
<p>Diagnosis Result 1 Information</p>
<a class="more-link" href="diagnosis.html">More <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span></a>
</div>
</div>

<div class="panel-body"> <a data-toggle="collapse" href="#collapse4">Diagnosis Result 2</a></div>
<div class="panel-body" data-toggle="collapse" href="#collapse4"> <a data-toggle="collapse" href="#collapse4">Diagnosis Result 2</a></div>
<i class="material-icons md-48 pull-right abx-result">keyboard_arrow_down</i>
<div id="collapse4" class="panel-collapse collapse">
<div class="panel-body">
<div class="panel-footer">
<p>Diagnosis Result 2 Information</p>
<a class="more-link" href="diagnosis.html">More <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span></a>
</div>
</div>

<div class="panel-body"> <a data-toggle="collapse" href="#collapse5">Diagnosis Result 3</a></div>
<div class="panel-body" data-toggle="collapse" href="#collapse5"> <a data-toggle="collapse" href="#collapse5">Diagnosis Result 3</a></div>
<i class="material-icons md-48 pull-right abx-result">keyboard_arrow_down</i>
<div id="collapse5" class="panel-collapse collapse">
<div class="panel-body">
<div class="panel-footer">
<p>Diagnosis Result 3 Information</p>
<a class="more-link" href="diagnosis.html">More <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span></a>
</div>
</div>

<div class="panel-body"> <a data-toggle="collapse" href="#collapse6">Diagnosis Result 4</a></div>
<div class="panel-body" data-toggle="collapse" href="#collapse6"> <a data-toggle="collapse" href="#collapse6">Diagnosis Result 4</a></div>
<i class="material-icons md-48 pull-right abx-result">keyboard_arrow_down</i>
<div id="collapse6" class="panel-collapse collapse">
<div class="panel-body">
<div class="panel-footer">
<p>Diagnosis Result 4 Information</p>
<a class="more-link" href="diagnosis.html">More <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span></a>
</div>
</div>

<div class="panel-body"> <a data-toggle="collapse" href="#collapse7">Diagnosis Result 5</a></div>
<div class="panel-body" data-toggle="collapse" href="#collapse7"> <a data-toggle="collapse" href="#collapse7">Diagnosis Result 5</a></div>
<i class="material-icons md-48 pull-right abx-result">keyboard_arrow_down</i>
<div id="collapse7" class="panel-collapse collapse">
<div class="panel-footer">
<p>Diagnosis Result 5 Information</p>
<a class="more-link" href="diagnosis.html">More <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
</html>

0 comments on commit 3190b2e

Please sign in to comment.