This commit is contained in:
@ -0,0 +1,184 @@
|
||||
{% extends "layouts/default.html" %}
|
||||
|
||||
{% block title %} Manage Cases {% endblock title %}
|
||||
|
||||
{% block stylesheets %}
|
||||
<link rel="stylesheet" href="/static/assets/css/dataTables.select.min.css">
|
||||
<link rel="stylesheet" href="/static/assets/css/bootstrap-select.min.css">
|
||||
<link rel="stylesheet" href="/static/assets/css/bootstrap-multiselect.min.css">
|
||||
{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% if current_user.is_authenticated %}
|
||||
<div class="page-inner">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="card-title">Cases management</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="col-md-12">
|
||||
<div class="row">
|
||||
<div class="col d-flex justify-content-center">
|
||||
<ul class="nav nav-pills nav-dark" id="pills-tabs-manage-case"
|
||||
role="tablist">
|
||||
<li class="nav-item submenu">
|
||||
<a class="nav-link active show" id="add-tab" data-toggle="pill" href="#add" role="tab"
|
||||
aria-controls="pills-home-nobd" aria-selected="true">New</a>
|
||||
</li>
|
||||
<li class="nav-item submenu">
|
||||
<a class="nav-link" id="view-tab" data-toggle="pill" href="#view" role="tab"
|
||||
aria-controls="view-tab" aria-selected="false">Cases list</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="myTab1Content" class="tab-content col-md-12">
|
||||
<div id="add" role="tabpanel" aria-labelledby="add-tab"
|
||||
class="tab-pane fade px-4 py-5 show active">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-lg-6 col-sm-12">
|
||||
<h4 class="border-bottom pb-3">General info</h4>
|
||||
Fields with an asterix are required.
|
||||
<form method="post" action='' id="form_new_case" autocomplete="off">
|
||||
{{ form.hidden_tag() }}
|
||||
|
||||
<div class="mt-4 col-md-12 col-lg-12 col-sm-12">
|
||||
<div class="input-group mb-4">
|
||||
{{ form.case_customer(class="selectpicker form-control") }}
|
||||
</div>
|
||||
<div class="input-group mb-4">
|
||||
{{ form.case_template_id(class="selectpicker form-control", data_actions_box="true") }}
|
||||
</div>
|
||||
<div class="input-group mb-4">
|
||||
{{ form.classification_id(class="selectpicker form-control") }}
|
||||
</div>
|
||||
<div class="input-group mb-4">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text">Case name *</span>
|
||||
</div>
|
||||
{{ form.case_name(class="form-control", type="text") }}
|
||||
</div>
|
||||
<div class="input-group mb-4">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text">Short description *</span>
|
||||
</div>
|
||||
{{ form.case_description(class="form-control", type="text") }}
|
||||
</div>
|
||||
<div class="input-group mb-4">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text">SOC ticket ID</span>
|
||||
</div>
|
||||
{{ form.case_soc_id(class="form-control", type="text") }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-6 col-sm-12">
|
||||
{% if attributes and attributes|length > 0 %}
|
||||
<h4><ul class="nav nav-tabs nav-lines mr-4" role="tablist">
|
||||
{% for ca in attributes %}
|
||||
<li class="nav-item submenu">
|
||||
<a class="nav-link {% if loop.index == 1 %}{{"active show"}}{% endif %}" data-toggle="tab" href="#itab_{{ loop.index }}_{{ ca.lower() | replace(' ', '_' ) }}"
|
||||
role="tab" aria-selected="false">{{ca}}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul></h4>
|
||||
<div role="tabpanel">
|
||||
<div class="tab-content">
|
||||
{% set is_case_page = True %}
|
||||
{% include 'modals/modal_attributes_tabs.html' %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-outline-success ml-4 mt-5 float-right" id="submit_new_case_btn" onclick="submit_new_case();">Create</button>
|
||||
</div>
|
||||
<div id="view" role="tabpanel" aria-labelledby="view-tab" class="tab-pane fade px-4 py-5">
|
||||
<button type="button" class="btn btn-sm btn-outline-dark float-right mr-3"
|
||||
onclick="refresh_case_table();">
|
||||
Refresh
|
||||
</button>
|
||||
<div class="table-responsive" id="cases_table_wrapper">
|
||||
<div class="selectgroup">
|
||||
<span id="table_buttons"></span>
|
||||
</div>
|
||||
<table class="table display wrap col-border table-striped table-hover" width="100%"
|
||||
cellspacing="0" id="cases_table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Description</th>
|
||||
<th>Customer</th>
|
||||
<th>State</th>
|
||||
<th>Open date</th>
|
||||
<th>Close date</th>
|
||||
<th>SOC Ticket</th>
|
||||
<th>Opening user</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Description</th>
|
||||
<th>Customer</th>
|
||||
<th>State</th>
|
||||
<th>Open date</th>
|
||||
<th>Close date</th>
|
||||
<th>SOC Ticket</th>
|
||||
<th>Opening user</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- End bordered tabs -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal " tabindex="-1" role="dialog" id="modal_case_detail" data-backdrop="true">
|
||||
<div class="modal-xl modal-dialog" role="document">
|
||||
<div class="modal-content" id="info_case_modal_content">
|
||||
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<div class="modal bg-shadow-gradient" tabindex="-1" role="dialog" id="modal_ac_additional" data-backdrop="true">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
{% block javascripts %}
|
||||
|
||||
<script src="/static/assets/js/core/jquery.validate.js"></script>
|
||||
<script src="/static/assets/js/plugin/datatables/dataTables.cellEdit.js"></script>
|
||||
<script src="/static/assets/js/plugin/datatables/dataTables.buttons.min.js"></script>
|
||||
<script src="/static/assets/js/plugin/datatables/dataTables.select.min.js"></script>
|
||||
<script src="/static/assets/js/plugin/datatables/dataTables.responsive.min.js"></script>
|
||||
<script src="/static/assets/js/plugin/datatables/buttons.html5.min.js"></script>
|
||||
<script src="/static/assets/js/plugin/datatables/buttons.print.min.js"></script>
|
||||
<script src="/static/assets/js/plugin/datatables/buttons.print.min.js"></script>
|
||||
|
||||
<script src="/static/assets/js/plugin/select/bootstrap-select.min.js"></script>
|
||||
<script src="/static/assets/js/plugin/select/bootstrap-multiselect.min.js"></script>
|
||||
|
||||
<script src="/static/assets/js/iris/datatablesUtils.js"></script>
|
||||
<script src="/static/assets/js/iris/manage.cases.common.js"></script>
|
||||
<script src="/static/assets/js/iris/manage.cases.js"></script>
|
||||
|
||||
<script>
|
||||
$('form#form_new_case').validate();
|
||||
</script>
|
||||
|
||||
{% endblock javascripts %}
|
||||
Reference in New Issue
Block a user