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

front end for n8n version

Browse Source
This commit is contained in:
usmannasir
2025-04-12 19:27:10 +05:00
parent 9186e6be23
commit e658962bd3
1 changed files with 25 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -915,7 +915,7 @@
} }
}); });
// Angular extension for container action handling // Add n8n version checking and update functionality
angular.module('WebsitesApp').run(['$rootScope', function($rootScope) { angular.module('WebsitesApp').run(['$rootScope', function($rootScope) {
// Add custom icon rendering for container actions // Add custom icon rendering for container actions
$rootScope.renderIcon = function(iconName) { $rootScope.renderIcon = function(iconName) {
@@ -949,9 +949,9 @@
}; };
} }
// Add n8n version checking function // Initialize n8n version info for containers
$rootScope.checkN8nVersion = function(container) { $rootScope.initializeN8nVersion = function(container) {
// Simulate version check // This would normally come from the backend
container.n8nVersion = { container.n8nVersion = {
current: '1.0.0', current: '1.0.0',
latest: '1.1.0', latest: '1.1.0',
@@ -970,6 +970,17 @@
container.updatingN8n = false; container.updatingN8n = false;
}, 3000); }, 3000);
}; };
// Initialize version info when loading containers
var originalLunchcontainer = $rootScope.Lunchcontainer;
if (originalLunchcontainer) {
$rootScope.Lunchcontainer = function(containerId) {
var result = originalLunchcontainer(containerId);
// Initialize version info after container is loaded
$rootScope.initializeN8nVersion($rootScope.web);
return result;
};
}
}]); }]);
}); });
</script> </script>
@@ -1144,6 +1155,12 @@
<h3> <h3>
<i class="fa fa-cube"></i> <i class="fa fa-cube"></i>
n8n Container: {$ web.name $} n8n Container: {$ web.name $}
<div class="version-info" style="font-size: 14px; margin-top: 5px; color: #666;">
<i class="fa fa-code-fork"></i> Version {$ web.n8nVersion.current || '...' $}
<span ng-if="web.n8nVersion.updateAvailable" class="label label-warning" style="margin-left: 10px;">
Update available: {$ web.n8nVersion.latest $}
</span>
</div>
<span class="workflow-status" ng-class="{'active': web.status === 'running', 'error': web.status !== 'running'}"> <span class="workflow-status" ng-class="{'active': web.status === 'running', 'error': web.status !== 'running'}">
<i class="fa" ng-class="{'fa-check-circle': web.status === 'running', 'fa-times-circle': web.status !== 'running'}"></i> <i class="fa" ng-class="{'fa-check-circle': web.status === 'running', 'fa-times-circle': web.status !== 'running'}"></i>
{$ web.status $} {$ web.status $}
@@ -1165,57 +1182,15 @@
<a class="btn btn-info" href="http://{$ location.hostname $}:{$ web.ports['5678/tcp'][0].HostPort $}" target="_blank" ng-if="web.status === 'running'"> <a class="btn btn-info" href="http://{$ location.hostname $}:{$ web.ports['5678/tcp'][0].HostPort $}" target="_blank" ng-if="web.status === 'running'">
<i class="fa fa-external-link"></i><span>Open n8n</span> <i class="fa fa-external-link"></i><span>Open n8n</span>
</a> </a>
<button class="btn btn-success" ng-click="checkN8nVersion(web)" ng-if="web.status === 'running'"> <button class="btn btn-success" ng-click="updateN8n(web)" ng-if="web.status === 'running' && web.n8nVersion.updateAvailable" ng-disabled="web.updatingN8n">
<i class="fa fa-refresh"></i><span>Check Version</span> <i class="fa" ng-class="{'fa-refresh fa-spin': web.updatingN8n, 'fa-arrow-up': !web.updatingN8n}"></i>
<span ng-if="!web.updatingN8n">Update to {$ web.n8nVersion.latest $}</span>
<span ng-if="web.updatingN8n">Updating...</span>
</button> </button>
</div> </div>
</div> </div>
<div class="container-body"> <div class="container-body">
<!-- Version Info Box -->
<div class="info-box" ng-if="web.n8nVersion">
<h4>
<i class="fa fa-info-circle"></i> <span>n8n Version Information</span>
<button class="btn btn-sm btn-success pull-right" ng-click="updateN8n(web)" ng-disabled="web.updatingN8n">
<i class="fa" ng-class="{'fa-refresh fa-spin': web.updatingN8n, 'fa-arrow-up': !web.updatingN8n}"></i>
<span ng-if="!web.updatingN8n">Update n8n</span>
<span ng-if="web.updatingN8n">Updating...</span>
</button>
</h4>
<div class="row">
<div class="col-md-6">
<table class="table">
<tbody>
<tr>
<td width="40%"><strong>Current Version:</strong></td>
<td><code>{$ web.n8nVersion.current $}</code></td>
</tr>
<tr>
<td><strong>Latest Version:</strong></td>
<td><code>{$ web.n8nVersion.latest $}</code></td>
</tr>
<tr>
<td><strong>Update Available:</strong></td>
<td>
<span class="label" ng-class="{'label-success': !web.n8nVersion.updateAvailable, 'label-warning': web.n8nVersion.updateAvailable}">
{$ web.n8nVersion.updateAvailable ? 'Yes' : 'No' $}
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-6">
<div class="alert" ng-class="{'alert-info': !web.n8nVersion.updateAvailable, 'alert-warning': web.n8nVersion.updateAvailable}">
<i class="fa" ng-class="{'fa-info-circle': !web.n8nVersion.updateAvailable, 'fa-exclamation-triangle': web.n8nVersion.updateAvailable}"></i>
<span ng-if="!web.n8nVersion.updateAvailable">Your n8n installation is up to date.</span>
<span ng-if="web.n8nVersion.updateAvailable">
A new version of n8n is available. Click the update button to upgrade to version {$ web.n8nVersion.latest $}.
</span>
</div>
</div>
</div>
</div>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="info-box"> <div class="info-box">