Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-04 21:35:23 +02:00
Code Issues Releases Activity

feat(edge): show last check in date (#4782)

Browse source 
* feat(k8s): better form validation for configuration keys (#4728) (#4733)

Co-authored-by: Simon Meng <simon.meng@portainer.io>

* feat(home): show edge valid tag

* fix(endpoint): show right heartbeat

* style(endpoints): add some comments

Co-authored-by: cong meng <mcpacino@gmail.com>
Co-authored-by: Simon Meng <simon.meng@portainer.io>
This commit is contained in:
Chaim Lev-Ari 2021-03-01 02:43:47 +02:00 • committed by GitHub
parent f2faccdb10
commit 91ff7e4143
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 64 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

20
app/portainer/components/endpoint-list/endpoint-item/endpoint-item-controller.js
View file

@ -26,8 +26,24 @@ class EndpointItemController {
return _.join(tagNames, ',');
}
isEdgeEndpoint() {
return this.model.Type === 4 || this.model.Type === 7;
}
calcIsCheckInValid() {
if (!this.isEdgeEndpoint()) {
return false;
}
const checkInInterval = this.model.EdgeCheckinInterval;
const now = Math.floor(Date.now() / 1000);
// give checkIn some wiggle room
return now - this.model.LastCheckInDate <= checkInInterval * 2;
}
$onInit() {
this.endpointTags = this.joinTags();
this.isCheckInValid = this.calcIsCheckInValid();
}
$onChanges({ tags, model }) {
@ -35,6 +51,10 @@ class EndpointItemController {
return;
}
this.endpointTags = this.joinTags();
if (model) {
this.isCheckInValid = this.calcIsCheckInValid();
}
}
}

30
app/portainer/components/endpoint-list/endpoint-item/endpointItem.html
View file

@ -19,18 +19,26 @@
{{ $ctrl.model.Name }}
</span>
<span class="space-left blocklist-item-subtitle">
<span ng-if="$ctrl.model.Type === 4 || $ctrl.model.Type === 7" class="small text-muted">
<span ng-if="$ctrl.model.EdgeID"><i class="fas fa-link"></i> associated</span>
<span ng-if="!$ctrl.model.EdgeID"><i class="fas fa-unlink"></i> <s>associated</s></span>
<span ng-if="$ctrl.isEdgeEndpoint()">
<span ng-if="!$ctrl.model.EdgeID" class="label label-default"><s>associated</s></span>
<span ng-if="$ctrl.model.EdgeID">
<span class="label" ng-class="{ 'label-danger': !$ctrl.isCheckInValid, 'label-success': $ctrl.isCheckInValid }">heartbeat</span>
<span class="space-left small text-muted" ng-if="$ctrl.model.LastCheckInDate">
{{ $ctrl.model.LastCheckInDate | getisodatefromtimestamp }}
</span>
</span>
</span>
<span class="label label-{{ $ctrl.model.Status | endpointstatusbadge }}" ng-if="$ctrl.model.Type !== 4 && $ctrl.model.Type !== 7">
{{ $ctrl.model.Status === 1 ? 'up' : 'down' }}
</span>
<span class="space-left small text-muted" ng-if="$ctrl.model.Snapshots[0]">
{{ $ctrl.model.Snapshots[0].Time | getisodatefromtimestamp }}
</span>
<span class="space-left small text-muted" ng-if="$ctrl.model.Kubernetes.Snapshots[0]">
{{ $ctrl.model.Kubernetes.Snapshots[0].Time | getisodatefromtimestamp }}
<span ng-if="!$ctrl.isEdgeEndpoint()">
<span class="label label-{{ $ctrl.model.Status | endpointstatusbadge }}">
{{ $ctrl.model.Status === 1 ? 'up' : 'down' }}
</span>
<span class="space-left small text-muted" ng-if="$ctrl.model.Snapshots[0]">
{{ $ctrl.model.Snapshots[0].Time | getisodatefromtimestamp }}
</span>
<span class="space-left small text-muted" ng-if="$ctrl.model.Kubernetes.Snapshots[0]">
{{ $ctrl.model.Kubernetes.Snapshots[0].Time | getisodatefromtimestamp }}
</span>
</span>
</span>
</span>

16
app/portainer/views/home/homeController.js
View file

@ -13,7 +13,8 @@ angular
EndpointProvider,
StateManager,
ModalService,
MotdService
MotdService,
SettingsService
) {
$scope.state = {
connectingToEdgeEndpoint: false,
@ -82,7 +83,7 @@ angular
var groups = data.groups;
EndpointHelper.mapGroupNameToEndpoint(endpoints, groups);
EndpointProvider.setEndpoints(endpoints);
deferred.resolve({ endpoints: endpoints, totalCount: data.endpoints.totalCount });
deferred.resolve({ endpoints: decorateEndpoints(endpoints), totalCount: data.endpoints.totalCount });
})
.catch(function error(err) {
Notifications.error('Failure', err, 'Unable to retrieve endpoint information');
@ -98,14 +99,15 @@ angular
});
try {
const [{ totalCount, endpoints }, tags] = await Promise.all([getPaginatedEndpoints(0, 100), TagService.tags()]);
const [{ totalCount, endpoints }, tags, settings] = await Promise.all([getPaginatedEndpoints(0, 100), TagService.tags(), SettingsService.settings()]);
$scope.tags = tags;
$scope.defaultEdgeCheckInInterval = settings.EdgeAgentCheckinInterval;
$scope.totalCount = totalCount;
if (totalCount > 100) {
$scope.endpoints = [];
} else {
$scope.endpoints = endpoints;
$scope.endpoints = decorateEndpoints(endpoints);
}
} catch (err) {
Notifications.error('Failed loading page data', err);
@ -113,4 +115,10 @@ angular
}
initView();
function decorateEndpoints(endpoints) {
return endpoints.map((endpoint) => {
return { ...endpoint, EdgeCheckinInterval: endpoint.EdgeAgentCheckinInterval || $scope.defaultEdgeCheckInInterval };
});
}
});