Nemcio/CyberPanel
1
0
Fork 0
mirror of https://github.com/usmannasir/cyberpanel.git synced 2025-11-10 23:36:11 +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; 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> </style>
<div class="container-fluid" ng-controller="ListDockersitecontainer"> <div class="container-fluid" ng-controller="ListDockersitecontainer">
@@ -232,9 +262,62 @@
<small>{% trans "Manage containers on server" %}</small> <small>{% trans "Manage containers on server" %}</small>
</div> </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="info-section">
<div class="header"> <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>
<div class="content"> <div class="content">
<div class="info-grid"> <div class="info-grid">
@@ -322,12 +405,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
// Initialize tooltips
$('[data-toggle="tooltip"]').tooltip(); $('[data-toggle="tooltip"]').tooltip();
}); });
</script> </script>
{% endblock %}