nestict/ihrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[UPDT] BASE: Updated select2 script loading src path

Browse Source
This commit is contained in:
Horilla
2025-07-05 15:23:56 +05:30
parent 1f2a8a6b8f
commit 60bc3fc490
2 changed files with 110 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
base/templates/base/auth/two_factor_auth.html
View File

@@ -152,7 +152,7 @@
<script src="{% static '/build/js/web.frontend.min.js' %}"></script>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="{% static 'htmx/htmx.min.js' %}"></script>
<script src="{% static 'build/js/hxSelect2.js' %}"></script>
<script src="{% static 'build/js/htmxSelect2.js' %}"></script>
<script src="{% static '/index/index.js' %}"></script>
<script type="module" src="{% static 'images/ionicons/ui_icons/ionicons/ionicons.esm.js' %}"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>

265
templates/initialize_database/horilla_user.html
View File

@@ -1,180 +1,133 @@
{% load static %} {% load i18n %}
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Login - {{white_label_company_name}} Dashboard</title>
<link
rel="apple-touch-icon"
sizes="180x180"
href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/apple-touch-icon.png' %}{% endif %}"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/favicon-32x32.png' %}{% endif %}"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/favicon-16x16.png' %}{% endif %}"
/>
<link rel="apple-touch-icon" sizes="180x180"
href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/apple-touch-icon.png' %}{% endif %}" />
<link rel="icon" type="image/png" sizes="32x32"
href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/favicon-32x32.png' %}{% endif %}" />
<link rel="icon" type="image/png" sizes="16x16"
href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/favicon-16x16.png' %}{% endif %}" />
<link rel="stylesheet" href="{% static '/build/css/style.min.css' %}" />
<link rel="manifest" href="{% static 'build/manifest.json' %}" />
</head>
<body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
</head>
<body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
<style>
.animated-background {
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background-color: #f6f7f8;
background: linear-gradient(
to right,
#eeeeee9c -58%,
#e4e4e496 18%,
#eeeeee61 33%
);
background-size: 800px 64px;
height: 623px;
position: relative;
}
.select2-selection.select2-selection--multiple {
height: 46px !important;
}
.animated-background {
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background-color: #f6f7f8;
background: linear-gradient(to right,
#eeeeee9c -58%,
#e4e4e496 18%,
#eeeeee61 33%);
background-size: 800px 64px;
height: 623px;
position: relative;
}
.select2-selection.select2-selection--multiple {
height: 46px !important;
}
</style>
<div id="main">
<div class="oh-alert-container">
{% for message in messages %}
<div class="oh-alert oh-alert--animated {{ message.tags }}">
{{ message }}
<div class="oh-alert-container">
{% for message in messages %}
<div class="oh-alert oh-alert--animated {{ message.tags }}">
{{ message }}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
<main class="oh-auth">
<div
class="oh-onboarding-card"
style="max-height: 790px; max-width: 975px"
id="ohAuthCard"
>
<div class="oh-onboarding-card__header">
<span class="oh-onboarding-card__company-name">Horilla HRMS</span>
<ul class="oh-onboarding-card__steps">
<li
class="oh-onboarding-card__step oh-onboarding-card__step--active"
>
<div class="oh-onboarding-card__count">1</div>
<span class="oh-onboarding-card__text">Authentication</span>
</li>
<li class="oh-onboarding-card__step">
<div class="oh-onboarding-card__count">2</div>
<span class="oh-onboarding-card__text">Sign Up</span>
</li>
<li class="oh-onboarding-card__step">
<div class="oh-onboarding-card__count">3</div>
<span class="oh-onboarding-card__text">Company</span>
</li>
<li class="oh-onboarding-card__step">
<div class="oh-onboarding-card__count">4</div>
<span class="oh-onboarding-card__text">Department</span>
</li>
<li class="oh-onboarding-card__step oh-onboarding-card__step">
<div class="oh-onboarding-card__count">5</div>
<span class="oh-onboarding-card__text">Job Position</span>
</li>
</ul>
</div>
<h1
class="oh-onboarding-card__title oh-onboarding-card__title--h2 text-center my-3"
>
{% trans "Database Authentication" %}
</h1>
<p class="text-muted text-center">
{% trans "Authenticate with your password to initialize the Horilla HRMS database." %}
</p>
<form
hx-post="{% url 'initialize-database' %}"
hx-target="#ohAuthCard"
class="oh-form-group"
>
{% csrf_token %}
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="oh-input-group">
<label class="oh-label" for="password"
>{% trans "Password" %}</label
>
<div class="oh-password-input-container">
<input
type="password"
id="password"
name="password"
class="oh-input oh-input--password w-100"
placeholder="Database authentication password"
required
/>
<button
type="button"
class="oh-btn oh-btn--transparent oh-password-input--toggle"
>
<ion-icon
class="oh-passowrd-input__show-icon"
title="Show Password"
name="eye-outline"
></ion-icon>
<ion-icon
class="oh-passowrd-input__hide-icon d-none"
title="Hide Password"
name="eye-off-outline"
></ion-icon>
</button>
</div>
<main class="oh-auth">
<div class="oh-onboarding-card" style="max-height: 790px; max-width: 975px" id="ohAuthCard">
<div class="oh-onboarding-card__header">
<span class="oh-onboarding-card__company-name">Horilla HRMS</span>
<ul class="oh-onboarding-card__steps">
<li class="oh-onboarding-card__step oh-onboarding-card__step--active">
<div class="oh-onboarding-card__count">1</div>
<span class="oh-onboarding-card__text">Authentication</span>
</li>
<li class="oh-onboarding-card__step">
<div class="oh-onboarding-card__count">2</div>
<span class="oh-onboarding-card__text">Sign Up</span>
</li>
<li class="oh-onboarding-card__step">
<div class="oh-onboarding-card__count">3</div>
<span class="oh-onboarding-card__text">Company</span>
</li>
<li class="oh-onboarding-card__step">
<div class="oh-onboarding-card__count">4</div>
<span class="oh-onboarding-card__text">Department</span>
</li>
<li class="oh-onboarding-card__step oh-onboarding-card__step">
<div class="oh-onboarding-card__count">5</div>
<span class="oh-onboarding-card__text">Job Position</span>
</li>
</ul>
</div>
</div>
<h1 class="oh-onboarding-card__title oh-onboarding-card__title--h2 text-center my-3">
{% trans "Database Authentication" %}
</h1>
<p class="text-muted text-center">
{% trans "Authenticate with your password to initialize the Horilla HRMS database." %}
</p>
<form hx-post="{% url 'initialize-database' %}" hx-target="#ohAuthCard" class="oh-form-group">
{% csrf_token %}
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="oh-input-group">
<label class="oh-label" for="password">{% trans "Password" %}</label>
<div class="oh-password-input-container">
<input type="password" id="password" name="password"
class="oh-input oh-input--password w-100"
placeholder="Database authentication password" required />
<button type="button" class="oh-btn oh-btn--transparent oh-password-input--toggle">
<ion-icon class="oh-passowrd-input__show-icon" title="Show Password"
name="eye-outline"></ion-icon>
<ion-icon class="oh-passowrd-input__hide-icon d-none" title="Hide Password"
name="eye-off-outline"></ion-icon>
</button>
</div>
</div>
</div>
</div>
<div class="oh-modal__dialog-footer p-0 mt-3">
<button type="submit" class="oh-btn oh-btn--secondary-outline m-2" role="button">
{% trans "Authenticate" %}
<ion-icon class="ms-2" name="arrow-forward-outline"></ion-icon>
</button>
</div>
</form>
</div>
<div class="oh-modal__dialog-footer p-0 mt-3">
<button
type="submit"
class="oh-btn oh-btn--secondary-outline m-2"
role="button"
>
{% trans "Authenticate" %}
<ion-icon class="ms-2" name="arrow-forward-outline"></ion-icon>
</button>
</div>
</form>
</div>
<img src={% if white_label_company.icon %} "{{white_label_company.icon.url}}" {% else %} "{% static 'images/ui/auth-logo.png' %}" {% endif %} alt="Horilla" />
</main>
<img src={% if white_label_company.icon %}"{{white_label_company.icon.url}}"{% else%}"{% static 'images/ui/auth-logo.png' %}"{% endif %} alt="Horilla" />
</main>
</div>
<script src="{% static '/build/js/web.frontend.min.js' %}"></script>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="{% static 'htmx/htmx.min.js' %}"></script>
<script src="{% static 'build/js/hxSelect2.js' %}"></script>
<script src="{% static 'build/js/htmxSelect2.js' %}"></script>
<script src="{% static '/index/index.js' %}"></script>
<script
type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
></script>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script>
$(document).on("htmx:beforeRequest", function (event, data) {
var response = event.detail.xhr.response;
var target = $(event.detail.elt.getAttribute("hx-target"));
if (!target.closest("form").length) {
target.html(`<div class="animated-background"></div>`);
}
});
$(document).on("htmx:beforeRequest", function (event, data) {
var response = event.detail.xhr.response;
var target = $(event.detail.elt.getAttribute("hx-target"));
if (!target.closest("form").length) {
target.html(`<div class="animated-background"></div>`);
}
});
</script>
</body>
</body>
</html>