change login page to use single bootstrap css

This commit is contained in:
mahdahar 2024-12-26 16:51:31 +07:00
parent 97ee2d4e2c
commit f6013827f6
12 changed files with 187 additions and 112 deletions

1
.gitignore vendored
View File

@ -4,4 +4,3 @@
!cmod.7z
!.gitignore
!env
!cmod.bak

View File

@ -74,6 +74,9 @@ $routes->POST('api/patients/search/', 'API_HISPatients::search');
$routes->get('api/patients/detail/(:any)', 'API_HISPatients::detail/$1');
$routes->POST('api/patients/save', 'API_HISPatients::save');
// API - For TM
$routes->get('api/his/dictTests', 'API_HIS::dictTests');
$routes->get('api/his/results/(:any)', 'API_HIS::results/$1');
// admin
$routes->group('admin', ['filter' => 'role:admin'], static function ($routes) {
$routes->get('', 'AdminController::index');

View File

@ -0,0 +1,35 @@
<?php
namespace App\Controllers;
use CodeIgniter\RESTful\ResourceController;
class API_HIS extends ResourceController {
protected $format = 'json';
public function dictTests() {
$db = \Config\Database::connect();
$sql = "select top 5 HISCODE as ServiceCode, DESCS as ServiceName from cmod.dbo.CM_DICT_MAPPINGS";
$query = $db->query($sql);
$results = $query->getResultArray();
$data = $results;
return $this->respond($data,200);
}
public function results($accessnumber) {
$db = \Config\Database::connect();
$sql = "select HOSTORDERNUMBER as HISNO from SP_REQUESTS where SP_ACCESSNUMBER='$accessnumber'";
$query = $db->query($sql);
$results = $query->getResultArray();
$data['LISNO'] = $accessnumber;
$data['HISNO'] = $results[0]['HISNO'];
$sql = "select TESTCODE, TESTORDER, RESTYPE, RESVALUE, RESFLAG, UNIT, REFRANGE, USERVAL, RESDATE
from cmod.dbo.CM_RESULTS r
where ACCESSNUMBER='$accessnumber'
order by TESTORDER";
$query = $db->query($sql);
$results = $query->getResultArray();
$data['results'] = $results;
return $this->respond($data,200);
}
}

View File

View File

@ -1,61 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>CMOD - Login</title>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/png" sizes="16x16" href="<?=base_url();?>favicon.ico">
<title>cmod</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" />
<link rel="stylesheet" href="<?=base_url();?>assets/css/bootstrap-login-form.min.css" />
<link href="<?=base_url();?>assets/css/styles.css" rel="stylesheet">
<link href="<?=base_url();?>assets/css/login.css" rel="stylesheet">
<style>
.bg-primary-luxury{ background-color: #1C2B19; }
.font-primary-luxury{ color: #E9E3C9;}
#icon-login { max-width: 80%; height: auto; }
.shadoww { box-shadow: 0 4px 8px #1c2b193f; /* Bayangan merah */ }
.login-form {width:490px;}
.bg-login { background-color:#1c1c1c; }
</style>
</head>
<body class='bg-login'>
<section class="vh-100">
<div class="container h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col col-xl-10 login-form">
<div class="card shadoww" style="border-radius: 1rem;" >
<div class="row g-0">
<div class="col d-flex align-items-center text-center">
<div class="card-body pb-md-5 px-md-5 text-black">
<div class="d-flex align-items-center m-0" bg='dark'>
<img src="<?=base_url();?>assets/img/login-logo.png" alt="" id="icon-login" class="mx-auto m-0">
<!-- <h1 class="mx-auto">Logo</h1> -->
</div>
<form class="m-0" method='POST'>
<h5 class="fw-normal mt-4 mb-2 pb-2" style="letter-spacing: 1px;">Sign into your account</h5>
<div class="form-outline mb-4">
<input type="text" id="userid" name='userid' value='<?=$userid?>' class="form-control form-control-lg" oninput="this.value = this.value.toUpperCase();" />
<label class="form-label" for="userid">UserID</label>
</div>
<div class="form-outline mb-4">
<input type="password" id="password" name='password' value='<?=$password;?>' class="form-control form-control-lg" />
<label class="form-label" for="password">Password</label>
</div>
<div class="pt-1 mb-4">
<button type='submit' class="btn bg-primary-luxury btn-lg btn-block" type="button">
<span class="font-primary-luxury"> Login </span>
</button>
</div>
</form>
</div>
</div>
<body>
<section id="wrapper" class="login-register login-sidebar bg-login">
<div class="login-box card rounded-0">
<div class="card-body">
<form class="form-horizontal form-material text-center" id="loginform" method='POST'>
<img class='img-fluid mt-5' src="<?=base_url();?>assets/img/login-logo.png" /></a>
<div class="form-group mt-3 mb-1">
<div class="col-xs-12">
<input class="form-control" type="text" id='userid' name='userid' placeholder="UserID" value='' required oninput="this.value = this.value.toUpperCase()" />
</div>
</div>
</div>
<div class="form-group mb-1">
<div class="col-xs-12">
<input class="form-control" type="password" name='password' placeholder="Password" value='' />
</div>
</div>
<div class="form-group text-center m-t-20">
<div class="col-xs-12">
<button class="btn bg-primary-luxury btn-block w-100" type="submit">
<span class="font-primary-luxury"> Login </span>
</button>
</div>
</div>
</form>
</div>
<div class='card-footer'>
<p class='ms-auto'>&copy; 4SKA1 2024 - 2025</p>
</div>
</div>
</section>
<script type="text/javascript" src="<?=base_url();?>assets/js/mdb.min.js"></script>
<script src="<?=base_url();?>assets/jquery-3.7.1.min.js"></script>
<script src="<?=base_url();?>assets/js/bootstrap.bundle.min.js"></script>
<script>
window.onload = function() {
document.getElementById("userid").focus();

BIN
cmod.bak

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,58 @@
/*
Template Name: Admin Template
Author: Wrappixel
File: scss
*/
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);
/*Theme Colors*/
/**
* Table Of Content
*
* 1. Color system
* 2. Options
* 3. Body
* 4. Typography
* 5. Breadcrumbs
* 6. Cards
* 7. Dropdowns
* 8. Buttons
* 9. Typography
* 10. Progress bars
* 11. Tables
* 12. Forms
* 14. Component
*/
/*******************
Login register and recover password Page
******************/
.login-register {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 100%;
width: 100%;
padding: 10% 0;
position: fixed; }
.login-box {
width: 400px;
margin: 0 auto; }
.login-box .footer {
width: 100%;
left: 0px;
right: 0px; }
.login-box .social {
display: block;
margin-bottom: 30px; }
#recoverform {
display: none; }
.login-sidebar {
padding: 0px;
margin-top: 0px; }
.login-sidebar .login-box {
right: 0px;
position: absolute;
height: 100%; }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

File diff suppressed because one or more lines are too long

54
public/login.html Normal file
View File

@ -0,0 +1,54 @@
<!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">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/png" sizes="16x16" href="favicon.ico">
<title>Summit-CRM</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" />
<link href="assets/css/styles.css" rel="stylesheet">
<link href="assets/css/login.css" rel="stylesheet">
<style>
.bg-primary-luxury{ background-color: #1C2B19; }
.font-primary-luxury{ color: #E9E3C9;}
.login-form {width:490px;}
.bg-login { background-color:#1c1c1c; }
</style>
</head>
<body>
<section id="wrapper" class="login-register login-sidebar bg-login">
<div class="login-box card rounded-0">
<div class="card-body">
<form class="form-horizontal form-material text-center" id="loginform" method='POST'>
<img class='img-fluid mt-5' src="assets/img/login-logo.png" /></a>
<div class="form-group mt-3 mb-1">
<div class="col-xs-12">
<input class="form-control" type="text" name='username' placeholder="Username" value='' required />
</div>
</div>
<div class="form-group mb-1">
<div class="col-xs-12">
<input class="form-control" type="password" name='password' placeholder="Password" value='' />
</div>
</div>
<div class="form-group text-center m-t-20">
<div class="col-xs-12">
<button class="btn bg-primary-luxury btn-block w-100" type="submit">
<span class="font-primary-luxury"> Login </span>
</button>
</div>
</div>
</form>
</div>
<div class='card-footer'>
<p class='ms-auto'>&copy; 4SKA1 2024 - 2025</p>
</div>
</div>
</section>
<script src="assets/jquery-3.7.1.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>