baangt/flask/app/templates/testrun/item_list.html

{% extends "base.html" %}

{% block title %}
    {{ type|name_by_type }}
{% endblock %}

{% block content %}

<main>

<!-- bread crumb -->
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/">Home</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ type|name_by_type }}</li>
    </ol>
</nav>

<!-- flash messages -->
{% with messages = get_flashed_messages(with_categories=true) %}
    {% for category, msg in messages %}
        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
            {{ msg }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    {% endfor %}
{% endwith %}

<!-- item list -->
<div class="container mt-5">

    <!-- item title -->
    <div class="row">
        <div class="col-md-9">
            <h2>{{ type|name_by_type }}</h2>
        </div>
        <!-- create button -->
        <div class="col-md-3">
            <a class="btn btn-primary {% if type == 'testrun' %} btn-right {% endif %}" href="/{{ type }}/new" role="button">
                <strong>&plus; </strong>create {{ type|name_by_type(False) }}
            </a>
        </div>
    </div>

    <!-- filter box -->
    <div class="row mb-3">
        <div class="col-md-9">
            <input type="text" id="filter" placeholder="Search..." onkeyup="filter_items(this)">
        </div>
        <!-- Testrun Import button -->
        {% if type == 'testrun' %}
        <div class="col-md-3">
            <button type="button" class="btn btn-success btn-right" data-toggle="modal" data-target="#importModal">
                <strong>&plus; </strong>import {{ type|name_by_type(False) }}
            </button>
        </div>

        <!-- Import Modal -->
        <div class="modal fade" id="importModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Import {{ type|name_by_type(False) }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form method="post" enctype="multipart/form-data" action="{{ url_for('import_testsun') }}">
                        {{ form.hidden_tag() }}
                        <div class="modal-body">
                            <div class="custom-file">
                                <!--input type="file" class="custom-file-input" id="customFile" onchange="get_file(this)"-->
                                {{ form.file(class="custom-file-input", accept=".xlsx", onchange="get_file(this)") }}
                                <label class="custom-file-label" for="{{ form.file.name }}">Choose a file</label>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Import</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        {% endif %}
    </div>

    <!-- header -->
    <div class="row border-top border-bottom py-3">
        <div class="col-md-4"><strong>Name</strong></div>
        <div class="col-md-5"><strong>Description</strong></div>

        <!-- Test Step fields -->
        {% if type == 'teststep' %}
            <div class="col"><strong>Activity Type</strong></div>
        {% else %}
            <div class="col"><strong>Created</strong></div>
        {% endif %}
    </div>

    <!-- item list -->
    {% for item in items %}
        <div class="row border-top py-3 testrun-item">
            <div class="col-md-4 text-break">
                <a class="filtered" data-toggle="collapse" href="#item{{ item.id }}" aria-expanded="false">
                    {{ item.name }}
                </a>
            </div>
            <div class="filtered col-md-5 text-break text-break">{{ item.description }}</div>
            {% if type == 'teststep' %}    
                <div class="filtered col">{{ item.activity_type }}</div>
            {% else %}
                <div class="col">{{ item.created|time }}</div>
            {% endif %}

            <div class="col-12 collapse mt-1" id="item{{ item.id }}">
                <!-- created data -->
                <p><small>
                    Created {{ item.created|time }} by {{ item.creator }}
                </small></p>
                <!-- edited data -->
                {% if item.edited %}
                    <p><small>
                        Last edidted {{ item.edited|time }} by {{ item.editor }}
                    </small></p>
                {% endif %}

                <ul class="list-group">

                    <!-- description -->
                    {% if not type == 'teststep' %}
                        <li class="list-group-item h5 list-group-item-dark">Description</li>
                        <li class="list-group-item">{{ item.description }}</li>
                    {% endif %}

                    <!-- Testrun fields -->
                    {% if type == 'testrun' %}

                    <li class="list-group-item h5 list-group-item-dark">{{ 'testcase_sequence'|name_by_type }}</li>
                    {% if item.testcase_sequences %}
                        {% for sequence in item.testcase_sequences %}
                        <li class="list-group-item">{{ sequence }}</li>
                        {% endfor %}
                    {% else %}
                        <li class="list-group-item">No Test Case Sequence Defined</li>
                    {% endif %}

                    {% endif %}

                    <!-- Class Name -->
                    {% if type == 'testcase_sequence' or type == 'testcase' or type == 'teststep_sequences' %}

                    <li class="list-group-item h5 list-group-item-dark">Class Name</li>
                    <li class="list-group-item">{{ item.classname }}</li>
                    
                    {% endif %}

                    <!-- Testcase Sequence fields -->
                    {% if type == 'testcase_sequence' %}

                    <li class="list-group-item h5 list-group-item-dark">Data Files</li>
                    {% if item.datafiles %}
                        {% for datafile in item.datafiles %}
                        <li class="list-group-item">{{ datafile }}</li>
                        {% endfor %}
                    {% else %}
                        <li class="list-group-item">No Data File Defined</li>
                    {% endif %}

                    <li class="list-group-item h5 list-group-item-dark">{{ 'testcase'|name_by_type }}</li>
                    {% if item.testcases %}
                        {% for testcase in item.testcases %}
                        <li class="list-group-item">{{ testcase }}</li>
                        {% endfor %}
                    {% else %}
                        <li class="list-group-item">No Test Case Defined</li>
                    {% endif %}

                    {% endif %}

                    <!-- Test Case fields -->
                    {% if type == 'testcase' %}

                    <li class="list-group-item h5 list-group-item-dark">Browser Type</li>
                    <li class="list-group-item">{{ item.browser_type }}</li>

                    <li class="list-group-item h5 list-group-item-dark">Test Case Type</li>
                    <li class="list-group-item">{{ item.testcase_type }}</li>

                    <li class="list-group-item h5 list-group-item-dark">{{ 'teststep_sequence'|name_by_type }}</li>
                    {% if item.teststep_sequences %}
                        {% for sequence in item.teststep_sequences %}
                        <li class="list-group-item">{{ sequence }}</li>
                        {% endfor %}
                    {% else %}
                        <li class="list-group-item">No Test Case Step Sequence Defined</li>
                    {% endif %}

                    {% endif %}

                    <!-- Test Step Sequence fields -->
                    {% if type == 'teststep_sequence' %}

                    <li class="list-group-item h5 list-group-item-dark">{{ 'teststep'|name_by_type }}</li>
                    {% if item.teststeps %}
                        {% for step in item.teststeps %}
                        <li class="list-group-item">{{ step }}</li>
                        {% endfor %}
                    {% else %}
                        <li class="list-group-item">No Test Step Defined</li>
                    {% endif %}

                    {% endif %}

                    <!-- Test Step fields -->
                    {% if type == 'teststep' %}
                    <li class="list-group-item h5 list-group-item-dark">Parameters</li>
                    <li class="list-group-item">
                        <!-- 
                        <div class="row border-bottom py-2">
                            <div class="col-md-3">
                                <strong>Activity Type</strong>
                            </div>
                            <div class="col">
                                {{ item.activity_type }}
                            </div>
                        </div>
                        -->

                        <!-- Valu/Comparision -->
                        <div class="row py-2">
                            <div class="col-md-2">
                                <strong>Value</strong>
                            </div>
                            <div class="col-md-2">
                                <strong>Comparision</strong>
                            </div>
                            <div class="col-md-2">
                                <strong>Value 2</strong>
                            </div>
                        </div>

                        <div class="row border-bottom py-2">
                            <div class="col-md-2 text-break">
                                {{ item.value }}
                            </div>
                            <div class="col-md-2">
                                {{ item.comparision }}
                            </div>
                            <div class="col-md-2">
                                {{ item.value2 }}
                            </div>
                        </div>

                        <!-- others -->
                        <div class="row border-bottom py-2">
                            <div class="col-md-3">
                                <strong>Locator Type</strong>
                            </div>
                            <div class="col-md-9">
                                {{ item.locator_type }}
                            </div>
                        </div>

                        <div class="row border-bottom py-2">
                            <div class="col-md-3">
                                <strong>Locator</strong>
                            </div>
                            <div class="col-md-9">
                                {% if item.locator %}{{ item.locator }}{% endif %}
                            </div>
                        </div>


                        <div class="row border-bottom py-2">
                            <div class="col-md-3">
                                <strong>Optional</strong>
                            </div>
                            <div class="col-md-9">
                                {{ item.optional }}
                            </div>
                        </div>

                        <div class="row border-bottom py-2">
                            <div class="col-md-3">
                                <strong>Timeout</strong>
                            </div>
                            <div class="col-md-9">
                                {% if item.timeout %}{{ item.timeout }}{% endif %}
                            </div>
                        </div>

                        <div class="row border-bottom py-2">
                            <div class="col-md-3">
                                <strong>Release</strong>
                            </div>
                            <div class="col-md-9">
                                {% if item.release %}{{ item.release }}{% endif %}
                            </div>
                        </div>
                    </li>

                    {% endif %}

                </ul>
                
                <!-- buttons -->
                <p>
                    <a class="btn btn-primary px-5 my-3 mr-3" href="/{{ type }}/{{ item.id }}/edit" role="button">Edit</a>
                    <!-- Testrun buttons -->
                    {% if type == 'testrun' %}
                        <!-- Update button -->
                        <button type="button" class="btn btn-primary px-5 my-3 mr-3" data-toggle="modal" data-target="#updateModal" onmousedown="set_update_item('{{ item.id }}')">
                            Update
                        </button>
                        <!-- Export button -->
                        <button type="button" class="btn btn-success px-5 my-3 mr-3" data-toggle="modal" data-target="#exportModal" onmousedown="set_export_id('{{ item.id }}')">
                            Export
                        </button>
                    {% endif %}
                    <button class="btn btn-danger px-5 my-3" data-toggle="modal" data-target="#deleteModal" onmousedown="set_delete_item('{{ type|name_by_type }}','{{ type }}','{{ item.id }}')">
                        Delete
                    </button>
                </p>
               
            </div>
        </div>
    {% endfor %}

    <!-- Update Modal -->
    {% if type == 'testrun' %}
        <div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="updateLabel"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form method="post" enctype="multipart/form-data" id="updateForm">
                        {{ form.hidden_tag() }}
                        <div class="modal-body">
                            <div class="custom-file">
                                {{ form.file(class="custom-file-input", accept=".xlsx", onchange="get_file(this)") }}
                                <label class="custom-file-label" for="{{ form.file.name }}">Choose a file</label>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Update</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    {% endif %}

    <!-- Export  Modal -->
    <div class="modal fade" id="exportModal" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="exportLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exportLabel">Export Testrun</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="exportModalBody">
                    <div id="exportResponse">
                    </div>
                    <div id="exportRequest">
                        <div class="custom-control custom-radio">
                            <input type="radio" id="xlsxRadio" name="formatRadio" class="custom-control-input" checked>
                            <label class="custom-control-label" for="xlsxRadio">XLSX</label>
                        </div>
                        <div class="custom-control custom-radio">
                            <input type="radio" id="jsonRadio" name="formatRadio" class="custom-control-input" disabled>
                            <label class="custom-control-label" for="jsonRadio">JSON</label>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary" id="exportButton" onclick="exportTestrun(this)">Export</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Delete Modal -->
    <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="deleteLabel"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Delete all child elements?
                </div>
                <div class="modal-footer dialog" id="deleteButtons">
                    <button type="button" class="btn btn-secondary btn-right" onclick="delete_item(this.parentElement, true)">
                        Yes
                    </button>
                    <button type="button" class="btn btn-primary btn-right" onclick="delete_item(this.parentElement, false)">
                        No
                    </button>
                </div>
            </div>
        </div>
    </div>



</div>
</main>


{% endblock %}