CDCC
/
inventarioSustancias
Watch 2
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Upload files to 'public_html'

david.ortiz11 4 years ago
parent
e5ec48fdc8
commit
5546a31c23
4 changed files with 462 additions and 0 deletions
Split View Show Diff Stats
  1. 179
    0
      public_html/manage-personnel.php
  2. 118
    0
      public_html/materials.php
  3. 117
    0
      public_html/menu.php
  4. 48
    0
      public_html/navbar.php

+ 179
- 0
public_html/manage-personnel.php View File 

@@ -0,0 +1,179 @@
1 
+<!--    Authors         :   Carlos C. Corrada-Bravo
2 
+                            David J. Ortiz-Rivera
3 
+
4 
+        Organization    :   Centro de Desarrollo y Consultoria Computacional
5 
+        Project         :   OPASO Material Registry
6 
+        File            :   manage-personnel
7 
+        Description     :   Manage laboratory personnel -->
8 
+
9 
+<!-- verify session -->
10 
+<?php require_once("header.php");
11 
+
12 
+    /* start user session */
13 
+    if(!isset($_SESSION)){
14 
+        session_start();
15 
+    }
16 
+    if(!($_SESSION["access_level"] === "admin") and !($_SESSION["access_level"] === "investigator")){
17 
+        header("Location: /menu");
18 
+        die();
19 
+    }
20 
+?>
21 
+
22 
+<!doctype html>
23 
+<html lang="en">
24 
+    <!-- encoding/imports/styling -->
25 
+    <head>
26 
+        <meta charset="utf-8">
27 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
28 
+        <title class="title">Manage Personnel</title>
29 
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
30 
+        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
31 
+        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
32 
+        <link rel="stylesheet" href="./style/main.css">
33 
+        <link rel="stylesheet" href="/style/manage.css">
34 
+        <link rel="stylesheet" href="/style/add.css">
35 
+    </head>
36 
+
37 
+    <!-- content -->
38 
+    <body>
39 
+        <!-- forms -->
40 
+        <div class="form-shader close-form">
41 
+            <!-- access form -->
42 
+            <div class="main-form close-form">
43 
+                <div class="form-wrapper">
44 
+                    <div class="form-header-wrapper">
45 
+                        <h5 class="form-header main-header"></h5>
46 
+                        <div class="close-icon"><i class="close-form material-icons">close</i></div>
47 
+                    </div>
48 
+                    <div class="form">
49 
+                        <div class="form-body">
50 
+                            <h6 class="form-header person"></h6>
51 
+                            <div class="select-wrapper">
52 
+                                <label class="select-label" for="number">Laboratory</label>
53 
+                                <select class="laboratories"></select>
54 
+                            </div>
55 
+                            <div class="select-wrapper">
56 
+                                <label class="select-label" for="number">Access Level</label>
57 
+                                <select class=access_level>
58 
+                                    <option value="investigator">Investigator</option>
59 
+                                    <option value="technician">Technician</option>
60 
+                                    <option value="none">None</option>
61 
+                                </select>
62 
+                            </div>
63 
+                        </div>
64 
+                        <div class="form-actions">
65 
+                            <button class="btn btn-primary action-btn submit" id="main-submit">Submit</button>
66 
+                        </div>
67 
+                    </div>
68 
+                </div>
69 
+            </div>
70 
+
71 
+            <!-- add form -->
72 
+            <div class="add-form close-form">
73 
+                <div class="add-form-wrapper">
74 
+                    <div class="add-form-header-wrapper">
75 
+                        <h5 class="form-header">Add Personnel</h5>
76 
+                        <div class="close-icon"><i class="close-form material-icons">close</i></div>
77 
+                    </div>
78 
+                    <div class="add-form-body-wrapper">
79 
+                        <div class="add-form-body">
80 
+                            <div class="details material">
81 
+                                <div class="li-wrapper medium-field">
82 
+                                    <label class="form-label" for="name">Full Name</label>
83 
+                                    <input id="person_name" class="required ap-field" placeholder="Full name" type="text" name="name">
84 
+                                    <div class="invalid-feedback person_name">Please provide a valid name</div>
85 
+                                </div>
86 
+                                <div class="li-append">
87 
+                                    <div class="li-wrapper medium-field">
88 
+                                        <label class="form-label" for="email">Email</label>
89 
+                                        <input id="email" class="required ap-field" placeholder="someone@upr.edu" type="text" name="email">
90 
+                                        <div class="invalid-feedback email">Please provide a valid email</div>
91 
+                                    </div>
92 
+                                    <div class="li-wrapper small-field margin-left phone-number">
93 
+                                        <label class="form-label" for="number">Contact Number</label>
94 
+                                        <input id="phone_number" class="ap-field" type="text" name="number" placeholder="Phone number" oninput="this.value = this.value.replace(/[^0-9.]/g,'').replace(/(\..*)\./g,'$1');">
95 
+                                    </div>
96 
+                                </div>
97 
+                            </div>
98 
+                        </div>
99 
+                        <div class="add-form-actions">
100 
+                            <button class="btn btn-primary action-btn submit" id="add-submit">Submit</button>
101 
+                        </div>
102 
+                    </div>
103 
+                </div>
104 
+            </div>
105 
+        </div>
106 
+
107 
+        <!-- alerts -->
108 
+        <div class="alerts">
109 
+            <div class="alert">
110 
+                <div class="message-icon-wrapper">
111 
+                    <i class="message-icon success-icon material-icons">done</i>
112 
+                    <i class="message-icon error-icon failed-icon warning-icon material-icons">close</i>
113 
+                </div>
114 
+                <p class="alert-status"></p>
115 
+                <p class="alert-message"></p>
116 
+            </div>
117 
+        </div>
118 
+
119 
+        <div class="content">
120 
+            <!-- navbar -->
121 
+            <?php require_once("navbar.php")?>
122 
+            <div class="main">
123 
+                <div class="header-wrapper">
124 
+                    <h5 class="header">Manage Personnel</h5>
125 
+
126 
+                    <!-- processing -->
127 
+                    <div class="processing">
128 
+                        <p class="processing-text">Fetching personnel...</p>
129 
+                        <div class="loader"></div>
130 
+                    </div>
131 
+                </div>
132 
+                <div class="main-wrapper">
133 
+                    <!-- search form -->
134 
+                    <div class="float-right">
135 
+                        <div class="transaction btn btn-light" id="add">
136 
+                            <i class="fas fa-plus add-personnel-icon"></i>
137 
+                            <p class="add-text">Add</p>
138 
+                        </div>
139 
+
140 
+                        <div class="search-form-wrapper">
141 
+                            <input class="search-form" placeholder="Search for personnel" type="text" name="search-form">
142 
+                            <button class="clear-btn search-form-submit">
143 
+                                <i class="material-icons clear-icon">close</i>
144 
+                            </button>
145 
+                        </div>
146 
+                    </div>
147 
+
148 
+                    <!-- personnel -->
149 
+                    <h6 class="header sub-header">Personnel List</h6>
150 
+                    <div class="table-wrapper content-wrapper personnel">
151 
+                        <table class="table">
152 
+                            <thead class="table-header">
153 
+                                <tr>
154 
+                                    <th value="person">Person</th>
155 
+                                    <th >Authorized</th>
156 
+                                    <th >Access Level</th>
157 
+                                    <th >Actions</th>
158 
+                                </tr>
159 
+                            </thead>
160 
+                            <tbody></tbody>
161 
+                        </table>
162 
+                    </div>
163 
+
164 
+                    <h6 class="header table-total"></h6>
165 
+                </div>
166 
+            </div>
167 
+
168 
+            <!-- footer -->
169 
+            <?php require_once("footer.php")?>
170 
+        </div>
171 
+
172 
+        <!-- scripts -->
173 
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
174 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
175 
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
176 
+        <script type="text/javascript" src="/scripts/main.js"></script>
177 
+        <script type="text/javascript" src="/scripts/manage-personnel.js"></script>
178 
+    </body>
179 
+</html>

