Nemcio/CyberPanel
1
0
Fork 0
mirror of https://github.com/usmannasir/cyberpanel.git synced 2025-11-10 15:26:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

add additional info to docker js update

Browse Source
This commit is contained in:
usmannasir
2025-04-11 00:37:11 +05:00
parent fc44822f42
commit d566c6494e
1 changed files with 159 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
websiteFunctions/templates/websiteFunctions/DockerSiteHome.html
View File

@@ -215,6 +215,36 @@
border: none;
}
}
.container-name {
font-weight: 500;
color: #333;
}
.actions {
display: flex;
gap: 8px;
}
.btn-sm {
padding: 5px 10px;
font-size: 12px;
}
.btn-sm i {
margin-right: 4px;
}
.text-muted {
color: #666;
font-size: 13px;
margin-left: 8px;
}
.d-flex {
display: flex;
}
.justify-content-between {
justify-content: space-between;
}
.align-items-center {
align-items: center;
}
</style>
<div class="container-fluid" ng-controller="ListDockersitecontainer">
@@ -232,9 +262,62 @@
<small>{% trans "Manage containers on server" %}</small>
</div>
<!-- Container List Section -->
<div class="info-section" ng-show="conatinerview">
<div class="header">
<h3>{% trans "Available Containers" %}</h3>
<span style="display: none" id="sitename">{{ dockerSite.SiteName }}</span>
</div>
<div class="content">
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>Name</th>
<th>Launch</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="web in ContainerList track by $index">
<td>
<div class="container-name">{$ web.name $}</div>
</td>
<td>
<button class="btn btn-primary btn-sm" ng-click="Lunchcontainer(web.id)">
<i class="fa fa-external-link"></i> Launch
</button>
</td>
</tr>
</tbody>
</table>
</div>
<div id="listFail" class="alert alert-danger" style="display: none;">
<p>{% trans "Error message:" %} {$ errorMessage $}</p>
</div>
</div>
</div>
<!-- Container Details Section -->
<div ng-hide="conatinerview">
<div class="info-section">
<div class="header">
<h3>{% trans "CONTAINERS" %} {$ cName $}</h3>
<div class="d-flex justify-content-between align-items-center">
<h3>
{% trans "Container:" %} {$ cName $}
<small class="text-muted">ID: {$ cid $}</small>
</h3>
<div class="actions">
<button class="btn btn-primary btn-sm" ng-click="refreshStatus()">
<i class="fa fa-refresh"></i> Refresh
</button>
<button class="btn btn-warning btn-sm" data-toggle="modal" data-target="#Recreatedockerapp">
<i class="fa fa-recycle"></i> Recreate
</button>
<button class="btn btn-default btn-sm" ng-click="conatinerview = true">
<i class="fa fa-arrow-left"></i> Back
</button>
</div>
</div>
</div>
<div class="content">
<div class="info-grid">
@@ -322,12 +405,10 @@
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
// Initialize tooltips
$('[data-toggle="tooltip"]').tooltip();
});
</script>
{% endblock %}