mirror of
https://github.com/portainer/portainer.git
synced 2025-08-07 14:55:27 +02:00
refactor(kube/apps): migrate table to react [EE-4685] (#11028)
Some checks are pending
ci / build_images (map[arch:amd64 platform:linux version:]) (push) Waiting to run
ci / build_images (map[arch:amd64 platform:windows version:1809]) (push) Waiting to run
ci / build_images (map[arch:amd64 platform:windows version:ltsc2022]) (push) Waiting to run
ci / build_images (map[arch:arm platform:linux version:]) (push) Waiting to run
ci / build_images (map[arch:arm64 platform:linux version:]) (push) Waiting to run
ci / build_images (map[arch:ppc64le platform:linux version:]) (push) Waiting to run
ci / build_images (map[arch:s390x platform:linux version:]) (push) Waiting to run
ci / build_manifests (push) Blocked by required conditions
/ triage (push) Waiting to run
Lint / Run linters (push) Waiting to run
Test / test-client (push) Waiting to run
Test / test-server (map[arch:amd64 platform:linux]) (push) Waiting to run
Test / test-server (map[arch:amd64 platform:windows version:1809]) (push) Waiting to run
Test / test-server (map[arch:amd64 platform:windows version:ltsc2022]) (push) Waiting to run
Test / test-server (map[arch:arm64 platform:linux]) (push) Waiting to run
Some checks are pending
ci / build_images (map[arch:amd64 platform:linux version:]) (push) Waiting to run
ci / build_images (map[arch:amd64 platform:windows version:1809]) (push) Waiting to run
ci / build_images (map[arch:amd64 platform:windows version:ltsc2022]) (push) Waiting to run
ci / build_images (map[arch:arm platform:linux version:]) (push) Waiting to run
ci / build_images (map[arch:arm64 platform:linux version:]) (push) Waiting to run
ci / build_images (map[arch:ppc64le platform:linux version:]) (push) Waiting to run
ci / build_images (map[arch:s390x platform:linux version:]) (push) Waiting to run
ci / build_manifests (push) Blocked by required conditions
/ triage (push) Waiting to run
Lint / Run linters (push) Waiting to run
Test / test-client (push) Waiting to run
Test / test-server (map[arch:amd64 platform:linux]) (push) Waiting to run
Test / test-server (map[arch:amd64 platform:windows version:1809]) (push) Waiting to run
Test / test-server (map[arch:amd64 platform:windows version:ltsc2022]) (push) Waiting to run
Test / test-server (map[arch:arm64 platform:linux]) (push) Waiting to run
This commit is contained in:
parent
e9ebef15a0
commit
76e49ed9a8
41 changed files with 756 additions and 903 deletions
|
@ -1,13 +0,0 @@
|
|||
export default class CopyButtonController {
|
||||
/* @ngInject */
|
||||
constructor(clipboard) {
|
||||
this.clipboard = clipboard;
|
||||
this.state = { isFading: false };
|
||||
}
|
||||
|
||||
copyValueText() {
|
||||
this.clipboard.copyText(this.value);
|
||||
this.state.isFading = true;
|
||||
setTimeout(() => (this.state.isFading = false), 1000);
|
||||
}
|
||||
}
|
|
@ -1,39 +0,0 @@
|
|||
@-webkit-keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.8;
|
||||
}
|
||||
99% {
|
||||
opacity: 0.01;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.8;
|
||||
}
|
||||
99% {
|
||||
opacity: 0.01;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.copy-button-fadeout {
|
||||
animation: fadeOut 2.5s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
.copy-button-copy-text {
|
||||
opacity: 0;
|
||||
margin-left: 7px;
|
||||
color: #23ae89;
|
||||
}
|
|
@ -1,10 +0,0 @@
|
|||
<span>
|
||||
<button type="button" class="btn btn-link nopadding" ng-click="$ctrl.copyValueText()" title="Copy Value">
|
||||
<pr-icon icon="'clipboard'"></pr-icon>
|
||||
Copy
|
||||
</button>
|
||||
<span ng-class="{ 'copy-button-fadeout': $ctrl.state.isFading }" class="copy-button-copy-text">
|
||||
<pr-icon icon="'check'"></pr-icon>
|
||||
copied
|
||||
</span>
|
||||
</span>
|
|
@ -1,11 +0,0 @@
|
|||
import angular from 'angular';
|
||||
import controller from './copy-button.controller';
|
||||
import './copy-button.css';
|
||||
|
||||
angular.module('portainer.app').component('copyButton', {
|
||||
templateUrl: './copy-button.html',
|
||||
controller,
|
||||
bindings: {
|
||||
value: '<',
|
||||
},
|
||||
});
|
|
@ -1,11 +0,0 @@
|
|||
.sensitive-details-container {
|
||||
display: grid;
|
||||
grid-template-columns: 25ch 25ch auto;
|
||||
gap: 20px;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.show-hide-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
|
@ -1,5 +0,0 @@
|
|||
<div class="sensitive-details-container">
|
||||
<div class="text-wrap">{{ $ctrl.key }}</div>
|
||||
<show-hide class="show-hide-container" value="$ctrl.value" use-asterisk="true"></show-hide>
|
||||
<copy-button value="$ctrl.value"></copy-button>
|
||||
</div>
|
|
@ -1,10 +0,0 @@
|
|||
import angular from 'angular';
|
||||
import './sensitive-details.css';
|
||||
|
||||
angular.module('portainer.app').component('sensitiveDetails', {
|
||||
templateUrl: './sensitive-details.html',
|
||||
bindings: {
|
||||
key: '@',
|
||||
value: '@',
|
||||
},
|
||||
});
|
|
@ -1,15 +0,0 @@
|
|||
<div class="small text-muted text-wrap">
|
||||
<span ng-if="!$ctrl.show && $ctrl.useAsterisk">********</span>
|
||||
<span ng-if="$ctrl.show">{{ $ctrl.value }}</span>
|
||||
</div>
|
||||
|
||||
<button type="button" class="btn btn-link nopadding" ng-click="$ctrl.show = !$ctrl.show" title="Show/Hide value">
|
||||
<div ng-if="!$ctrl.show">
|
||||
<pr-icon icon="'eye-off'"></pr-icon>
|
||||
Show</div
|
||||
>
|
||||
<div ng-if="$ctrl.show">
|
||||
<pr-icon icon="'eye'"></pr-icon>
|
||||
Hide</div
|
||||
>
|
||||
</button>
|
|
@ -1,9 +0,0 @@
|
|||
import angular from 'angular';
|
||||
|
||||
angular.module('portainer.app').component('showHide', {
|
||||
templateUrl: './show-hide.html',
|
||||
bindings: {
|
||||
value: '<',
|
||||
useAsterisk: '<',
|
||||
},
|
||||
});
|
|
@ -1,12 +0,0 @@
|
|||
import angular from 'angular';
|
||||
|
||||
import './status-indicator.css';
|
||||
|
||||
export const statusIndicator = {
|
||||
templateUrl: './status-indicator.html',
|
||||
bindings: {
|
||||
ok: '<',
|
||||
},
|
||||
};
|
||||
|
||||
angular.module('portainer.app').component('statusIndicator', statusIndicator);
|
|
@ -1,13 +0,0 @@
|
|||
.status-indicator {
|
||||
padding: 0 !important;
|
||||
margin-right: 1ch;
|
||||
border-radius: 50%;
|
||||
background-color: var(--red-3);
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ok {
|
||||
background-color: var(--green-3);
|
||||
}
|
|
@ -1 +0,0 @@
|
|||
<i aria-hidden="true" ng-class="['status-indicator', { ok: $ctrl.ok }]"></i>
|
Loading…
Add table
Add a link
Reference in a new issue