diff --git a/add-diagnosis.html b/add-diagnosis.html new file mode 100644 index 0000000..fef5ffb --- /dev/null +++ b/add-diagnosis.html @@ -0,0 +1,86 @@ + + + + + + + + ABXinRLS + + + + + + + + + + + + +
+

ABXinRLS

 +
+ + arrow_back + +
+

Add Diagnosis

+ +
+
+ + +
+
+ + + +
+
+
+
Classification
+ + + Gram-positive + +
    +
  • Gram-positive
    • +
  • Gram-negative
    • +
  • Anaerobic
    • +
+ +
+
+
+ + + +
+
+
+ +
+ + +
+
+ +
+ + + + + + + + + + + + + diff --git a/add-organism.html b/add-organism.html new file mode 100644 index 0000000..fc2494e --- /dev/null +++ b/add-organism.html @@ -0,0 +1,69 @@ + + + + + + + + ABXinRLS + + + + + + + + + + + + +
+

ABXinRLS

 +
+ + arrow_back + +
+

Add Organism

+ +
+
+ + +
+
+ + + +
+
+ + +
+
+ + + + + + + +
+ + + + + + + + + + + + + diff --git a/add-user.html b/add-user.html new file mode 100644 index 0000000..384fbce --- /dev/null +++ b/add-user.html @@ -0,0 +1,73 @@ + + + + + + + + ABXinRLS + + + + + + + + + + + + +
+

ABXinRLS

 +
+ + arrow_back + +
+

Add User

+ +
+
+ + +
+
+ + + +
+
Password + +
+
Confirm Password + +
+
+ + + + + + + +
+ + + + + + + + + + + + + diff --git a/antibiotic.html b/antibiotic.html index 2e08c1d..6c33f6c 100644 --- a/antibiotic.html +++ b/antibiotic.html @@ -22,16 +22,23 @@
-
-

ABXinRLS

-
-
- - account_circle - -
+
+

ABXinRLS

 +
+
+ + account_circle + +
+
+ + arrow_back + +
+
+
-
+
@@ -46,13 +53,13 @@
-
+

Antibiotic Name

-
+

@@ -65,7 +72,7 @@

