From 9fc11872dd6719d0ffe4e9aaf68ffc3eecba19fc Mon Sep 17 00:00:00 2001 From: Horilla Date: Tue, 8 Jul 2025 15:27:16 +0530 Subject: [PATCH] [UPDT] HORILLA_THEME: Added the style for Report module --- .../horilla_theme/assets/css/v1_styles.css | 211 ++++++ horilla_theme/templates/index.html | 2 + .../templates/report/asset_report.html | 383 +++++++++++ .../templates/report/attendance_report.html | 526 +++++++++++++++ .../templates/report/employee_report.html | 413 ++++++++++++ .../templates/report/leave_report.html | 593 +++++++++++++++++ .../templates/report/payroll_report.html | 587 +++++++++++++++++ .../templates/report/pms_report.html | 530 ++++++++++++++++ .../templates/report/recruitment_report.html | 598 ++++++++++++++++++ .../templates/survey/survey_card.html | 14 +- .../templates/survey/template_accordion.html | 10 +- .../survey/view_question_templates.html | 32 +- .../templates/survey_preview_form.html | 52 +- 13 files changed, 3897 insertions(+), 54 deletions(-) create mode 100644 horilla_theme/templates/report/asset_report.html create mode 100644 horilla_theme/templates/report/attendance_report.html create mode 100644 horilla_theme/templates/report/employee_report.html create mode 100644 horilla_theme/templates/report/leave_report.html create mode 100644 horilla_theme/templates/report/payroll_report.html create mode 100644 horilla_theme/templates/report/pms_report.html create mode 100644 horilla_theme/templates/report/recruitment_report.html diff --git a/horilla_theme/static/horilla_theme/assets/css/v1_styles.css b/horilla_theme/static/horilla_theme/assets/css/v1_styles.css index e4a78ef63..95b7280db 100644 --- a/horilla_theme/static/horilla_theme/assets/css/v1_styles.css +++ b/horilla_theme/static/horilla_theme/assets/css/v1_styles.css @@ -3099,3 +3099,214 @@ span.oh-activity-sidebar__a img { background: #ddd; border-radius: 5px; } + + + + /* REPORT MODULE STYLE */ + + #pivot-container { + border: 1px solid #ddd; + } + #pivot-container .pvtUiCell { + background-color: #fff; + } + #pivot-container .pvtUiCell .pvtRenderer, + #pivot-container .pvtUiCell .pvtAggregator { + border: transparent; + } + + .pvtRenderer { + background-color: transparent !important; + } + .pvtRenderer :focus { + border: none !important; + outline: none !important; + } + .pvtRenderer :focus { + border: none !important; + outline: none !important; + } + + #pivot-container .pvtColLabel, + #pivot-container .pvtRowLabel { + font-weight: 500 !important; + } + + #pivot-container .pvtTable tbody tr th, + #pivot-container .pvtTable thead tr th { + background-color: #fff !important; + border: 1px solid #e9edf1 !important; + } + + .pvtAxisContainer li { + display: flex; + } + + .pvtAxisContainer li span.pvtAttr { + border-radius: 0 !important; + flex: 1 1 auto; + background-color: #f9f9f9 !important; + position: relative; + } + .pvtAxisContainer li span.pvtAttr .pvtTriangle { + position: absolute; + right: 8px; + } + + .pvtHorizList .ui-sortable-handle .pvtAttr { + padding: 2px 26px 2px 8px !important; + } + .pvtAxisContainer, + .pvtVals { + border: 1px solid #e9edf1 !important; + } + + .pvtRendererArea { + padding: 0 !important; + } + + #pivot-container { + width: 100%; + overflow-x: auto; + } + #pivot-container .pvtTable { + min-width: 1200px; + width: 100%; + min-width: unset; + max-width: 100%; + border-collapse: collapse; + font-size: 16px; + background-color: #ffffff; + table-layout: auto; + } + + .pvtUi { + width: 100% !important; + } + + #pivot-container .pvtUiCell .pvtAggregator, + #pivot-container .pvtUiCell .pvtRenderer { + background-color: transparent !important; + } + + .pvtAttrDropdown { + border: 1px solid #eaeaea !important; + } + + .pvtSearch { + border: 1px solid hsl(213, 22%, 84%) !important; + border-radius: 0rem !important; + padding: 0.8rem 1.25rem !important; + color: hsl(0, 0%, 11%) !important; + margin-bottom: 4px !important; + } + + .pvtFilterBox { + padding: 16px; + width: auto !important; + border: 1px solid #e9edf1 !important; + } + .pvtFilterBox h4, .pvtFilterBox .h4 { + font-weight: bold; + font-size: 0.9rem; + text-align: left; + margin-left: 0 !important; + margin-top: 0 !important; + } + .pvtFilterBox p { + margin-bottom: 0 !important; + display: flex; + gap: 8px; + } + .pvtFilterBox p :nth-child(1) { + width: 100%; + border-radius: 0 !important; + background-color: hsl(8, 77%, 56%); + color: hsl(0, 0%, 100%); + text-decoration: none; + font-size: 0.9rem; + padding: 0.65rem 1rem; + border: none; + } + .pvtFilterBox p :nth-child(2) { + width: 100%; + border-radius: 0 !important; + background-color: #f0f0f0; + color: hsl(0, 0%, 16%); + text-decoration: none; + font-size: 0.9rem; + padding: 0.65rem 1rem; + border: none; + } + .pvtFilterBox p input { + background-color: transparent !important; + } + .pvtFilterBox p button { + border: none !important; + margin-bottom: 4px; + } + .pvtFilterBox .pvtCheckContainer p :nth-child(1) { + background-color: unset !important; + width: auto; + padding: 0.5rem 0 !important; + } + .pvtFilterBox .pvtCheckContainer p :nth-child(2) { + background-color: transparent !important; + width: auto; + } + + #pivot-container .pvtTable td { + border: 1px solid #e9edf1 !important; + } + + #pivot-container .pvtTable tr:nth-child(2n) td { + background-color: #fff !important; + border: 1px solid #e9edf1 !important; + } + + #pivot-container .pvtTable th { + background-color: #007bff; + padding: 12px; + border: 1px solid #ccc; + font-size: 18px; + } + + #pivot-container .pvtTable td { + padding: 12px; + border: 1px solid #ccc; + font-size: 16px; + background-color: #fdfdfd; + color: #333; + } + + #pivot-container .pvtTable tr:nth-child(even) td { + background-color: #f2f2f2; + } + + #pivot-container .pvtRowLabel, + #pivot-container .pvtColLabel { + background-color: #e9ecef; + font-weight: bold; + font-size: 16px; + } + + #pivot-container .pvtTotalLabel { + background-color: #6c757d; + font-weight: bold; + font-size: 16px; + } + + #pivot-container .pvtGrandTotal { + background-color: #343a40; + font-weight: bold; + font-size: 16px; + color: #fff; + } + + #pivot-container .pvtTable tbody tr th, + #pivot-container .pvtTable thead tr th { + background-color: #e6eeee; + border: 2px solid #cdcdcd; + font-size: 10pt; + padding: 8px; + } diff --git a/horilla_theme/templates/index.html b/horilla_theme/templates/index.html index 14f1b40ef..a3a956e11 100644 --- a/horilla_theme/templates/index.html +++ b/horilla_theme/templates/index.html @@ -31,6 +31,8 @@ rel="stylesheet" href="/static/horilla_theme/assets/css/v1_styles.css" /> + + diff --git a/horilla_theme/templates/report/asset_report.html b/horilla_theme/templates/report/asset_report.html new file mode 100644 index 000000000..5f700e602 --- /dev/null +++ b/horilla_theme/templates/report/asset_report.html @@ -0,0 +1,383 @@ +{% extends "index.html" %} +{% block content %} +{% load static %} +{% load i18n %} +{% load widget_tweaks %} +{% load assets_custom_filter %} + + +
+ +
+

+ {% trans "Asset Reports" %} +

+ + +
+ +
+ +
+ +
+
+ + +
+
+
+
+ + + + +
+
+ + + +
+
+ + + + + + +{% endblock content %} diff --git a/horilla_theme/templates/report/attendance_report.html b/horilla_theme/templates/report/attendance_report.html new file mode 100644 index 000000000..1f6b31a97 --- /dev/null +++ b/horilla_theme/templates/report/attendance_report.html @@ -0,0 +1,526 @@ +{% extends "index.html" %} +{% block content %} +{% load static %} +{% load i18n %} + +
+ {% include 'filter_tags.html' %} + +
+

+ {% trans "Attendance Reports" %} +

+ + +
+ +
+ +
+ +
+
+ + +
+
+
+
+ + + + +
+ +
+ + +
+
+ + + + + + + +{% endblock content %} diff --git a/horilla_theme/templates/report/employee_report.html b/horilla_theme/templates/report/employee_report.html new file mode 100644 index 000000000..ccdbb06b4 --- /dev/null +++ b/horilla_theme/templates/report/employee_report.html @@ -0,0 +1,413 @@ +{% extends "index.html" %} +{% block content %} +{% load static %} +{% load i18n %} + +
+ +
+

+ {% trans "Employee Reports" %} +

+
+ +
+ +
+ +
+
+ + +
+
+
+
+ + + + +
+
+ + +
+
+ + + + +{% endblock content %} diff --git a/horilla_theme/templates/report/leave_report.html b/horilla_theme/templates/report/leave_report.html new file mode 100644 index 000000000..4d08d52a7 --- /dev/null +++ b/horilla_theme/templates/report/leave_report.html @@ -0,0 +1,593 @@ +{% extends "index.html" %} +{% block content %} +{% load static %} +{% load i18n %} +{% include 'filter_tags.html' %} + +
+ +
+

+ {% trans "Leave Reports" %} +

+ +
+ +
+ +
+ +
+
+ + +
+
+
+
+ + + + +
+
+ + + +
+ {% trans "Choose Report" %} : + +
+ + +
+ + +
+
+ + + + + + +{% endblock content %} + + + + diff --git a/horilla_theme/templates/report/payroll_report.html b/horilla_theme/templates/report/payroll_report.html new file mode 100644 index 000000000..520a500f9 --- /dev/null +++ b/horilla_theme/templates/report/payroll_report.html @@ -0,0 +1,587 @@ +{% extends "index.html" %} +{% block content %} +{% load static %} +{% load i18n %} + +
+ +
+

+ {% trans "Payroll Reports" %} +

+ + +
+ +
+ +
+ +
+
+ + +
+
+
+
+ + + + +
+
+ + +
+ {% trans "Choose Report" %} : + +
+ + +
+ + +
+
+ + + + + + +{% endblock content %} diff --git a/horilla_theme/templates/report/pms_report.html b/horilla_theme/templates/report/pms_report.html new file mode 100644 index 000000000..28bcb5be4 --- /dev/null +++ b/horilla_theme/templates/report/pms_report.html @@ -0,0 +1,530 @@ +{% extends "index.html" %} +{% block content %} +{% load static %} +{% load i18n %} + +
+ +
+

+ {% trans "Performance Reports" %} +

+ +
+ +
+ +
+ +
+
+ + +
+
+
+
+ + + + + + +
+
+ + +
+ {% trans "Choose Report" %} : + +
+ + + +
+ + + +
+ +
+ + + + + + +{% endblock content %} diff --git a/horilla_theme/templates/report/recruitment_report.html b/horilla_theme/templates/report/recruitment_report.html new file mode 100644 index 000000000..7d0dd0388 --- /dev/null +++ b/horilla_theme/templates/report/recruitment_report.html @@ -0,0 +1,598 @@ +{% extends "index.html" %} +{% block content %} +{% load static %} +{% load i18n %} + +
+ +
+

+ {% trans "Candidate Reports" %} +

+
+ +
+ +
+ +
+
+ + +
+
+
+
+ + + + +
+
+ + +
+ {% trans "Choose Report" %} : + +
+ + + +
+ + + +
+
+ + + + + +{% endblock content %} diff --git a/horilla_theme/templates/survey/survey_card.html b/horilla_theme/templates/survey/survey_card.html index 64e76a543..4d5c4a30f 100644 --- a/horilla_theme/templates/survey/survey_card.html +++ b/horilla_theme/templates/survey/survey_card.html @@ -59,13 +59,13 @@ {% endif %} {% if perms.recruitment.delete_recruitmentsurvey %}
  • - {% trans "Delete" %} @@ -78,7 +78,7 @@
    {{question}}

    - {% for rec in question.recruitment_ids.all %} {{rec}},  + {% for rec in question.recruitment_ids.all %} {{rec}},  {% endfor %}

    @@ -113,7 +113,7 @@ hx-get="{% url 'rec-filter-survey' %}?{{pd}}" hx-target="#view-container" min="1" - /> / {{ questions.paginator.num_pages }} + /> / {{ questions.paginator.num_pages }} {% if questions.has_next %}
    • @@ -135,12 +135,12 @@
    -
    {% trans "Questions" %} -
    - +
    {% include "survey/survey_card.html" %}
    @@ -185,4 +185,4 @@
    -{% endblock content %} \ No newline at end of file +{% endblock content %} diff --git a/horilla_theme/templates/survey_preview_form.html b/horilla_theme/templates/survey_preview_form.html index e9f5927c9..ae8238264 100644 --- a/horilla_theme/templates/survey_preview_form.html +++ b/horilla_theme/templates/survey_preview_form.html @@ -9,11 +9,11 @@
    {{form.non_field_errors}}
    - {% for question in questions %} + {% for question in questions %}

    - {{ question.question }} + {{ question.question }} {% if question.is_mandatory %} * @@ -66,14 +66,14 @@ /> %

    {% endcomment %}
    -
    0% @@ -135,31 +135,31 @@
    - -
    - -
    @@ -465,7 +465,7 @@ {% if question.is_mandatory %} required {% endif %} />
    -
    +
    {% endif %} {% endcomment %} {% endfor %}
    @@ -488,7 +488,7 @@