goiintra/public_html/include/message.php

150 lines
4.3 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>GOI</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="/assets/img/cropped-green-oil-favicon-192x192.png" rel="icon">
<link href="/assets/img/cropped-green-oil-favicon-192x192.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Amatic+SC:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="/assets/css/main.css" rel="stylesheet">
<link href="/assets/css/table-style.css" rel="stylesheet">
</head>
<!-- Vendor JS Files -->
<script src="/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="/assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="/assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="/assets/vendor/php-email-form/validate.js"></script>
<!-- jQuery JS -->
<script src="/assets/js/vendor/jquery-3.3.1.min.js"></script>
<!-- Bootstrap JS -->
<script src="/assets/js/vendor/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
<style>
commonModal .modal-header {
background-color: #2A9B56;
}
commonModal .modal-title {
color: #fff;
}
commonModal button.btn-close {
background-color: #ddd !important;
border: 0px !important;
padding: 5px 10px !important;
border-radius: 3px !important;
height:unset !important;
line-height:unset !important;
font-size:16px;
}
commonModal button.btn-close:hover {
background-color: #b5b5b5 !important;
}
commonModal button.btn.btn-send{
background-color: #77B469 !important;
border: 0px !important;
color:#fff;
padding: 5px 10px !important;
border-radius: 3px !important;
height:unset !important;
line-height:unset !important;
font-size:16px;
}
commonModal button.btn.btn-send:hover{
background-color: #3fb36c !important;
}
</style>
<body>
<!-- Common Modal -->
<div class="modal fade pop-modal-style" id="commonModal" data-backdrop="static" tabindex="-1" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<!--button type="button" class="close" data-dismiss="modal">&times;</button-->
<h4 class="modal-title">MESSAGE</h4>
</div>
<div class="modal-body">
<div>
<p class="modal-alert"><?=$lib_message?></p>
</div>
</div>
<div class="modal-footer">
<? if ($lib_link != 1) { ?>
<button type="button" class="btn btn-sub" data-dismiss="modal" onClick="<?=$lib_link?>">Close</button>
<? } else { ?>
<button type="button" class="btn btn-sub" data-dismiss="modal">Close</button>
<? } ?>
</div>
</div>
</div>
</div>
<script type='text/javascript'>
$(document).ready(function() {
$('#commonModal').modal({backdrop: 'static'});
$('#commonModal').modal('show');
//setTimeout(function(){$('#myModal').modal('hide')},3000);
});
</script>
<script>
$("button[data-dismiss=modal]").click(function()
{
$("#myModalDailyRecord").modal('hide');
$("#commonModal").modal('hide');
//$('body').removeClass('modal-open');
//$('.modal-backdrop').remove();
});
</script>
</body>
</html>