-
+
@@ -132,5 +139,6 @@ + diff --git a/css/main.css b/css/main.css index 4953695..eecb91c 100644 --- a/css/main.css +++ b/css/main.css @@ -31,14 +31,23 @@ text-align: center; } /*headings*/ +h2 { + font-family: Roboto,sans-serif;; + font-weight: 700; +} h1 { + color: #4527A0; font-family: Roboto,sans-serif; font-weight: 900; - color: #4527A0; + text-decoration: none; } -h2 { - font-family: Roboto,sans-serif;; - font-weight: 700; +a:hover { + text-decoration: none; +} +/*arrow back*/ +.arrow-bck { + padding: 5px 20px 5px 20px; + margin-bottom: 20px; } /*search bar*/ .form-control { @@ -65,6 +74,12 @@ h2 { background-color: #4527A0; } /*user button*/ +.btn-primary { + background-color: #4527A0; +} +.btn-primary:hover { + background-color: #424242; +} .user-btn { margin-top: 0.5em; padding: 5px 30px 1px 30px; @@ -132,3 +147,130 @@ i.material-icons.md-48 { .panel-footer { background-color: #fff; } +======= +.form-signin{ + max-width: 330px; + padding:15px; + margin:0 auto; +} + + +/*---------------------------------- add diagnosis button ---------------------------*/ +.btn-select { + position: relative; + padding: 0; + min-width: 236px; + width: 100%; + border-radius: 0; + margin-bottom: 20px; +} + +.btn-select .btn-select-value { + padding: 6px 12px; + display: block; + position: absolute; + left: 0; + right: 34px; + text-align: left; + text-overflow: ellipsis; + overflow: hidden; + border-top: none !important; + border-bottom: none !important; + border-left: none !important; +} + +.btn-select .btn-select-arrow { + float: right; + line-height: 20px; + padding: 6px 10px; + top: 0; +} + +.btn-select ul { + display: none; + background-color: white; + color: black; + clear: both; + list-style: none; + padding: 0; + margin: 0; + border-top: none !important; + position: absolute; + left: -1px; + right: -1px; + top: 33px; + z-index: 999; +} + +.btn-select ul li { + padding: 3px 6px; + text-align: left; +} + +.btn-select ul li:hover { + background-color: #f4f4f4; +} + +.btn-select ul li.selected { + color: white; +} + +/* Default Start */ +.btn-select.btn-default:hover, .btn-select.btn-default:active, .btn-select.btn-default.active { + border-color: #ccc; +} + +.btn-select.btn-default ul li.selected { + background-color: #ccc; +} + +.btn-select.btn-default ul, .btn-select.btn-default .btn-select-value { + background-color: white; + border: #ccc 1px solid; +} + +.btn-select.btn-default:hover, .btn-select.btn-default.active { + background-color: #e6e6e6; +} +.add-button{ + display:block; + margin:0 auto; +} +.dropdown-option{ + display:block; + margin:auto; +} + +/*index*/ +.index-ccmc { + text-align: center; + font-size: 4em; +} +.index h4 { + text-align: center; + margin-bottom: 20px; +} +.index-search { + margin-top: 25vh; +} +/*login*/ +.btn-block { + background-color: #4527A0; +} +/*add ...*/ +h5 { + font-weight: 700; +} +.add-heading { + color: #4527A0; + font-weight: 700; +} +/*profile*/ +.profile-button { + color: #fff; + margin-left: 0; +} +.profile-button:hover { + background: #212121; + color: #fff; +} diff --git a/diagnosis.html b/diagnosis.html index 1bc655d..cfa5ee2 100644 --- a/diagnosis.html +++ b/diagnosis.html @@ -23,18 +23,25 @@
-

ABXinRLS

+

ABXinRLS
account_circle
+
+ + arrow_back + +
+
+
-
+
- +
-
+

Diagnosis Name

-
+
@@ -112,7 +119,7 @@
-
+
@@ -183,5 +190,6 @@ + diff --git a/index.html b/index.html index c097aae..0aedb12 100644 --- a/index.html +++ b/index.html @@ -18,15 +18,23 @@ - - + +

ABXinRLS

-
-
+ + +
+
+

CCMC

+

ANTIBIOTICS

+
+ +
+
- +
-
- - User - -
-
-
-
-

Diagnosis Name

- -
-
-
-
-

- Antibiotics -

-
-
-
Antibiotic Result 1
-
-
-

Antibiotic Result 1 Information

- Click for more information -
-
-
Antibiotic Result 2
-
-
-

Antibiotic Result 2 Information

- Click for more information -
-
-
Antibiotic Result 3
-
-
-

Antibiotic Result 3 Information

- Click for more information -
-
-
Antibiotic Result 4
-
-
-

Antibiotic Result 4 Information

- Click for more information -
-
-
Antibiotic Result 5
-
-
-

Antibiotic Result 5 Information

- Click for more information -
-
-
-
-
-
-
-
-
-
-
-
-

- Organisms -

-
-
-
Organism Result 1
-
-
-

Organism Result 1 Information

- Click for more information -
-
- -
Organism Result 2
-
-
-

Organism Result 2 Information

- Click for more information -
-
- -
Organism Result 3
-
-
-

Organism Result 3 Information

- Click for more information -
-
- -
Organism Result 4
-
-
-

Organism Result 4 Information

- Click for more information -
-
- -
Organism Result 5
-
-
-

Organism Result 5 Information

- Click for more information -
-
-
-
-
-
-
-
- - \ No newline at end of file + diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..4aa3422 --- /dev/null +++ b/js/main.js @@ -0,0 +1,43 @@ +$(document).ready(function () { + $(".btn-select").each(function (e) { + var value = $(this).find("ul li.selected").html(); + if (value != undefined) { + $(this).find(".btn-select-input").val(value); + $(this).find(".btn-select-value").html(value); + } + }); +}); + +$(document).on('click', '.btn-select', function (e) { + e.preventDefault(); + var ul = $(this).find("ul"); + if ($(this).hasClass("active")) { + if (ul.find("li").is(e.target)) { + var target = $(e.target); + target.addClass("selected").siblings().removeClass("selected"); + var value = target.html(); + $(this).find(".btn-select-input").val(value); + $(this).find(".btn-select-value").html(value); + } + ul.hide(); + $(this).removeClass("active"); + } + else { + $('.btn-select').not(this).each(function () { + $(this).removeClass("active").find("ul").hide(); + }); + ul.slideDown(300); + $(this).addClass("active"); + } +}); + +$(document).on('click', function (e) { + var target = $(e.target).closest(".btn-select"); + if (!target.length) { + $(".btn-select").removeClass("active").find("ul").hide(); + } +}); + +function goBack() { + window.history.back(); +} \ No newline at end of file diff --git a/login.html b/login.html new file mode 100644 index 0000000..80faa15 --- /dev/null +++ b/login.html @@ -0,0 +1,68 @@ + + + + + + + + ABXinRLS + + + + + + + + + + + + +
+

ABXinRLS

 +
+ + arrow_back + +
+ + +
+
+

CCMC

+

ANTIBIOTICS

+ +
+ +
+ + + + + + + + + + + + + + + + diff --git a/organism.html b/organism.html index 8302418..bc53f69 100644 --- a/organism.html +++ b/organism.html @@ -22,38 +22,45 @@
-
-

ABXinRLS

-
-
- - account_circle - -
-
-
-
-
- - - - -
+
+

ABXinRLS

 +
+
+ + account_circle + +
+
+ + arrow_back + +
+
+ +
+
+
+
+ + + +
-
+
+
-
+

Organism Name

Classification

-
+

@@ -66,7 +73,7 @@

-
+
@@ -128,5 +135,7 @@ + + diff --git a/profile-edit.html b/profile-edit.html new file mode 100644 index 0000000..5039d60 --- /dev/null +++ b/profile-edit.html @@ -0,0 +1,138 @@ + + + + + + + + ABXinRLS + + + + + + + + + + + + +
+

ABXinRLS

 +
+ + arrow_back + +
+
+ + +
+

Edit Profile

+
+
+ +
+
+ avatar +
Upload a different photo...
+ + +
+
+ + +
+

Personal info

+ +
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+
+ +
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ + + +
+
+
+
+
+
+
+ + + + + + + + + + + + + diff --git a/user.html b/user.html index 04ac3b3..cc3da06 100644 --- a/user.html +++ b/user.html @@ -10,6 +10,8 @@ + @@ -20,25 +22,34 @@
-

ABXinRLS

 +
+

ABXinRLS

 +
+
+ + account_circle + +
+
+ + arrow_back + +
+
+
-
+
- +
-
- - - -
@@ -47,27 +58,27 @@

Name of Content Manager/Admin

Account Type/Title

- Edit + Edit
-
+
-
+
-
+
-
+
-
+
-
+
@@ -79,14 +90,13 @@ - - -
+ + - \ No newline at end of file +