CyberPanel/websiteFunctions/templates/websiteFunctions/listWebsites.html

{% extends "baseTemplate/index.html" %}
{% load i18n %}
{% block title %}{% trans "Websites Hosted - CyberPanel" %}{% endblock %}
{% block content %}

{% load static %}
{% get_current_language as LANGUAGE_CODE %}
<!-- Current language: {{ LANGUAGE_CODE }} -->


<div class="container">

    <div id="page-title">
       <h2 id="domainNamePage">{% trans "List Websites" %}</h2>
       <p>{% trans "On this page you can launch, list, modify and delete websites from your server." %}</p>
    </div>

<div class="panel">
    <div class="panel-body">
        <h3 class="title-hero">
            {% trans "Websites" %}
        </h3>
        <div ng-controller="listWebsites" class="example-box-wrapper">

                <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="datatable-example">
                <thead>
                <tr>
                    <th>Domain</th>
                    <th>Launch</th>
                    <th>IP Address</th>
                    <th>Package</th>
                    <th>Owner</th>
                    <th>State</th>
                    <th>Email</th>
                </tr>
                </thead>
                <tbody>

                <tr ng-repeat="web in WebSitesList track by $index">
                    <td ng-bind="web.domain"></td>
                    <td><a href="{$ web.domain $}"><img width="30px" height="30" class="center-block" src="{% static 'baseTemplate/assets/image-resources/webPanel.png' %}"></a></td>
                    <td ng-bind="web.ipAddress"></td>
                    <td ng-bind="web.package"></td>
                    <td ng-bind="web.admin"></td>
                    <td ng-bind="web.state"></td>
                    <td ng-bind="web.adminEmail"></td>
                </tr>

                </tbody>
                </table>

        <div id="listFail" class="alert alert-danger">
            <p>{% trans "Cannot list websites. Error message:" %} {$ errorMessage $}</p>
        </div>

            <div class="row">

                            <div class="col-sm-4 col-sm-offset-8">

                                <nav aria-label="Page navigation">
                                      <ul class="pagination">


                                            {% for items in pagination %}

                                                <li ng-click="getFurtherWebsitesFromDB({{ forloop.counter }})" id="webPages"><a href="">{{ forloop.counter }}</a></li>

                                            {% endfor %}

                                      </ul>
                                    </nav>


                            </div>


                        </div>




        </div>
    </div>
</div>



{% endblock %}