[RMV] ONBOARDING: Remove duplicate/ redundant files
This commit is contained in:
Horilla
@@ -1,11 +0,0 @@
|
||||
{% load i18n %}
|
||||
<form class="oh-kanban__edit-modal-form">
|
||||
<div class="oh-modal__dialog-body pb-2">
|
||||
<label class="oh-label d-block">{% trans "Description" %}</label>
|
||||
<textarea class="oh-input w-100" placeholder="Description"></textarea>
|
||||
</div>
|
||||
<div class="oh-modal__dialog-footer">
|
||||
<button type="submit" class="oh-btn oh-btn--secondary w-100">
|
||||
{% trans "Apply" %}
|
||||
</button>
|
||||
</form>
|
||||
@@ -1,225 +0,0 @@
|
||||
{% load onboardingfilters %} {% load i18n %}
|
||||
|
||||
<style>
|
||||
.oh-accordion-meta__body .oh-sticky-table--no-overflow {
|
||||
height:300px;
|
||||
}
|
||||
</style>
|
||||
|
||||
{% for stage in recruitment.onboardingstage_set.all %}
|
||||
|
||||
|
||||
<div class="oh-accordion-meta" >
|
||||
<div class="oh-accordion-meta__item">
|
||||
<div class="oh-accordion-meta__header oh-accordion-meta__header--show">
|
||||
<div class="d-flex">
|
||||
<span class="oh-badge oh-badge--secondary oh-badge--small oh-badge--round ms-2 mr-2 stage_count" title="{{stage.candidate.count}} {% trans 'Candidate' %}">{{stage.candidate.count}}</span>
|
||||
<span class="oh-accordion-meta__title">{{stage}}</span>
|
||||
</div>
|
||||
|
||||
{% if request.user|stage_manages:stage or perms.onboarding.change_onboardingstage or perms.onboarding.delete_onboardingstage %}
|
||||
<div class="oh-accordion-meta__actions" onclick="event.stopPropagation()">
|
||||
<div class="oh-dropdown" x-data="{open: false}">
|
||||
<button class="oh-btn oh-stop-prop oh-accordion-meta__btn" @click="open = !open"
|
||||
@click.outside="open = false"
|
||||
title="{% trans "Action" %}">
|
||||
{% trans "Actions" %}
|
||||
<ion-icon class="ms-2 oh-accordion-meta__btn-icon" name="caret-down-outline"></ion-icon>
|
||||
</button>
|
||||
<div class="oh-dropdown__menu oh-dropdown__menu--right" x-show="open">
|
||||
<ul class="oh-dropdown__items">
|
||||
{% if request.user|stage_manages:stage or perms.onboarding.change_onboardingstage %}
|
||||
<li class="oh-dropdown__item">
|
||||
<a class="oh-dropdown__link" data-toggle="oh-modal-toggle" data-target="#editModal3"
|
||||
hx-get="{% url 'stage-update' stage.id recruitment.id %}"
|
||||
hx-target="#updateStage">{% trans "Edit" %}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if request.user|stage_manages:stage or perms.onboarding.delete_onboardingstage %}
|
||||
<li class="oh-dropdown__item">
|
||||
<a href="{% url 'stage-delete' stage.id %}"
|
||||
onclick="return confirm('{% trans "Do you want to delete this stage?" %}')"
|
||||
class="oh-dropdown__link oh-dropdown__link--danger">{% trans "Delete" %}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="oh-accordion-meta__body onboarding_items">
|
||||
<div class="oh-sticky-table oh-sticky-table--no-overflow mb-5">
|
||||
<div class="oh-sticky-table__table">
|
||||
<div class="oh-sticky-table__thead">
|
||||
<div class="oh-sticky-table__tr">
|
||||
<div class="oh-sticky-table__th">{% trans "Candidate" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Email" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Job Position" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Mobile" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Joining Date" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Portal Status" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Stage" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Actions" %}</div>
|
||||
{% for task in recruitment.onboarding_task.all %}
|
||||
<div class="oh-sticky-table__th" style="width: 250px;">
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<span title="{{task}}">{{task|truncatechars:20}} </span>
|
||||
{% if request.user|stage_manages:stage or perms.onboarding.change_onboardingtask or perms.onboarding.delete_onboardingtask %}
|
||||
<div class="oh-dropdown" x-data="{open: false}">
|
||||
<button class="oh-btn oh-stop-prop oh-btn--transparent oh-accordion-meta__btn"
|
||||
@click="open = !open" @click.outside="open = false"
|
||||
title="{% trans "Actions" %}">
|
||||
<ion-icon name="ellipsis-vertical"></ion-icon>
|
||||
</button>
|
||||
<div class="oh-dropdown__menu oh-dropdown__menu--right" x-show="open">
|
||||
<ul class="oh-dropdown__items">
|
||||
{% if request.user|stage_manages:stage or perms.onboarding.change_onboardingtask %}
|
||||
<li class="oh-dropdown__item">
|
||||
<a class="oh-dropdown__link" data-toggle="oh-modal-toggle"
|
||||
data-target="#editModal4"
|
||||
hx-get="{% url 'task-update' task.id recruitment.id %}"
|
||||
hx-target="#updateTask">{% trans "Edit" %}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if request.user|stage_manages:stage or perms.onboarding.delete_onboardingtask %}
|
||||
<li class="oh-dropdown__item">
|
||||
<a class="oh-dropdown__link oh-dropdown__link--danger"
|
||||
href="{% url 'task-delete' task.id %}"
|
||||
onclick="return confirm('Do you want to delete this task?')">{% trans "Delete" %}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% if request.user|stage_manages:stage or perms.onboarding.add_onboardingtask %}
|
||||
<div class="oh-sticky-table__th">
|
||||
<button class="oh-btn oh-btn--small oh-btn--secondary oh-tabs__action-new-table"
|
||||
data-toggle="oh-modal-toggle" data-target="#editModal2"
|
||||
hx-get="{% url 'task-creation' recruitment.id %}" hx-target="#taskForm">
|
||||
<ion-icon class="me-1 md hydrated" name="add-outline" role="img"
|
||||
aria-label="add outline"></ion-icon>{% trans "Task" %}
|
||||
</button>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-sticky-table__tbody candidate-container">
|
||||
{% for candidate in stage.candidate.all %}
|
||||
{% if candidate.candidate_id.recruitment_id == recruitment%}
|
||||
<div class="oh-sticky-table__tr oh-multiple-table-sort__movable change-cand"
|
||||
data-candidate-id="{{candidate.candidate_id}}" data-drop="candidate"
|
||||
data-change-cand-id="{{candidate.candidate_id}}"
|
||||
data-candidate="{{candidate.candidate_id}}"
|
||||
data-job-position = "{{candidate.candidate_id.job_position_id}}"
|
||||
data-join-date="{{candidate.candidate_id.joining_date}}"
|
||||
data-portal-count="{{candidate.candidate_id.onboarding_portal.count}}"
|
||||
>
|
||||
<div class="oh-sticky-table__sd">
|
||||
<div class="oh-profile oh-profile--md">
|
||||
<div class="oh-profile__avatar mr-1">
|
||||
{% if candidate.candidate_id.profile %}
|
||||
<img src="{{candidate.candidate_id.profile.url}}"
|
||||
class="oh-profile__image" alt="" />
|
||||
{% else %}
|
||||
<img src="https://ui-avatars.com/api/?name={{candidate.candidate_id}}&background=random"
|
||||
class="oh-profile__image" alt="" />
|
||||
{% endif %}
|
||||
</div>
|
||||
<span class="oh-profile__name oh-text--dark">{{candidate.candidate_id}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-sticky-table__td">{{candidate.candidate_id.email}}</div>
|
||||
<div class="oh-sticky-table__td" >{{candidate.candidate_id.job_position_id}}</div>
|
||||
<div class="oh-sticky-table__td">{{candidate.candidate_id.mobile}}</div>
|
||||
<div class="oh-sticky-table__td" >{{candidate.candidate_id.joining_date}}</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
<div class="oh-checkpoint-badge oh-checkpoint-badge--secondary" >
|
||||
{{candidate.candidate_id.onboarding_portal.count}} / 4
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
{% if request.user|stage_manages:stage or perms.onboarding.change_candidatestage %}
|
||||
<select id="" class="w-100" style="
|
||||
border: 1px solid hsl(213deg,22%,84%);
|
||||
padding: 0.3rem 0.8rem 0.3rem 0.3rem;
|
||||
border-radius: 0rem;" name="stage"
|
||||
hx-post="{% url 'candidate-stage-update' candidate.candidate_id.id recruitment.id %}"
|
||||
hx-trigger="change" hx-target="#onboardingTable{{recruitment.id}}">
|
||||
{% for stage in recruitment.onboardingstage_set.all %}
|
||||
{% if candidate.onboarding_stage_id == stage %}
|
||||
<option value="{{stage.id}}" selected>{{stage}}</option>
|
||||
{% else %}
|
||||
<option value="{{stage.id}}">{{stage}}</option>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</select>
|
||||
{% else %}
|
||||
{% for stage in recruitment.onboardingstage_set.all %}
|
||||
{% if candidate.onboarding_stage_id == stage %}
|
||||
{{stage}}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
<div class="oh-kanban__card-actions oh-kanban__dropdown">
|
||||
<button class="oh-btn oh-btn--small oh-btn--transparent oh-kanban__btn oh-kanban__dropdown-toggle" title="{% trans "Actions" %}">
|
||||
<ion-icon name="ellipsis-vertical-sharp" role="img" class="md hydrated" aria-label="ellipsis vertical sharp"></ion-icon>
|
||||
</button>
|
||||
<div class="oh-dropdown oh-kanban__dropdown-menu d-none">
|
||||
<div class="oh-dropdown__menu oh-dropdown__menu--right">
|
||||
<ul class="oh-dropdown__items">
|
||||
<li class="oh-dropdown__item">
|
||||
<a href="#" data-toggle="oh-modal-toggle" data-target="#sendMailModal" hx-get="{% url 'onboarding-send-mail' candidate.candidate_id.id %}" hx-target="#sendMailModalBody" class="oh-dropdown__link">{% trans "Send Mail" %}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% for task in candidate.candidate_id.candidate_task.all %}
|
||||
<div class="oh-sticky-table__td" id="task{{task.id}}">
|
||||
{% if request.user|task_manager:task or perms.onboarding.change_candidatetask %}
|
||||
{% include 'onboarding/candidate-task.html' %}
|
||||
{% else %}
|
||||
{% for choice in choices %}
|
||||
{% if choice.0 == task.status %}
|
||||
{{choice.1}}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><br>
|
||||
{% endfor %}
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
|
||||
|
||||
$("select[name='stage']").on("htmx:afterRequest", function(event, xhr, data) {
|
||||
var alertContainer = $('<div class="oh-alert-container">');
|
||||
var alertDiv = $('<div class="oh-alert oh-alert--animated oh-alert--info">').text("Candidate stage updated successfully..");
|
||||
|
||||
alertContainer.append(alertDiv);
|
||||
$(".messages").html(alertContainer);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -1,265 +0,0 @@
|
||||
{% extends 'index.html' %}
|
||||
{% block content %}
|
||||
{% load static %}
|
||||
{% load i18n %}
|
||||
{% load recruitmentfilters %}
|
||||
{% load onboardingfilters %}
|
||||
|
||||
<style>
|
||||
.select2-container{
|
||||
width: 100% !important;
|
||||
}
|
||||
.select2-container .select2-selection {
|
||||
padding: 10px;
|
||||
height: 50px !important; /* Adjust the height value as needed */
|
||||
}
|
||||
</style>
|
||||
<div class="oh-alert-container messages" >
|
||||
|
||||
</div>
|
||||
<section class="oh-wrapper oh-main__topbar" x-data="{searchShow: false}">
|
||||
<div class="oh-main__titlebar oh-main__titlebar--left">
|
||||
<h1 class="oh-main__titlebar-title fw-bold">{% trans "Onboarding" %}</h1>
|
||||
<a class="oh-main__titlebar-search-toggle" role="button" aria-label="Toggle Search"
|
||||
@click="searchShow = !searchShow">
|
||||
<ion-icon name="search-outline" class="oh-main__titlebar-serach-icon"></ion-icon>
|
||||
</a>
|
||||
</div>
|
||||
<div class="oh-main__titlebar oh-main__titlebar--right">
|
||||
|
||||
<div class="oh-input-group oh-input__search-group" :class="searchShow ? 'oh-input__search-group--show' : ''">
|
||||
<ion-icon name="search-outline" class="oh-input-group__icon oh-input-group__icon--left"></ion-icon>
|
||||
<input type="text" id="search" name='search' class="oh-input oh-input__icon" aria-label="Search Input" placeholder="{% trans 'Search' %}" />
|
||||
</div>
|
||||
|
||||
{% comment %} <button class="oh-btn oh-btn--small oh-btn--secondary oh-tabs__action-new-table ms-4">
|
||||
<a href="{% url 'onboarding-view' %}?closed={{status}}" class="text-light text-decoration-none" >
|
||||
{% if status == "closed" %}
|
||||
{% trans "Closed Recruitments" %}
|
||||
{% else %}
|
||||
{% trans "Ongoing Recruitments" %}
|
||||
{% endif %}
|
||||
</a>
|
||||
</button> {% endcomment %}
|
||||
|
||||
<div class="oh-switch ms-3" style="width: 30px;">
|
||||
<input type="checkbox" name="is_closed" data-widget="style-widget" class="style-widget oh-switch__checkbox" {% if request.GET.closed %} checked title="{% trans 'Ongoing Recruitments' %}" {% else %} title="{% trans 'Closed Recruitments' %}" {% endif %} id="is_closed" >
|
||||
</div>
|
||||
<ul class="oh-view-types ml-2" style="margin-bottom: 0;">
|
||||
<li class="oh-view-type candidate-view-type" data-view="list" title="{% trans "List" %}">
|
||||
<a href="{% url 'onboarding-view' %}" hx-target="#section" class="oh-btn oh-btn--view oh-btn--view-active"><ion-icon
|
||||
name="list-outline" role="img" class="md hydrated" aria-label="list outline"></ion-icon></a>
|
||||
</li>
|
||||
<li class="oh-view-type candidate-view-type" data-view="card" title="{% trans "Card" %}">
|
||||
<a href="{% url 'kanban-view' %}" hx-target="#section" class="oh-btn oh-btn--view"><ion-icon
|
||||
name="grid-outline" role="img" class="md hydrated" aria-label="grid outline"></ion-icon></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="oh-main__titlebar-button-container">
|
||||
|
||||
<div class="oh-dropdown" x-data="{open: false}">
|
||||
<button class="oh-btn ml-2" @click="open = !open">
|
||||
<ion-icon name="filter" class="mr-1"></ion-icon>{% trans "Filter" %}
|
||||
</button>
|
||||
<div class="oh-dropdown__menu oh-dropdown__menu--right oh-dropdown__filter p-4" x-show="open" @click.outside="open = false" style="display: none;" @click.>
|
||||
|
||||
<div class="mb-3 mt-3">
|
||||
<label for="job_position_id" class="oh-label">{% trans "Job position" %}</label>
|
||||
<select class="" name="job_position_id" id="job_position_id">
|
||||
<option value="">------------------</option>
|
||||
{% for job_position in job_positions %}
|
||||
<option value="{{job_position}}">{{job_position}}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-12 col-lg-6">
|
||||
<label class ="mb-2" for="join_date">{% trans "Join Date" %}</label>
|
||||
<input type="date" name="join_date" id="join_date" class="oh-input w-100">
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-12 col-lg-6">
|
||||
<label class ="mb-2" for="portal_stage">{% trans "Portal Stage" %}</label>
|
||||
<select class="" name="portal_stage" id="portal_stage">
|
||||
<option value="">------------------</option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-accordion">
|
||||
<div class="oh-accordion-header">{% trans "Advanced" %}</div>
|
||||
<div class="oh-accordion-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-12 col-lg-6">
|
||||
<div class="oh-input-group">
|
||||
<label class ="mb-2" for="join_date">{% trans "Join Date From" %}</label>
|
||||
<input type="date" name="join_date" id="join_date_start" class="oh-input w-100">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-12 col-lg-6">
|
||||
<div class="oh-input-group">
|
||||
<label class ="mb-2" for="join_date">{% trans "Join Date To" %}</label>
|
||||
<input type="date" name="join_date" id="join_date_end" class="oh-input w-100">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-tabs__action-bar mt-2" id="filter_item" x-on:click="open = false" >
|
||||
<button class="oh-btn oh-btn--small oh-btn--secondary oh-tabs__action-new-table w-100" >
|
||||
<ion-icon class="me-1 md hydrated" name="add-outline" role="img"aria-label="add outline"></ion-icon>
|
||||
{% trans "Filter" %}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="oh-wrapper oh-filter-tag-container filter-value"></div>
|
||||
<div class="oh-wrapper">
|
||||
<div class="oh-tabs">
|
||||
<ul class="oh-tabs__tablist">
|
||||
{% for recruitment in recruitments %}
|
||||
{% if request.user|task_manages:recruitment or perms.onboarding.view_candidatestage %}
|
||||
<li class="oh-tabs__tab" data-target="#tab_{{recruitment.id}}">
|
||||
{{recruitment}}
|
||||
<span
|
||||
class="oh-badge oh-badge--secondary oh-badge--small oh-badge--round ms-2 mr-2" title="{{recruitment.onboardingstage_set.all|length}} {% trans 'Stage' %}" style="padding-right: 0;">{{recruitment.onboardingstage_set.all|length}}</span>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<div class="oh-tabs__contents">
|
||||
{% for recruitment in recruitments %}
|
||||
{% if request.user|task_manages:recruitment or perms.onboarding.view_candidatestage %}
|
||||
|
||||
<div class="oh-tabs__content " id="tab_{{recruitment.id}}">
|
||||
|
||||
<!-- End of Sticky Table -->
|
||||
<div class="oh-card">
|
||||
{% if request.user|recruitment_manages:recruitment or perms.onboarding.add_onboardingstage %}
|
||||
<div class="oh-tabs__action-bar">
|
||||
<button class="oh-btn oh-btn--small oh-btn--secondary oh-tabs__action-new-table"
|
||||
data-toggle="oh-modal-toggle" data-target="#editModal1"
|
||||
hx-get="{% url 'stage-creation' recruitment.id %}" hx-target="#stageForm">
|
||||
<ion-icon class="me-1 md hydrated" name="add-outline" role="img"
|
||||
aria-label="add outline"></ion-icon>{% trans "Stage" %}
|
||||
</button>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div id="onboardingTable{{recruitment.id}}" class="demo">
|
||||
{% include 'onboarding/onboarding-table.html' %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- stage-form -->
|
||||
<div class="oh-modal" id="editModal1" role="dialog" aria-labelledby="editDialogModal" aria-hidden="true">
|
||||
<div class="oh-modal__dialog oh-modal__dialog--timeoff">
|
||||
<div class="oh-modal__dialog-header">
|
||||
<span class="oh-modal__dialog-title" id="editDialogDialog">{% trans "Create Stage" %}</span>
|
||||
<button class="oh-modal__close" aria-label="Close" title="{% trans "Close" %}">
|
||||
<ion-icon name="close-outline"></ion-icon>
|
||||
</button>
|
||||
</div>
|
||||
<div id="stageForm">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- stage-update-form -->
|
||||
<div class="oh-modal" id="editModal3" role="dialog" aria-labelledby="editDialogModal" aria-hidden="true">
|
||||
<div class="oh-modal__dialog oh-modal__dialog--timeoff">
|
||||
<div class="oh-modal__dialog-header">
|
||||
<span class="oh-modal__dialog-title" id="editDialogDialog">{% trans "Update Stage" %}</span>
|
||||
<button class="oh-modal__close" aria-label="Close" title="{% trans "Close" %}">
|
||||
<ion-icon name="close-outline"></ion-icon>
|
||||
</button>
|
||||
</div>
|
||||
<div id="updateStage">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- task-form -->
|
||||
<div class="oh-modal" id="editModal2" role="dialog" aria-labelledby="editDialogModal" aria-hidden="true">
|
||||
<div class="oh-modal__dialog oh-modal__dialog--timeoff">
|
||||
<div class="oh-modal__dialog-header">
|
||||
<span class="oh-modal__dialog-title" id="editDialogDialog">{% trans "Create Task" %}</span>
|
||||
<button class="oh-modal__close" aria-label="Close" title="{% trans "Close" %}">
|
||||
<ion-icon name="close-outline"></ion-icon>
|
||||
</button>
|
||||
</div>
|
||||
<div id="taskForm">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- task-form-update -->
|
||||
<div class="oh-modal" id="editModal4" role="dialog" aria-labelledby="editDialogModal" aria-hidden="true">
|
||||
<div class="oh-modal__dialog oh-modal__dialog--timeoff">
|
||||
<div class="oh-modal__dialog-header">
|
||||
<span class="oh-modal__dialog-title" id="editDialogDialog">{% trans "Update Task" %}</span>
|
||||
<button class="oh-modal__close" aria-label="Close" title="{% trans "Close" %}">
|
||||
<ion-icon name="close-outline"></ion-icon>
|
||||
</button>
|
||||
</div>
|
||||
<div id="updateTask">
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oh-modal" id="sendMailModal" role="dialog" aria-labelledby="" aria-hidden="true">
|
||||
<div class="oh-modal__dialog oh-modal__dialog--timeoff">
|
||||
<div class="oh-modal__dialog-header">
|
||||
<span class="oh-modal__dialog-title" id="modalTask">Send Mail</span>
|
||||
<button class="oh-modal__close" aria-label="Close" title="{% trans "Close" %}">
|
||||
<ion-icon name="close-outline" role="img" class="md hydrated" aria-label="close outline"></ion-icon>
|
||||
</button>
|
||||
</div>
|
||||
<div id="sendMailModalBody" class="p-3 ">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$("#search").on("htmx:afterRequest", function(event, xhr, data) {
|
||||
|
||||
alertContainer.append(alertDiv);
|
||||
$("#messages").html(alertContainer);
|
||||
});
|
||||
$("#is_closed").on("change", function() {
|
||||
if ($(this).is(":checked")) {
|
||||
window.location.href = "{% url 'onboarding-view' %}?closed={{status}}";
|
||||
} else {
|
||||
window.location.href = "{% url 'onboarding-view' %}";
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script src="{% static 'onboarding_view/activeTab.js' %}"></script>
|
||||
<script src="{% static 'onboarding_view/search.js' %}"></script>
|
||||
|
||||
{% endblock content %}
|
||||
@@ -1,128 +0,0 @@
|
||||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<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>Employee Onboarding - Horilla Dashboard</title>
|
||||
<link rel="stylesheet" href="{% static 'build/css/style.min.css' %}" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% if messages %}
|
||||
<div class="oh-wrapper">
|
||||
{% for message in messages %}
|
||||
<div class="oh-alert-container">
|
||||
<div class="oh-alert oh-alert--animated {{message.tags}}">
|
||||
{{ message }}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<div id="main">
|
||||
<main class="oh-onboarding">
|
||||
<div class="oh-onboarding-card">
|
||||
<div class="oh-onboarding-card__header">
|
||||
<span class="oh-onboarding-card__company-name">{{company}}</span>
|
||||
<ul class="oh-onboarding-card__steps">
|
||||
<li class="oh-onboarding-card__step ">
|
||||
<div class="oh-onboarding-card__count">1</div>
|
||||
<span class="oh-onboarding-card__text">Login</span>
|
||||
</li>
|
||||
<li class="oh-onboarding-card__step oh-onboarding-card__step--active">
|
||||
<div class="oh-onboarding-card__count">2</div>
|
||||
<span class="oh-onboarding-card__text">Profile Setup</span>
|
||||
</li>
|
||||
<li class="oh-onboarding-card__step">
|
||||
<div class="oh-onboarding-card__count">3</div>
|
||||
<span class="oh-onboarding-card__text">Personal Details</span>
|
||||
</li>
|
||||
<li class="oh-onboarding-card__step">
|
||||
<div class="oh-onboarding-card__count">4</div>
|
||||
<span class="oh-onboarding-card__text">Bank Details</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="oh-onboarding-card__container">
|
||||
|
||||
<form>
|
||||
<div class="oh-input-group w-100 d-flex justify-content-center">
|
||||
<div class="oh-profile-section__edit-photo me-4 mb-3" data-toggle="oh-modal-toggle"
|
||||
data-target="#uploadPhotoModal">
|
||||
{% if candidate.profile %}
|
||||
<img src="{{candidate.profile.url}}" class="oh-profile-section__avatar" alt="{{candidate.name}}"/>
|
||||
{% else %}
|
||||
<img src="https://ui-avatars.com/api/?name={{candidate}}&background=random" class="oh-profile-section__avatar" alt="{{candidate.name}}"/>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="oh-onboarding-card__greeting text-center">Welcome Aboard</h2>
|
||||
<h3 class="oh-onboarding-card__title oh-onboarding-card__title--h1 text-center">
|
||||
{{candidate.name}}</h2>
|
||||
<span class="oh-onboarding-card__subtitle mb-3 text-center">({{candidate.email}})</span>
|
||||
|
||||
<a href="{% url 'employee-creation' token %}"
|
||||
class="oh-btn oh-onboarding-card__button mt-4 oh-btn--secondary oh-btn--shadow w-100 mb-4"
|
||||
role="button">
|
||||
Next Step
|
||||
<ion-icon class="ms-2" name="arrow-forward-outline"></ion-icon>
|
||||
</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Upload Photo Modal -->
|
||||
<div class="oh-modal" id="uploadPhotoModal" role="dialog" aria-labelledby="uploadPhotoModal"
|
||||
aria-hidden="true">
|
||||
<div class="oh-modal__dialog">
|
||||
<div class="oh-modal__dialog-header">
|
||||
<span class="oh-modal__dialog-title" id="uploadPhotoModalLabel">Upload Photo</span>
|
||||
<button class="oh-modal__close" aria-label="Close">
|
||||
<ion-icon name="close-outline"></ion-icon>
|
||||
</button>
|
||||
</div>
|
||||
<form action="" method="post" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
<div class="oh-modal__dialog-body">
|
||||
<div class="oh-profile-section__image-container">
|
||||
<div class="oh-profile-section__modal-avatar">
|
||||
{% if candidate.profile %}
|
||||
<img src="{{candidate.profile.url}}"
|
||||
class="oh-profile-section__modal-image oh-upload-photo" alt="User Photo" />
|
||||
{% else %}
|
||||
<img src="https://ui-avatars.com/api/?name={{candidate}}&background=random"
|
||||
class="oh-profile-section__modal-image oh-upload-photo" alt="User Photo" />
|
||||
{% endif %}
|
||||
</div>
|
||||
<input type="file"
|
||||
class="oh-input oh-input--file oh-input--file-sm mt-4 oh-upload-input"
|
||||
data-target=".oh-upload-photo" name="profile" />
|
||||
|
||||
|
||||
<button type="submit" class="oh-btn oh-btn--secondary oh-btn--shadow">
|
||||
Update Image
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script src="{% static 'build/js/web.frontend.min.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></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,15 +0,0 @@
|
||||
{% load i18n %}
|
||||
<div class="p-2 mb-3" style="background-color:#6089d54e;
|
||||
color:#6089d5fd;border-radius: 5px;">
|
||||
Mail to {{candidate.email}}
|
||||
</div>
|
||||
<form hx-post="{% url 'onboarding-send-mail' candidate.id %}" hx-target="#sendMailModalBody" method="post">
|
||||
{% csrf_token %}
|
||||
<label for="subject" class="mb-1">Subject</label>
|
||||
<input type="text" class="oh-input w-100" id="subject{{candidate.id}}" name="subject">
|
||||
<label for="Body" class="mt-3 mb-1">Body</label>
|
||||
<textarea name="body" class="w-100 oh-input" id="Body{{candidate.id}}" cols="30" rows="2"></textarea>
|
||||
<button type="submit" class="oh-btn oh-btn--secondary w-100">
|
||||
{% trans "Send" %}
|
||||
</button>
|
||||
</form>
|
||||
@@ -1,35 +0,0 @@
|
||||
{% load i18n %}
|
||||
{% if form.errors %}
|
||||
<!-- form errors -->
|
||||
<div class="oh-wrapper">
|
||||
<div class="oh-alert-container">
|
||||
|
||||
{% for error in form.non_field_errors %}
|
||||
<div class="oh-alert oh-alert--animated oh-alert--danger">
|
||||
{{ error }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<form hx-post="{% url 'stage-creation' id %}">
|
||||
<div class="oh-modal__dialog-body pb-2">
|
||||
<label class="oh-label d-block">{% trans "Stage Title" %}</label>
|
||||
{{form.stage_title}}
|
||||
{{form.stage_title.errors}}
|
||||
</div>
|
||||
<div class="oh-modal__dialog-body pb-2" id="stageEmployee">
|
||||
<label class="oh-label d-block">{% trans "Manager" %}</label>
|
||||
{{form.employee_id}}
|
||||
{{form.employee_id.errors}}
|
||||
</div>
|
||||
<div class="oh-modal__dialog-body pb-2" id="stageEmployee">
|
||||
<label class="oh-label me-2">{% trans "Is Final Stage" %}</label>
|
||||
{{form.is_final_stage}}
|
||||
{{form.is_final_stage.errors}}
|
||||
</div>
|
||||
<div class="oh-modal__dialog-footer">
|
||||
<button id="formStage" type="submit" class="oh-btn oh-btn--secondary w-100">
|
||||
{% trans "Create" %}
|
||||
</button>
|
||||
</form>
|
||||
@@ -1,35 +0,0 @@
|
||||
{% load i18n %}
|
||||
{% if form.errors %}
|
||||
<!-- form errors -->
|
||||
<div class="oh-wrapper">
|
||||
<div class="oh-alert-container">
|
||||
|
||||
{% for error in form.non_field_errors %}
|
||||
<div class="oh-alert oh-alert--animated oh-alert--danger">
|
||||
{{ error }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<form hx-post="{% url 'stage-update' stage_id recruitment_id %}">
|
||||
<div class="oh-modal__dialog-body pb-2">
|
||||
<label class="oh-label d-block">{% trans "Stage Title" %}</label>
|
||||
{{form.stage_title}}
|
||||
{{form.stage_title.errors}}
|
||||
</div>
|
||||
<div class="oh-modal__dialog-body pb-2" id="updateEmployee">
|
||||
<label class="oh-label d-block">{% trans "Manager" %}</label>
|
||||
{{form.employee_id}}
|
||||
{{form.employee_id.errors}}
|
||||
</div>
|
||||
<div class="oh-modal__dialog-body pb-2" id="stageEmployee">
|
||||
<label class="oh-label me-2">{% trans "Is Final Stage" %}</label>
|
||||
{{form.is_final_stage}}
|
||||
{{form.is_final_stage.errors}}
|
||||
</div>
|
||||
<div class="oh-modal__dialog-footer">
|
||||
<button type="submit" class="oh-btn oh-btn--secondary w-100">
|
||||
{% trans "Update" %}
|
||||
</button>
|
||||
</form>
|
||||
@@ -1,30 +0,0 @@
|
||||
{% load i18n %}
|
||||
{% if form.errors %}
|
||||
<!-- form errors -->
|
||||
<div class="oh-wrapper">
|
||||
<div class="oh-alert-container">
|
||||
|
||||
{% for error in form.non_field_errors %}
|
||||
<div class="oh-alert oh-alert--animated oh-alert--danger">
|
||||
{{ error }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<form hx-post="{% url 'task-creation' id %}">
|
||||
<div class="oh-modal__dialog-body pb-2">
|
||||
<label class="oh-label d-block">{% trans "Task Title" %}</label>
|
||||
{{form.task_title}}
|
||||
{{form.task_title.errors}}
|
||||
</div>
|
||||
<div class="oh-modal__dialog-body pb-2" id="taskEmployee">
|
||||
<label class="oh-label d-block">{% trans "Manager" %}</label>
|
||||
{{form.employee_id}}
|
||||
{{form.employee_id.errors}}
|
||||
</div>
|
||||
<div class="oh-modal__dialog-footer">
|
||||
<button type="submit" class="oh-btn oh-btn--secondary w-100">
|
||||
{% trans "Apply" %}
|
||||
</button>
|
||||
</form>
|
||||
@@ -1,30 +0,0 @@
|
||||
{% load i18n %}
|
||||
{% if form.errors %}
|
||||
<!-- form errors -->
|
||||
<div class="oh-wrapper">
|
||||
<div class="oh-alert-container">
|
||||
|
||||
{% for error in form.non_field_errors %}
|
||||
<div class="oh-alert oh-alert--animated oh-alert--danger">
|
||||
{{ error }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<form hx-post="{% url 'task-update' task_id recruitment_id %}">
|
||||
<div class="oh-modal__dialog-body pb-2">
|
||||
<label class="oh-label d-block">{% trans "Task Title" %}</label>
|
||||
{{form.task_title}}
|
||||
{{form.task_title.errors}}
|
||||
</div>
|
||||
<div class="oh-modal__dialog-body pb-2" id="taskUpdateEmployee">
|
||||
<label class="oh-label d-block">{% trans "Manager" %}</label>
|
||||
{{form.employee_id}}
|
||||
{{form.employee_id.errors}}
|
||||
</div>
|
||||
<div class="oh-modal__dialog-footer">
|
||||
<button type="submit" class="oh-btn oh-btn--secondary w-100">
|
||||
{% trans "Update" %}
|
||||
</button>
|
||||
</form>
|
||||
@@ -1,125 +0,0 @@
|
||||
{% load static %}
|
||||
{% load i18n %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<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>Employee Onboarding - Horilla Dashboard</title>
|
||||
<link rel="stylesheet" href="{% static 'build/css/style.min.css' %}" />
|
||||
<style>
|
||||
ul.errorlist {
|
||||
color: #d9534f;
|
||||
background-color: #f0d8d8;
|
||||
border-color: #d6e9c6;padding: 15px;
|
||||
margin-top: 20px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
|
||||
}
|
||||
ul{
|
||||
list-style-type: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
{% if messages %}
|
||||
<div class="oh-wrapper">
|
||||
{% for message in messages %}
|
||||
<div class="oh-alert-container">
|
||||
<div class="oh-alert oh-alert--animated {{message.tags}}">
|
||||
{{ message }}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if form.errors %}
|
||||
<!-- form errors -->
|
||||
<div class="oh-wrapper">
|
||||
<div class="oh-alert-container">
|
||||
|
||||
{% for error in form.non_field_errors %}
|
||||
<div class="oh-alert oh-alert--animated oh-alert--danger">
|
||||
{{ error }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div id="main">
|
||||
<main class="oh-onboarding">
|
||||
<div class="oh-onboarding-card">
|
||||
<div class="oh-onboarding-card__header">
|
||||
<span class="oh-onboarding-card__company-name">{{company}}</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">{% trans "Login" %}</span>
|
||||
</li>
|
||||
<li class="oh-onboarding-card__step">
|
||||
<div class="oh-onboarding-card__count">2</div>
|
||||
<span class="oh-onboarding-card__text">{% trans "Profile Setup" %}</span>
|
||||
</li>
|
||||
<li class="oh-onboarding-card__step">
|
||||
<div class="oh-onboarding-card__count">3</div>
|
||||
<span class="oh-onboarding-card__text">{% trans "Personal Details" %}</span>
|
||||
</li>
|
||||
<li class="oh-onboarding-card__step">
|
||||
<div class="oh-onboarding-card__count">4</div>
|
||||
<span class="oh-onboarding-card__text">{% trans "Bank Details" %}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="oh-onboarding-card__container">
|
||||
<h1 class="oh-onboarding-card__title oh-onboarding-card__title--h2 text-center my-3">{% trans "Authentication" %}</h1>
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="oh-input-group">
|
||||
<label class="oh-label" for="password">{% trans "Password" %}</label>
|
||||
<div class="oh-password-input-container">
|
||||
{{form.password1}}
|
||||
<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>
|
||||
{{form.password1.errors}}
|
||||
</div>
|
||||
<div class="oh-input-group">
|
||||
<label class="oh-label" for="confirmPassword">{% trans "Confirm Password" %}</label>
|
||||
<div class="oh-password-input-container">
|
||||
{{form.password2}}
|
||||
<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>
|
||||
{{form.password2.errors}}
|
||||
</div>
|
||||
<button href="#" class="oh-btn oh-onboarding-card__button mt-4 oh-btn--secondary oh-btn--shadow w-100 mb-4"
|
||||
role="button">
|
||||
{% trans "Next Step" %}
|
||||
<ion-icon class="ms-2" name="arrow-forward-outline"></ion-icon>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="{% static 'build/js/web.frontend.min.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></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,50 +0,0 @@
|
||||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<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>Employee Onboarding - Horilla Dashboard</title>
|
||||
<link rel="stylesheet" href="{% static 'build/css/style.min.css' %}" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% if messages %}
|
||||
<div class="oh-wrapper">
|
||||
{% for message in messages %}
|
||||
<div class="oh-alert-container">
|
||||
<div class="oh-alert oh-alert--animated {{message.tags}}">
|
||||
{{ message }}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div id="main">
|
||||
<main class="oh-onboarding">
|
||||
<div class="oh-onboarding-card">
|
||||
<div class="oh-onboarding-card__container">
|
||||
<img src="{% static 'static/images/ui/online_party.svg' %}" class="oh-onboarding-card__lead-image mb-5" width="300"
|
||||
height="2" alt="Welcome Aboard" />
|
||||
<h1 class="oh-onboarding-card__title oh-onboarding-card__title--h1 text-center">
|
||||
Welcome Aboard!
|
||||
</h1>
|
||||
<p class="oh-onboarding-card__lead text-center">
|
||||
Hey there, welcome to our team. Let's get you started.
|
||||
</p>
|
||||
<a href="/" class="oh-btn oh-onboarding-card__button mt-4 oh-btn--secondary oh-btn--shadow" role="button">Next
|
||||
Step <ion-icon class="ms-2" name="arrow-forward-outline"></ion-icon></a>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="{% static 'build/js/web.frontend.min.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></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user