File: //usr/local/CyberCP/websiteFunctions/templates/websiteFunctions/ListDockersite.html
{% extends "baseTemplate/index.html" %}
{% load i18n %}
{% block title %}{% trans "Docker Sites - CyberPanel" %}{% endblock %}
{% block content %}
{% load static %}
{% get_current_language as LANGUAGE_CODE %}
<!-- Current language: {{ LANGUAGE_CODE }} -->
<script>
$(document).ready(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
<div ng-controller="listDockersite" class="container">
{% if Deleted %}
<div class="alert alert-success" role="alert">
<button aria-label="" class="close" data-dismiss="alert"></button>
<strong>Success: </strong>Website successfully deleted.
</div>
{% endif %}
{% if LPError %}
<div class="alert alert-danger" role="alert">
<button aria-label="" class="close" data-dismiss="alert"></button>
<strong>Error: </strong> {{ LPMessage }}
</div>
{% endif %}
<div id="page-title">
<h2 id="domainNamePage">{% trans "List Docker Site" %}
<a class="pull-right btn btn-primary"
href="{% url "CreateDockersite" %}">{% trans "Create Docker App" %}</a>
</h2>
<img ng-hide="cyberPanelLoading" src="{% static 'images/loading.gif' %}">
<p>{% trans "On this page you can launch, list, modify and delete Dockersite from your server." %}</p>
</div>
<div class="col-sm-10" style="padding: 0px; box-shadow: 0px 0px 1px 0px #888888; margin-bottom: 2%">
<input ng-change="searchWebsites()" placeholder="Search..." ng-model="patternAdded" name="dom" type="text"
class="form-control" required>
</div>
<div class="col-sm-2">
<div class="form-group">
<select ng-model="recordsToShow" ng-change="getFurtherWebsitesFromDB()"
class="form-control" id="example-select">
<option>10</option>
<option>50</option>
<option>100</option>
</select>
</div>
</div>
<div ng-repeat="web in WebSitesList track by $index" class="panel col-md-12"
style="padding: 0px; box-shadow: 0px 0px 1px 0px #888888;">
<div class="">
<div class="table-responsive no-gutter text-nowrap" style="overflow-x: hidden;">
<div style="border-bottom: 1px solid #888888" class="col-md-12">
<div class="col-lg-10 content-box-header" style="text-transform: none;">
<a href="http://{$ web.domain $}" target="_blank" title="Visit Site">
<h2 style="display: inline; color: #414C59;" ng-bind="web.domain"></h2>
</a>
</div>
<div class="col-md-2 content-box-header" style="text-transform: none;">
<a href="/docker/manage/{$ web.id $}/app" target="_self" title="Manage Website">
<i class="p fa fa-external-link btn-icon"> </i>
<span>{% trans "Manage" %}</span>
</a>
</div>
</div>
<div class="col-md-12">
<div class="col-md-3 content-box-header">
<i class="p fa fa-sticky-note btn-icon text-muted" data-toggle="tooltip"
data-placement="right" title="State"> </i>
<span ng-bind="web.state" style="text-transform: none"></span>
</div>
<div class="col-md-3 content-box-header">
<i class="p fa fa-map-marker btn-icon text-muted" data-toggle="tooltip"
data-placement="right" title="IP Address"> </i>
<span ng-bind="web.ipAddress"></span>
</div>
<div class="col-md-3 content-box-header">
<strong>CPU: </strong>
<span ng-bind="web.CPU" style="text-transform: none"></span>
</div>
{# <div class="col-md-3 content-box-header">#}
{##}
{# <span ng-bind="web.phpVersion"></span>#}
{# </div>#}
</div>
<div class="col-md-12">
<div class="col-md-3 content-box-header">
<strong>Ram: </strong>
<span ng-bind="web.Ram" style="text-transform: none"></span>
</div>
<div class="col-md-3 content-box-header">
<i class="p fa fa-cubes btn-icon text-muted" data-toggle="tooltip"
data-placement="right"
title="Packages"> </i>
<span ng-bind="web.package" style="text-transform: none"></span>
</div>
<div class="col-md-3 content-box-header">
<i class="p fa fa-user btn-icon text-muted" data-toggle="tooltip" data-placement="right"
title="Owner"> </i>
<span ng-bind="web.admin" style="text-transform: none"></span>
</div>
<div class="col-md-3 content-box-header">
<button class="btn btn-danger"
ng-click="DeleteDockersite('{% url 'ListDockerSites' %}?DeleteID=', web.id )"
data-toggle="modal" data-target="#deleteDockersite"> Delete
</button>
</div>
</div>
<div id="deleteDockersite" class="modal fade" role="dialog">
<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
×
</button>
<h4 class="modal-title">Deleting Docker App
</h4>
</div>
<div class="modal-body">
<h4> Are you sure?</h4>
</div>
<div class="modal-footer">
<button type="button"
class="btn btn-default" data-dismiss="modal">
Close
</button>
<button type="button"
class="btn btn-warning" ng-click="ConfirmDelete()">
Delete
</button>
</div>
</div>
</div>
</div>
<div id="listFail" class="alert alert-danger">
<p>{% trans "Cannot list websites. Error message:" %} {$ errorMessage $}</p>
</div>
</div>
</div>
</div>
<div style="margin-top: 2%" class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-9">
</div>
<div class="col-md-3">
<div class="form-group">
<select ng-model="currentPage" class="form-control"
ng-change="getFurtherWebsitesFromDB()">
<option ng-repeat="page in pagination">{$ $index + 1 $}</option>
</select>
</div>
</div>
</div> <!-- end row -->
</div>
</div>
</div>
{% endblock %}