+ 118
- 0
public_html/materials.php View File 

@@ -0,0 +1,118 @@
1 
+<!--    Authors         :   Carlos C. Corrada-Bravo
2 
+                            David J. Ortiz-Rivera
3 
+
4 
+        Organization    :   Centro de Desarrollo y Consultoria Computacional
5 
+        Project         :   OPASO Material Registry
6 
+        File            :   materials
7 
+        Description     :   Display authorized materials -->
8 
+
9 
+<!-- verify session -->
10 
+<?php require_once("header.php");?>
11 
+
12 
+<!doctype html>
13 
+<html lang="en">
14 
+    <!-- encoding/imports/styling -->
15 
+    <head>
16 
+        <meta charset="utf-8">
17 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
18 
+        <title class="title">Materials</title>
19 
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
20 
+        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
21 
+        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
22 
+        <link rel="stylesheet" href="/style/main.css">
23 
+        <link rel="stylesheet" href="/style/materials.css">
24 
+    </head>
25 
+
26 
+    <!-- content -->
27 
+    <body>
28 
+        <div class="material-data-shader hide-material-data">
29 
+            <div class="material-data-wrapper">
30 
+                <div class="material-data-icon-wrapper">
31 
+                    <i class="hide-material-data-icon hide-material-data material-icons">close</i>
32 
+                </div>
33 
+                <div class="material-name-wrapper">
34 
+                    <h5 class="header material-data-header material-name" value="mat_name"></h6>
35 
+                </div>
36 
+                <div class="material-data">
37 
+                </div>
38 
+            </div>
39 
+        </div>
40 
+
41 
+        <!-- alerts -->
42 
+        <div class="alerts">
43 
+            <div class="alert">
44 
+                <div class="message-icon-wrapper">
45 
+                    <i class="message-icon success-icon material-icons">done</i>
46 
+                    <i class="message-icon error-icon failed-icon warning-icon material-icons">close</i>
47 
+                </div>
48 
+                <p class="alert-status"></p>
49 
+                <p class="alert-message"></p>
50 
+            </div>
51 
+        </div>
52 
+
53 
+        <div class="content">
54 
+            <!-- navbar -->
55 
+            <?php require_once("navbar.php")?>
56 
+            <div class="main">
57 
+                <div class="header-wrapper">
58 
+                    <h5 class="header">Materials</h5>
59 
+
60 
+                    <!-- processing -->
61 
+                    <div class="processing">
62 
+                        <p class="processing-text">Fetching materials...</p>
63 
+                        <div class="loader"></div>
64 
+                    </div>
65 
+                </div>
66 
+
67 
+                <div class="main-wrapper">
68 
+                    <div class="float-right">
69 
+                        <div class="dropdown download">
70 
+                            <button class="btn btn-outline-success download-btn" type="button" title="Download" id="dropdown-menu-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="material-icons download-icon">archived</i></button>
71 
+                            <div class="dropdown-menu" aria-labelledby="dropdown-menu-button">
72 
+                                <span class="download-option" value="full_report">Full Report</span><br>
73 
+                                <span class="download-option" value="full_lab_report">Full Lab Report</span>
74 
+                            </div>
75 
+                        </div>
76 
+
77 
+                        <div class="search-form-wrapper">
78 
+                            <input class="search-form" type="text" placeholder="Search for materials" name="search-form">
79 
+                            <button class="clear-btn search-form-submit">
80 
+                                <i class="material-icons clear-icon">close</i>
81 
+                            </button>
82 
+                        </div>
83 
+                    </div>
84 
+
85 
+                    <!-- inventory -->
86 
+                    <h6 class="header sub-header">Full Inventory</h6>
87 
+                    <div class="table-wrapper content-wrapper">
88 
+                        <table class="table">
89 
+                            <thead class="table-header">
90 
+                                <tr>
91 
+                                    <th class="sort" value="mat_name" >Material
92 
+                                        <i class="sort-icon sort-material fas fa-caret-down"></i>
93 
+                                    </th>
94 
+                                    <th value="">CAS</th>
95 
+                                    <th class="sort" value="total" >Total
96 
+                                        <i class="sort-icon sort-alt fas fa-caret-down"></i>
97 
+                                    </th>
98 
+                                </tr>
99 
+                            </thead>
100 
+                            <tbody></tbody>
101 
+                        </table>
102 
+                    </div>
103 
+                    <h6 class="header table-total"></h6>
104 
+                </div>
105 
+            </div>
106 
+
107 
+            <!-- footer -->
108 
+            <?php require_once("footer.php")?>
109 
+        </div>
110 
+
111 
+        <!-- scripts -->
112 
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
113 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
114 
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
115 
+        <script type="text/javascript" src="/scripts/main.js"></script>
116 
+        <script type="text/javascript" src="/scripts/materials.js"></script>
117 
+    </body>
118 
+</html>

