Skip to content
Snippets Groups Projects
Commit 7785affb authored by wyl's avatar wyl
Browse files

show personal detail on page

parent d028df78
No related branches found
No related tags found
1 merge request!67show personal detail on page
Hide whitespace changes
Inline Side-by-side
src/main/resources/static/html/login.html
+ 2
− 2
View file @ 7785affb
......@@ -8,11 +8,11 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body
class="bg-gradient-to-r from-purple-300 to-blue-200 h-screen flex justify-center items-center"
class="bg-gradient-to-r from-purple-300 to-blue-200 h-screen flex justify-center items-center" style="background: linear-gradient(to bottom, #4a90e2, #84b9db); "
>
<div class="max-w-md w-full bg-white rounded-lg shadow-md p-8">
<h2 class="text-2xl font-bold text-center text-purple-800 mb-4">
Welcome back to <span class="text-purple-500">System？</span>
Welcome back to <span class="text-purple-500">System</span>
</h2>
<p class="text-sm text-center text-purple-800 mb-8">
Log in to your account
......
src/main/resources/static/html/superAdminView.html
+ 16
− 2
View file @ 7785affb
......@@ -23,11 +23,16 @@
<div id="container" style="display: flex; flex-direction: column; height: 100vh;">
<!-- top area -->
<div id="top" style="border-radius: 15px;margin-bottom:5px;background-color: #2c3e50; height: 10vh; width: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);">
<span style="color: #ecf0f1; font-size: 1.5rem; font-weight: bold; font-family: 'Arial', sans-serif;">Digital Insight for Health</span>
<div id="top" style="border-radius: 15px; margin-bottom: 5px; background-color: #2c3e50; height: 10vh; width: 100%; position: relative; display: flex; align-items: center; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);">
<span style="color: #ecf0f1; font-size: 1.5rem; font-weight: bold; font-family: 'Arial', sans-serif; position: absolute; left: 50%; transform: translateX(-50%);">
Digital Insight for Health
</span>
<span id="showSpan" style="color: #ecf0f1; position: absolute; right: 20px; display: flex; flex-direction: column; align-items: flex-end;"></span>
</div>
<!-- main block，left and right -->
<div style="display: flex; height: 80vh;">
<!-- left area -->
......@@ -45,6 +50,15 @@
</body>
<script>
$(document).ready(function (){
//create show block
var status=localStorage.getItem("type");
var name=localStorage.getItem("name");
document.getElementById("showSpan").innerHTML=`
<span>name: ${name}</span>
<span>role: ${status}</span>
`
$('#leftview').load("/loadLeft");
// Gets the parameters in the URL
const urlParams = new URLSearchParams(window.location.search);
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment