Files
ihrm/templates/settings.html
2024-01-09 16:01:34 +05:30

278 lines
7.9 KiB
HTML

{% extends 'index.html' %} {% block content %} {% load static %} {% load i18n %}
<style>
.settings-label {
font-weight: bold;
font-size: 15px;
}
.perm-count {
width: 100%;
display: flex;
padding: 0.5rem 0rem;
font-style: italic;
color: hsl(0deg, 0%, 37%);
width: 100%;
}
.oh-sticky-table{
max-height: 100vh;
}
</style>
<section class="oh-wrapper oh-main__topbar">
<div
class="oh-main__titlebar oh-main__titlebar--left oh-d-flex-column--resp oh-mb-3--small"
>
<h1 class="oh-main__titlebar-title fw-bold">{% trans "Settings" %}</h1>
</div>
<div class="oh-main__titlebar oh-main__titlebar--right"></div>
</section>
<div class="oh-wrapper">
<div class="oh-card">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-3">
<button
class="oh-btn oh-btn--light oh-inner-sidebar-toggle w-100"
data-action="toggle"
data-target="#mobileMenu"
data-class="oh-resp-hidden--lg"
>
<ion-icon class="me-2" name="menu-outline"></ion-icon>{% trans "All Settings" %}
</button>
<div
class="oh-inner-sidebar oh-resp-hidden--lg"
style="font-weight: bold"
id="mobileMenu"
>
<ul class="oh-inner-sidebar__items">
{% if perms.base.view_department %}
<li class="oh-inner-sidebar__item">
<a
id="department"
href="{% url 'department-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Department" %}</a
>
</li>
{% endif %}
{% if perms.base.view_jobposition %}
<li class="oh-inner-sidebar__item">
<a
id="jobPosition"
href="{% url 'job-position-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Job Positions" %}</a
>
</li>
{% endif %}
{% if perms.base.view_jobrole %}
<li class="oh-inner-sidebar__item">
<a
id="jobRole"
href="{% url 'job-role-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Job Role" %}</a
>
</li>
{% endif %}
{% if perms.base.view_worktype %}
<li class="oh-inner-sidebar__item">
<a
id="workType"
href="{% url 'work-type-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Work Type" %}</a
>
</li>
{% endif %}
{% if perms.base.view_rotatingworktype %}
<li class="oh-inner-sidebar__item">
<a
id="rotatingWorkType"
href="{% url 'rotating-work-type-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Rotating Work Type" %}</a
>
</li>
{% endif %}
{% if perms.base.view_employeetype %}
<li class="oh-inner-sidebar__item">
<a
id="employeeType"
href="{% url 'employee-type-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Employee Type" %}</a
>
</li>
{% endif %}
{% if perms.base.view_employeeshift %}
<li class="oh-inner-sidebar__item">
<a
id="employeeShift"
href="{% url 'employee-shift-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Employee Shift" %}</a
>
</li>
{% endif %}
{% if perms.base.view_employeeshiftschedule %}
<li class="oh-inner-sidebar__item">
<a
id="employeeShiftSchedule"
href="{% url 'employee-shift-schedule-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Employee Shift Schedule" %}</a
>
</li>
{% endif %}
{% if perms.base.view_rotatingshift %}
<li class="oh-inner-sidebar__item">
<a
id="rotatingShift"
href="{% url 'rotating-shift-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Rotating Shift" %}</a
>
</li>
{% endif %}
{% if perms.attendance.view_attendancevalidationcondition %}
<li class="oh-inner-sidebar__item">
<a
id="condition"
href="{% url 'attendance-settings-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Attendance Break Point" %}</a
>
</li>
{% endif %}
{% if perms.helpdesk.view_tickettype %}
<li class="oh-inner-sidebar__item">
<a
id="ticket_type"
href="{% url 'ticket-type-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Ticket Type" %}</a
>
</li>
{% endif %}
{% if perms.base.view_tags %}
<li class="oh-inner-sidebar__item">
<a
id="ticket_type"
href="{% url 'tag-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Tags" %}</a
>
</li>
{% endif %}
{% if perms.helpdesk.view_departmentmanager %}
<li class="oh-inner-sidebar__item">
<a
id="ticket_type"
href="{% url 'department-manager-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Department Managers" %}</a
>
</li>
{% endif %}
{% if perms.auth.view_permission %}
<li class="oh-inner-sidebar__item">
<a
id="employeePermission"
href="{% url 'employee-permission-assign' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Employee Permission" %}</a
>
</li>
{% endif %}
{% if perms.auth.view_group %}
<li class="oh-inner-sidebar__item">
<a
id="userGroup"
href="{% url 'user-group-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "User Group" %}</a
>
</li>
{% endif %}
{% if perms.base.view_company %}
<li class="oh-inner-sidebar__item">
<a
id="company"
href="{% url 'company-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Company" %}</a
>
</li>
{% endif %}
{% if perms.payroll.view_payrollsettings %}
<li class="oh-inner-sidebar__item">
<a
id="currency"
href="{% url 'currency-settings' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Currency" %}</a
>
</li>
{% endif %}
{% if perms.base.view_company %}
<li class="oh-inner-sidebar__item">
<a
id="date"
href="{% url 'date-settings' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Date & Time Format" %}</a
>
</li>
{% endif %}
{% if perms.base.view_dynamicemailconfiguration %}
<li class="oh-inner-sidebar__item">
<a
id="date"
href="{% url 'mail-server-conf' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Mail Server" %}</a
>
</li>
{% endif %}
</ul>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-9">
{% block settings %} {% endblock settings %}
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var path = location.pathname;
var menu = $(`a[href="${path}"].oh-inner-sidebar__link.oh-dropdown__link`);
if (menu.length == 0) {
var path = localStorage.getItem("lastActiveTab");
menu = $(`a[href="${path}"].oh-inner-sidebar__link.oh-dropdown__link`);
}
menu.addClass("oh-inner-sidebar__link--active");
menu.attr("style", "border:1px solid #FF820D ; border-radius:2px;");
menu[0].scrollIntoView({ behavior: "smooth", block: "center" });
if (menu.length != undefined) {
localStorage.setItem("lastActiveTab", path);
}
});
</script>
{% endblock content %}