ihrm/templates/settings.html

{% extends 'index.html' %} 
{% block content %}
{% load static %}
{% load i18n %}
<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" id="mobileMenu">
          <ul class="oh-inner-sidebar__items">
            <li class="oh-inner-sidebar__item">
              <a
                id="department"
                href="{% url 'department-creation' %}"
                class="oh-inner-sidebar__link oh-dropdown__link"
                >{% trans "Department" %}</a
              >
            </li>
            <li class="oh-inner-sidebar__item">
              <a 
              id="jobPosition"
              href="{% url 'job-position-creation' %}" class="oh-inner-sidebar__link oh-dropdown__link ">{% trans "Job Positions" %}</a>
            </li>
            <li class="oh-inner-sidebar__item">
              <a id="jobRole" href="{% url 'job-role-create' %}" class="oh-inner-sidebar__link oh-dropdown__link">{% trans "Job Role" %}</a>
            </li>
            <li class="oh-inner-sidebar__item">
              <a id="workType" href="{% url 'work-type-create' %}" class="oh-inner-sidebar__link oh-dropdown__link">{% trans "Work Type" %}</a>
            </li>
            <li class="oh-inner-sidebar__item">
              <a id="rotatingWorkType" href="{% url 'rotating-work-type-create' %}" class="oh-inner-sidebar__link oh-dropdown__link">{% trans "Rotating Work Type" %}</a>
            </li>
    
            <li class="oh-inner-sidebar__item">
              <a id="employeeType" href="{% url 'employee-type-create' %}" class="oh-inner-sidebar__link oh-dropdown__link">{% trans "Employee Type" %}</a>
            </li>
            <li class="oh-inner-sidebar__item">
              <a id="employeeShift" href="{% url 'employee-shift-create' %}" class="oh-inner-sidebar__link oh-dropdown__link">{% trans "Employee Shift" %}</a>
            </li>
            <li class="oh-inner-sidebar__item">
              <a id="employeeShiftSchedule" href="{% url 'employee-shift-schedule-create' %}" class="oh-inner-sidebar__link oh-dropdown__link"
                >{% trans "Employee Shift Schedule" %}</a
              >
            </li>
            <li class="oh-inner-sidebar__item">
              <a id="rotatingShift" href="{% url 'rotating-shift-create' %}" class="oh-inner-sidebar__link oh-dropdown__link">{% trans "Rotating Shift" %}</a>
            </li>
            <li class="oh-inner-sidebar__item">
              <a id="condition" href="{% url 'validation-condition-create' %}" class="oh-inner-sidebar__link oh-dropdown__link"
                >{% trans "Attendance Break Point" %}</a>
            </li>
            <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>
            <li class="oh-inner-sidebar__item">
              <a id="userGroup" href="{% url 'user-group-create' %}" class="oh-inner-sidebar__link oh-dropdown__link">{% trans "User Group" %}</a>
            </li>
            <li class="oh-inner-sidebar__item">
              <a id="userGroupAssign" href="{% url 'user-group-assign' %}" class="oh-inner-sidebar__link oh-dropdown__link">{% trans "User Group Assign" %}</a>
            </li>
            <li class="oh-inner-sidebar__item">
              <a id="company" href="{% url 'company-create' %}" class="oh-inner-sidebar__link oh-dropdown__link">{% trans "Company" %}</a>
            </li>
          </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 activeTab = localStorage.getItem('activeTabSettings')
      if (activeTab != null) {
        var tab  = $(`[id="${activeTab}"]`)  
        $(tab).attr('class', 'oh-inner-sidebar__link oh-dropdown__link oh-inner-sidebar__link--active');   
      }
      else{
        $('[id="department"]').attr('class', 'oh-inner-sidebar__link oh-dropdown__link oh-inner-sidebar__link--active');   
      }
      $('.oh-inner-sidebar__link').click(function (e) { 
        var activeTab = $(this).attr('id');
        localStorage.setItem('activeTabSettings',activeTab)
      });
    });
    
</script>
{% endblock content %}