@opengis/bi
Version:
BI data visualization module
59 lines (46 loc) • 2.84 kB
HTML
<html lang="en" dir="">
<head>
<!-- scripts -->
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-[#f3f4f6] flex items-center flex-1 w-full h-[100vh] overflow-x-hidden min-h-full ">
<main class="w-full">
<div class="flex w-full max-w-sm mx-auto overflow-hidden bg-white rounded-lg shadow-lg dark:bg-gray-800 lg:max-w-4xl">
<div class="hidden bg-left bg-cover lg:block lg:w-1/2" style="background-image: url('https://media.istockphoto.com/id/1296381479/vector/set-of-simple-infographic-graphs-and-charts-data-visualization-statistics-and-business.jpg?s=612x612&w=0&k=20&c=JpEoP-6w16OwVC49Sq2PEI8-dHF1CZnm7rHyL5DoxqA=');"></div>
<div class="w-full px-6 py-8 md:px-8 lg:w-1/2">
<div class="flex justify-center mx-auto">
<img width="300" height="100" src="https://cdn.softpro.ua/data/icons/logo-softpro.png" alt="logo">
</div>
<p class="mt-3 mb-[32px] text-xl text-center text-gray-600 dark:text-gray-200">
Аналітичний модуль
</p>
<form action="/api/login" method="get" >
<div class="mt-4">
<label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-200" for="LoggingEmailAddress">Електронна пошта</label>
<input name="username" id="LoggingEmailAddress" class="block w-full px-4 py-2 text-gray-700 bg-white border rounded-lg dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring focus:ring-blue-300" type="text">
</div>
<div class="mt-4">
<div class="flex justify-between">
<label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-200" for="loggingPassword">Пароль</label>
<!-- <a class="text-xs text-gray-500 dark:text-gray-300 hover:underline">Forget Password?</a> -->
</div>
<input id="loggingPassword" name="password" class="block w-full px-4 py-2 text-gray-700 bg-white border rounded-lg dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring focus:ring-blue-300" type="password">
</div>
<div class="mt-6">
<button type="submit" class="w-full px-6 py-3 text-sm font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-gray-800 rounded-lg hover:bg-gray-700 focus:outline-none focus:ring focus:ring-gray-300 focus:ring-opacity-50">
Увійти
</button>
</div>
</form>
</div>
</div>
</main>
</body>
<script>
const error = location.search.includes('wrong_pass')
if (error) {
document.getElementById('login_error').innerHTML = 'Не вірний користувач або пароль';
}
</script>
</html>