| Server IP : 65.108.144.40 / Your IP : 216.73.217.165 Web Server : Apache/2.4.52 (Ubuntu) System : Linux ubuntu-8gb-hel1-1 5.15.0-173-generic #183-Ubuntu SMP Fri Mar 6 13:29:34 UTC 2026 x86_64 User : dev ( 1000) PHP Version : 8.2.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/dev/code/erp/templates/ |
Upload File : |
{% extends 'index.html' %} {% block content %} {% load static %} {% load i18n %} {% load horillafilters %}
<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">
<li class="oh-inner-sidebar__item">
<div class="oh-accordion ms-2">
<div class="oh-accordion-header" style="font-size:16px;">
<ion-icon name="settings-outline" class="me-2"></ion-icon>
{% trans "General" %}
</div>
<div class="oh-accordion-body">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="oh-input-group">
<a
id="generalSettings"
href="{% url 'general-settings' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "General Settings" %}
</a>
</div>
<div class="oh-input-group">
{% if perms.auth.view_permission %}
<a
id="employeePermission"
href="{% url 'employee-permission-assign' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Employee Permission" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.auth.view_permission %}
<a
id="defaultAccessibility"
href="{% url 'user-accessibility' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Accessibility Restriction" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.auth.view_group %}
<a
id="userGroup"
href="{% url 'user-group-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "User Group" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.base.view_company %}
<a
id="date"
href="{% url 'date-settings' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Date & Time Format" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.base.view_tags or perms.employee.view_emplyeetag or perms.horilla_audit.view_audittag %}
<a
id="ticket_type"
href="{% url 'tag-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "History Tags" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.base.view_dynamicemailconfiguration %}
<a
id="date"
href="{% url 'mail-server-conf' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Mail Server" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.horilla_backup.view_googledrivebackup %}
<a
id="date"
{% comment %} href="{% url 'gdrive' %}" {% endcomment %}
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Gdrive Backup" %}</a
>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</li>
<hr>
<li class="oh-inner-sidebar__item">
<div class="oh-accordion ms-2">
<div class="oh-accordion-header" style="font-size:16px;">
<ion-icon name="apps" class="me-2"></ion-icon>
{% trans "Base" %}
</div>
<div class="oh-accordion-body">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="oh-input-group">
{% if perms.base.view_department %}
<a
id="department"
href="{% url 'department-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Department" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.base.view_jobposition %}
<a
id="jobPosition"
href="{% url 'job-position-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Job Positions" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.base.view_jobrole %}
<a
id="jobRole"
href="{% url 'job-role-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Job Role" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.base.view_company %}
<a
id="company"
href="{% url 'company-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Company" %}</a
>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</li>
<hr>
{% if "recruitment"|app_installed %}
<li class="oh-inner-sidebar__item">
<div class="oh-accordion ms-2">
<div class="oh-accordion-header" style="font-size:16px;">
<ion-icon name="clipboard-outline" class="me-2"></ion-icon>
{% trans "Recruitment" %}
</div>
<div class="oh-accordion-body">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="oh-input-group">
{% if perms.recruitment.view_recruitment %}
<div class="oh-input-group">
<a
id="skills"
href="{% url 'self-tracking-feature' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Candidate Self Tracking" %}</a
>
</div>
{% endif %}
{% if perms.recruitment.view_rejectreason %}
<a
id="candidateRejectReasons"
href="{% url 'candidate-reject-reasons' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Candidate Reject Reason" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.recruitment.add_recruitment %}
<a
id="skills"
href="{% url 'skills-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Skills" %}</a
>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</li>
<hr>
{% endif %}
<li class="oh-inner-sidebar__item">
<div class="oh-accordion ms-2">
<div class="oh-accordion-header" style="font-size:16px;">
<ion-icon name="people" class="me-2"></ion-icon>
{% trans "Employee" %}
</div>
<div class="oh-accordion-body">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="oh-input-group">
{% if perms.base.view_worktype %}
<a
id="workType"
href="{% url 'work-type-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Work Type" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.base.view_rotatingworktype %}
<a
id="rotatingWorkType"
href="{% url 'rotating-work-type-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Rotating Work Type" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.base.view_employeeshift %}
<a
id="employeeShift"
href="{% url 'employee-shift-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Employee Shift" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.base.view_rotatingshift %}
<a
id="rotatingShift"
href="{% url 'rotating-shift-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Rotating Shift" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.base.view_employeeshiftschedule %}
<a
id="employeeShiftSchedule"
href="{% url 'employee-shift-schedule-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Employee Shift Schedule" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.base.view_employeetype %}
<a
id="employeeType"
href="{% url 'employee-type-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Employee Type" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.employee.view_actiontype %}
<a
id="date"
href="{% url 'action-type' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Disciplinary Action Type" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.employee.view_employeetag %}
<a
id="ticket_type"
href="{% url 'employee-tag-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Employee Tags" %}</a
>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</li>
<hr>
{% if "attendance"|app_installed %}
<li class="oh-inner-sidebar__item">
<div class="oh-accordion ms-2">
<div class="oh-accordion-header" style="font-size:16px;">
<ion-icon name="checkmark-done-circle-outline" class="me-2"></ion-icon>
{% trans "Attendance" %}
</div>
<div class="oh-accordion-body">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="oh-input-group">
{% if perms.attendance.view_attendancevalidationcondition %}
<a
id="trackLateComeEalryOut"
href="{% url 'track-late-come-early-out' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Track Late Come & Early Out" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.attendance.view_attendancevalidationcondition %}
<a
id="condition"
href="{% url 'attendance-settings-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Attendance Break Point" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.attendance.view_attendancevalidationcondition %}
<a
id="condition"
href="{% url 'check-in-check-out-setting' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Check In/Check Out" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.attendance.view_attendancevalidationcondition %}
<a
id="condition"
href="{% url 'grace-settings-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Grace Time" %}</a
>
{% endif %}
</div>
{% if biometric_app_exists %}
{% if perms.base.view_biometricattendance %}
<div class="oh-input-group">
<a
id="condition"
href="{% url 'enable-biometric-attendance' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Biometric Attendance" %}
</a>
</div>
{% endif %}
{% endif %}
{% if perms.attendance.add_attendance %}
<div class="oh-input-group">
<a
id="ip_resriction"
href="{% url "allowed-ips" %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "IP Restriction" %}
</a>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</li>
<hr>
{% endif %}
{% if "leave"|app_installed %}
<li class="oh-inner-sidebar__item">
<div class="oh-accordion ms-2">
<div class="oh-accordion-header" style="font-size:16px;">
<ion-icon name="close-circle-outline" class="me-2"></ion-icon>
{% trans "Leave" %}
</div>
<div class="oh-accordion-body">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="oh-input-group">
{% if perms.attendance.view_attendancevalidationcondition %}
<a
id="condition"
href="{% url 'employee-past-leave-restriction' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Restrictions" %}</a
>
{% endif %}
</div>
</div>
{% if "attendance"|app_installed %}
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="oh-input-group">
{% if perms.attendance.view_attendancevalidationcondition %}
<a
id="condition"
href="{% url 'compensatory-leave-settings-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Compensatory Leave" %}</a
>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>
</div>
</li>
<hr>
{% endif %}
{% if "payroll"|app_installed %}
<li class="oh-inner-sidebar__item">
<div class="oh-accordion ms-2">
<div class="oh-accordion-header" style="font-size:16px;">
<ion-icon name="wallet-outline" class="me-2"></ion-icon>
{% trans "Payroll" %}
</div>
<div class="oh-accordion-body">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="oh-input-group">
{% if perms.payroll.view_payslipautogenerate %}
<a
id="autoGeneratePayslip"
href="{% url 'auto-payslip-settings-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Payslip Auto Generation" %}</a
>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</li>
<hr>
{% endif %}
{% if "pms"|app_installed %}
<li class="oh-inner-sidebar__item">
<div class="oh-accordion ms-2">
<div class="oh-accordion-header" style="font-size:16px;">
<ion-icon name="analytics-outline" class="me-2"></ion-icon>
{% trans "Performance" %}
</div>
<div class="oh-accordion-body">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="oh-input-group">
{% if perms.pms.view_payslipautogenerate %}
<a
id="autoGeneratePayslip"
href="{% url 'bonus-point-setting' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Bonus Point Setting" %}</a
>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</li>
<hr>
{% endif %}
{% if "helpdesk"|app_installed %}
<li class="oh-inner-sidebar__item">
<div class="oh-accordion ms-2">
<div class="oh-accordion-header" style="font-size:16px;">
<ion-icon name="headset" class="me-2"></ion-icon>
{% trans "Help Desk" %}
</div>
<div class="oh-accordion-body">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="oh-input-group">
{% if perms.helpdesk.view_departmentmanager %}
<a
id="ticket_type"
href="{% url 'department-manager-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Department Managers" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.helpdesk.view_tickettype %}
<a
id="ticket_type"
href="{% url 'ticket-type-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Ticket Type" %}</a
>
{% endif %}
</div>
<div class="oh-input-group">
{% if perms.employee.view_emplyeetag %}
<a
id="ticket_type"
href="{% url 'helpdesk-tag-view' %}"
class="oh-inner-sidebar__link oh-dropdown__link"
>{% trans "Helpdesk Tags" %}</a
>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</li>
<hr>
{% 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:2px solid #FF820D ; border-radius:15px;");
// Find the parent accordion element and show it
var parentAccordion = menu.closest('.oh-accordion');
parentAccordion.addClass('oh-accordion--show');
menu[0].scrollIntoView({ behavior: "smooth", block: "center" });
if (menu.length != undefined) {
localStorage.setItem("lastActiveTab", path);
}
});
</script>
<script src="{% static 'build/js/settingsDriver.js' %}"></script>
{% if not request.user.driverviewed_set.first or "settings" not in request.user.driverviewed_set.first.user_viewed %}
<script>
runDriver()
</script>
{% endif %}
{% endblock content %}