+ 117
- 0
public_html/menu.php View File 

@@ -0,0 +1,117 @@
1 
+<!--    Authors         :   Carlos C. Corrada-Bravo
2 
+                            David J. Ortiz-Rivera
3 
+
4 
+        Organization    :   Centro de Desarrollo y Consultoria Computacional
5 
+        Project         :   OPASO Material Registry
6 
+        File            :   menu
7 
+        Description     :   Display user menu -->
8 
+
9 
+<!-- verify session -->
10 
+<?php require_once("header.php");?>
11 
+
12 
+<!doctype html>
13 
+<html lang="en">
14 
+    <!-- encoding/imports/styling -->
15 
+    <head>
16 
+        <meta charset="utf-8">
17 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
18 
+        <title class="title">Menu</title>
19 
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
20 
+        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
21 
+        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
22 
+        <link rel="stylesheet" href="/style/main.css">
23 
+        <link rel="stylesheet" href="/style/menu.css">
24 
+    </head>
25 
+
26 
+    <!-- content -->
27 
+    <body>
28 
+        <div class="content">
29 
+            <!-- navbar -->
30 
+            <?php require_once("navbar.php")?>
31 
+
32 
+            <div class="main">
33 
+                <div class="header-wrapper">
34 
+                    <h5 class="header">Menu</h5>
35 
+
36 
+                	<!-- processing -->
37 
+                    <div class="processing">
38 
+                        <p class="processing-text">Fetching laboratories...</p>
39 
+                        <div class="loader"></div>
40 
+                    </div>
41 
+                </div>
42 
+                <div class="main-wrapper">
43 
+                    <!-- Menu -->
44 
+                    <div class="menu">
45 
+                    	<div class="sub-menu-wrapper">
46 
+							<?php
47 
+							    if(($_SESSION["access_level"] === "admin") or ($_SESSION["access_level"] === "investigator")){
48 
+						    	echo 	'<div class="sub-menu admin">
49 
+	                        				<h6 class="header">Admin</h6><br>
50 
+	                        				<div class="col-lg-5 menu-link-wrapper">
51 
+	                        					<a class="menu-link" href="/manage-personnel">Mangage Personnel
52 
+	                        						<i class="fas fa-user-alt menu-link-icon"></i>
53 
+	                        					</a>
54 
+	                        				</div>
55 
+	                        				<div class="col-lg-5 menu-link-wrapper">
56 
+	                        					<a class="menu-link" href="/manage-laboratories">Mangage Laboratories
57 
+	                        						<i class="fas fa-building menu-link-icon"></i>
58 
+	                        					</a>
59 
+	                        				</div>
60 
+	                        				<div class="col-lg-5 menu-link-wrapper">
61 
+	                        					<a class="menu-link" href="/transactions">Transactions
62 
+	                        						<i class="material-icons menu-link-icon">attach_money</i>
63 
+	                        					</a>
64 
+	                        				</div>';
65 
+									if($_SESSION["access_level"] === "admin"){
66 
+										echo '<div class="col-lg-5 menu-link-wrapper">
67 
+	                        					<a class="menu-link" href="/requests">Requests
68 
+	                        						<i class="material-icons menu-link-icon">notes</i>
69 
+	                        					</a>
70 
+	                        				  </div>';
71 
+									}
72 
+
73 
+	                        		echo '</div>';
74 
+							    }
75 
+							?>
76 
+
77 
+	                        <div class="sub-menu materials">
78 
+	                            <h6 class="header">Materials</h6><br>
79 
+								<div class="col-lg-5 menu-link-wrapper">
80 
+	            					<a class="menu-link" href="/materials">See Materials
81 
+	            						<i class="fas fa-flask menu-link-icon"></i>
82 
+	            					</a>
83 
+	            				 </div>
84 
+								<div class="col-lg-5 menu-link-wrapper">
85 
+	            					<a class="menu-link" href="/hazards">See Materials by Hazard
86 
+	            						<i class="material-icons menu-link-icon">warning</i>
87 
+	            					</a>
88 
+	            				 </div>
89 
+								<div class="col-lg-5 menu-link-wrapper">
90 
+	            					<a class="menu-link" href="/offered">Offered Materials
91 
+	            						<i class="material-icons menu-link-icon">redeem</i>
92 
+	            					</a>
93 
+	            				 </div>
94 
+	                        </div>
95 
+                        </div>
96 
+                        <div class="sub-menu-wrapper">
97 
+	                        <div class="sub-menu laboratories">
98 
+	                            <h6 class="header">Laboratories</h6><br>
99 
+
100 
+	                        </div>
101 
+						</div>
102 
+                    </div>
103 
+
104 
+                </div>
105 
+            </div>
106 
+            <!-- footer -->
107 
+            <?php require_once("footer.php")?>
108 
+        </div>
109 
+
110 
+        <!-- scripts -->
111 
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
112 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
113 
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
114 
+        <script type="text/javascript" src="/scripts/main.js"></script>
115 
+        <script type="text/javascript" src="/scripts/menu.js"></script>
116 
+    </body>
117 
+</html>

