WebTech/application/dash/templates/dashboard.html

{% extends "base_template.html" %}

{%block title%}Dashboard{%endblock%}

{%block content%}
<div class="grid-container">
    {% for service in services%}
    <div class="bg-light container-xxl">
        <div class="row" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
            Name: {{service["name"]}} <br>
            URL: {{service["url"]}}
        </div>
        <div class="dots dropdown">
            <button class="btn btn-light" type="button" id="threeDotDropdown" data-bs-toggle="dropdown"
                aria-expanded="false">
                &#x22EE;
            </button>
            <ul class="dropdown-menu" aria-labelledby="threeDotDropdown">
                <li><a class="dropdown-item">Edit</a>
                    <form action="{{ url_for('dash.edit_service', service_id=service.id) }}" method="POST"
                        style="display:inline;">
                        <button type="submit" class="dropdown-item">Update</button>
                    </form>
                </li>
                <li>
                    <hr class="dropdown-divider">
                </li>
                <li>
                    <form action="{{ url_for('dash.delete_item', service_id=service.id) }}" method="POST"
                        style="display:inline;">
                        <button type="submit" class="dropdown-item">Delete</button>
                    </form>
                </li>
            </ul>
        </div>

    </div>
    {% endfor %}
</div>
{%endblock%}