+
+ `
+ document.getElementById("container-row").appendChild(div);
+ }
+
+ // Get all profile data from DB
+ function getProfiles(){
+ fetch("/profile_management_api.php")
+ .then(res => res.json())
+ .then(data => {
+ profileArray = data;
+ data.forEach(row => {
+ renderProfiles(row);
+ })
+ })
+ }
+ }
+)
+
+// Show data when a profile is clicked
+function getPicture(personNumber){
+
+ const profile = profileArray.find(p => p.person_number == personNumber)
+ const fields = Object.entries(profile).map(([key, value]) => `
+ 
+
+
+
+
+ ${firstName}
+${key}: ${value}
`).join(""); + + document.getElementById("container-row").innerHTML = + ` +
+
+ `;
+}
diff --git a/catalog.php b/catalog.php
new file mode 100644
index 0000000..f677269
--- /dev/null
+++ b/catalog.php
@@ -0,0 +1,47 @@
+
+
+
+
+
+ 
+
+
+
+ ${fields}
+
+
+
";
+ }
+ */
+ ?>
+
+
+
+
+
\ No newline at end of file
diff --git a/database_connection.txt b/database_connection.txt
new file mode 100644
index 0000000..b4dc850
--- /dev/null
+++ b/database_connection.txt
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/docker-compose.yaml b/docker-compose.yaml
new file mode 100644
index 0000000..05b86b9
--- /dev/null
+++ b/docker-compose.yaml
@@ -0,0 +1,25 @@
+services:
+ web:
+ build: .
+ ports:
+ - "8080:80"
+ depends_on:
+ - db
+ environment:
+ DB_HOST: db
+ DB_USER: root
+ DB_PASS: rootpassword
+ DB_NAME: serial_enforcing
+
+ db:
+ image: mysql:8.0
+ environment:
+ MYSQL_ROOT_PASSWORD: rootpassword
+ MYSQL_DATABASE: serial_enforcing
+ volumes:
+ - ./Database_creator.sql:/docker-entrypoint-initdb.d/01_schema.sql
+ - ./Sample_profiles.sql:/docker-entrypoint-initdb.d/02_samples.sql
+ - db_data:/var/lib/mysql
+
+volumes:
+ db_data:
diff --git a/graphics.css b/graphics.css
new file mode 100644
index 0000000..e9db5a2
--- /dev/null
+++ b/graphics.css
@@ -0,0 +1,82 @@
+* {
+ box-sizing: border-box;
+ padding: 0;
+ margin: 0;
+}
+
+html, body {
+ height:100%;
+ margin: 0;
+ padding: 0;
+}
+
+
+.block {
+ border: 1px solid black;
+ height: 100vh;
+ width: 100%;
+}
+
+
+
+.block_quarter {
+ border: 1px solid black;
+ height: 25vh;
+ width: 100%;
+}
+
+.block_text {
+ border: 1px solid black;
+ height: 25vh;
+ width: 100%;
+ text-align: center;
+ justify-content: center;
+ align-items: center;
+ display: flex;
+}
+
+
+.block_image {
+ border: 1px solid black;
+ height: 25vh;
+ width: 100%;
+ justify-content: center;
+ align-items: center;
+ display: flex;
+}
+
+.block_image img {
+ height: 100%;
+ width: 100%;
+ object-fit: contain;
+}
+
+.block_image_text {
+ border: 1px solid black;
+ text-align:center;
+ height: relative;
+ width: 100%;
+}
+
+
+.container-row {
+ display: flex;
+ flex-direction: row;
+ height: 100vh;
+}
+
+.container-column {
+ display: flex;
+ flex-direction: column;
+ height: 100vh;
+
+ overflow: hidden;
+}
+
+.container-column-group {
+ display:flex;
+ flex-direction: column;
+ margin-left: 10%;
+ margin-right: 10%;
+ overflow: hidden;
+}
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2807be7
--- /dev/null
+++ b/index.html
@@ -0,0 +1,39 @@
+
+
+
+
+
+ Catalog of persons
+
+
+
+
+
+
+
+
+
+ ![](Images/", $row -> picture,")
+
+
+
+
+ ", $row -> first_name,"
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..e69de29
diff --git a/profile_change.php b/profile_change.php
new file mode 100644
index 0000000..e69de29
diff --git a/profile_create.php b/profile_create.php
new file mode 100644
index 0000000..87b65e2
--- /dev/null
+++ b/profile_create.php
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Welcome to the Interface
+
+
+
+
+
+
+
+ Create a profile
+
+
+
+ + +
+ + +
+
+
+
\ No newline at end of file
diff --git a/profile_create_next.php b/profile_create_next.php
new file mode 100644
index 0000000..8617c10
--- /dev/null
+++ b/profile_create_next.php
@@ -0,0 +1,268 @@
+
+
+
+
+
+ count() + 1,
+ 'offense date' => $_POST['offense_date'][0],
+ 'type of offense' => $_POST['type_of_offense'][0],
+ 'disposition outcome' => $_POST['disposition_outcome'][0],
+ 'offense location prefix' => $_POST['offense_location_prefix'][0],
+ 'offense location street number' => $_POST['offense_location_street_number'][0],
+ 'offense location street name' => $_POST['offense_location_street_name'][0],
+ 'offense location street type' => $_POST['offense_location_street_type'][0],
+ 'offense location unit' => $_POST['offense_location_unit'][0],
+ 'offense location city' => $_POST['offense_location_city'][0],
+ 'offense location state' => $_POST['offense_location_state'][0],
+ 'offense location zip code' => $_POST['offense_location_zip_code'][0],
+ 'offense location county' => $_POST['offense_location_county'][0]
+ ];
+}
+//--------------------------------------------------------------------------------------\\
+// Multidimensional list reponsible for storing criminal record entries until they are sent
+//--------------------------------------------------------------------------------------\\
+
+//--------------------------------------------------------------------------------------\\
+
+
+function renderOffenseTypeOption() {
+$offenseTypes = [
+ 'Animal Cruelty','Arson','Assault','Battery','Bribery',
+ 'Burglary','Child Abuse','Child Pornography','Conspiracy','Contempt of Court',
+ 'Cybercrime','Disorderly Conduct','Domestic Violence','Driving Under the Influence (DUI)',
+ 'Driving Without a License','Embezzlement','Escape','Extortion','Forgery','Fraud','Hate Crime',
+ 'Homicide','Human Trafficking','Identity Theft','Illegal Weapons Possession','Kidnapping','Larceny',
+ 'Manslaughter','Money Laundering','Obstruction of Justice','Perjury','Public Intoxication','Resisting Arrest',
+ 'Robbery','Sexual Assault','Shoplifting','Smuggling','Solicitation','Soliciting Prostitution','Stalking',
+ 'Tax Evasion','Terrorism','Theft','Trespassing','Violation of Probation'
+];
+
+ foreach($offenseTypes as $offense){
+ echo "\n ";
+ }
+}
+
+function renderDispositionOutcomes() {
+ $dispositionOutcomes = ['Acquittal','Amnesty','Charges dropped/No charges filed','Commutation',
+ 'Convicted','Deferred Prosecution','Dismissal','Expungement','Pardon','Pending','Reprieve',
+ 'Sealed','Suspended sentence','Vacated'
+ ];
+
+
+ foreach($dispositionOutcomes as $disposition){
+ echo "\n ";
+ }
+}
+
+function renderOffenseLocationState() {
+ $offenseLocation = [
+ 'ALABAMA','ALASKA','ARIZONA','ARKANSAS','CALIFORNIA','COLORADO','CONNECTICUT','DELAWARE','FLORIDA',
+ 'GEORGIA','HAWAII','IDAHO','ILLINOIS','INDIANA','IOWA','KANSAS','KENTUCKY','LOUISIANA','MAINE',
+ 'MARYLAND','MASSACHUSETTS','MICHIGAN','MINNESOTA','MISSISSIPPI','MISSOURI','MONTANA','NEBRASKA',
+ 'NEVADA','NEW HAMPSHIRE','NEW JERSEY','NEW MEXICO','NEW YORK','NORTH CAROLINA','NORTH DAKOTA',
+ 'OHIO','OKLAHOMA','OREGON','PENNSYLVANIA','RHODE ISLAND',
+ 'SOUTH CAROLINA','SOUTH DAKOTA','TENNESSEE','TEXAS',
+ 'UTAH','VERMONT','VIRGINIA','WASHINGTON',
+ 'WEST VIRGINIA','WISCONSIN','WYOMING'];
+
+
+ foreach ($offenseLocation as $location) {
+ echo "\n ";
+ }
+}
+
+function renderOffenseLocationStreetType() {
+ $OffenseLocationStreetType = [
+ 'Avenue','Boulevard','Circle','Court','Drive','Highway',
+ 'Lane','Parkway','Place','Road','Street','Terrace','Trail','Way'
+];
+
+
+ foreach ( $OffenseLocationStreetType as $location) {
+ echo "\n ";
+}
+}
+
+function criminalRecordEntries() {
+
+foreach ($_SESSION['record_entries_list'] as $new_entry) {
+ echo 'Picture:
+ +First name:
+ +Middle name:
+ +Last name:
+ +Date of birth:
+ +State of residence:
+ ++ + +
+ + +
';
+
+ // Display each entry's details
+
+ echo ' ?? )
'; + echo 'Criminal Profile
+
+
+
+
+
';
+
+echo '';
+echo '';
+?>
+
+Offense Date: ', htmlspecialchars($new_entry['offense_date'] ?? ""), '
'; + echo 'Type of Offense: ', htmlspecialchars($new_entry['type_of_offense'] ?? ""), '
'; + echo 'Disposition Outcome: ', htmlspecialchars($new_entry['disposition_outcome'] ?? ""), '
'; + echo 'Offense Location: ', htmlspecialchars($new_entry['offense_location_prefix'] ?? ""), ' ', + htmlspecialchars($new_entry['offense_location_street_number'] ?? ""), ' ', + htmlspecialchars($new_entry['offense_location_street_name'] ?? ""), ' ', + htmlspecialchars($new_entry['offense_location_street_type'] ?? ""), ' ', + htmlspecialchars($new_entry['offense_location_unit'] ?? ""), ', ', + htmlspecialchars($new_entry['offense_location_city'] ?? ""), ', ', + htmlspecialchars($new_entry['offense_location_state'] ?? ""), ' ', + htmlspecialchars($new_entry['offense_location_zip_code'] ?? ""), ' ', + htmlspecialchars($new_entry['offense_location_county'] ?? ""), '
'; + + }; + } + + +function renderProfileDisplay( + $var_directory, $var_target_file, $var_first_name, + $var_middle_name, $var_last_name, $var_date_of_birth, + $var_state_of_residence) { + + echo ''; + echo '
';
+ echo '
'; + echo '
'; + echo '
'; + echo '
'; + echo '
';
+
+}
+?>
+
+
+
+
+ FIRST NAME:
', $var_first_name,''; + echo '
MIDDLE NAME:
', $var_middle_name,''; + echo '
LAST NAME:
', $var_last_name,''; + echo '
DATE OF BIRTH:
', $var_date_of_birth,''; + echo '
STATE OF RESIDENCE:
', $var_state_of_residence; + echo '
+
+';
+echo 'Create a profile
+';
+echo '
';
+echo '';
+echo '
';
+
+
+renderProfileDisplay($var_directory, $var_target_file, $var_first_name, $var_middle_name, $var_last_name, $var_date_of_birth, $var_state_of_residence);
+echo '';
+
+echo '
'; +echo ''; + +echo '
';
+echo 'Add criminal record entry
'; +echo ''; + +echo '
';
+echo '
'; +echo '
';
+echo '';
+echo 'Criminal record entries
'; +echo '