Skip to content
Jump to bottom

Elizabeth #2

Merged
merged 10 commits into from Dec 19, 2016
Merged

Elizabeth #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
ff0d428
testing bkite
Nov 30, 2016
421c5b3
added db schema
Nov 30, 2016
feb7c27
Merge pull request #1 from dmd-web-and-mobile/elizabeth
jrs06005 Dec 7, 2016
97b1c1e
added sample object and API file.
Dec 7, 2016
91d83f7
yaay
Dec 7, 2016
c190048
reconfigured api a bit
Dec 7, 2016
8a317b4
sigh
Dec 7, 2016
9300fc9
added add diagnosis, add organism, add user, login, index, profile ed…
Dec 8, 2016
caa9572
added custom css
mas12038 Dec 10, 2016
f4c8b1d
updated css
mas12038 Dec 10, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
View file
Open in desktop
@@ -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
Open in desktop
@@ -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
Open in desktop
@@ -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
Open in desktop
@@ -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
Open in desktop
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>