+ 48
- 0
public_html/navbar.php View File 

@@ -0,0 +1,48 @@
1 
+<nav class="navbar navbar-expand-xlg">
2 
+	<div class="navbar-header">
3 
+		<a class="navbar-title" href="/menu">OPASO</a><br>
4 
+		<!-- logo -->
5 
+		<!-- <img class="navbar-logo" src="https://cdn.shopify.com/s/files/1/0533/2089/files/placeholder-images-image_large.png?v=1530129081"> -->
6 
+	</div>
7 
+
8 
+	<!-- links -->
9 
+	<div class="link-wrapper">
10 
+		<ul class="navbar-nav">
11 
+			<li class="nav-item"><a class="nav-link" href="/menu">Menu</a></li>
12 
+
13 
+			<?php
14 
+				/* generate link for current page */
15 
+				if(basename($_SERVER["PHP_SELF"]) !== "menu.php"){
16 
+					$current = basename($_SERVER["PHP_SELF"]);
17 
+					$base = explode(".",$current)[0];
18 
+					$title = ucwords(implode(" ",explode("-",$base)));
19 
+
20 
+					if($base !== "laboratory" and $base !== "inventory"){
21 
+						echo '<li class="nav-item menu-link"><a class="nav-link" href="/' . $base . '">' . $title . '</a></li>';
22 
+
23 
+					}
24 
+
25 
+					/* lab or inventory */
26 
+					else{
27 
+						if($base === "inventory"){
28 
+							echo '<li class="nav-item menu-link"><a class="nav-link arg-link" href="/laboratory">Laboratory</a></li>';
29 
+						}
30 
+
31 
+						echo '<li class="nav-item menu-link arg-link-wrapper"><a class="nav-link arg-link" href="/' . $base . '">' . $title . '</a></li>';
32 
+					}
33 
+				}
34 
+			?>
35 
+
36 
+		</ul>
37 
+
38 
+		<!-- user menu -->
39 
+		<div class="um-wrapper" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
40 
+			<div class="user-menu">
41 
+				<a class="user nav-link" href="#"><span class="user-name"><?php echo $_SESSION["person_name"]; ?></span><i class="um-icons dropdown-icon fas fa-caret-down"></i></a>
42 
+				<div class="dropdown-menu dropdown-menu-right">
43 
+					<span class="dropdown-item logout">Log Out <i class="um-icons fas fa-sign-out-alt"></i></span>
44 
+				</div>
45 
+			</div>
46 
+		</div>
47 
+	</div>
48 
+</nav>