1
0
Fork 0
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

This commit is contained in:
Chaim Lev-Ari 2024-04-11 10:11:17 +03:00 committed by GitHub
parent e9ebef15a0
commit 76e49ed9a8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
41 changed files with 756 additions and 903 deletions

View file

@ -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);
}
}

View file

@ -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;
}

View file

@ -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>

View file

@ -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: '<',
},
});

View file

@ -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;
}

View file

@ -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>

View file

@ -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: '@',
},
});

View file

@ -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>

View file

@ -1,9 +0,0 @@
import angular from 'angular';
angular.module('portainer.app').component('showHide', {
templateUrl: './show-hide.html',
bindings: {
value: '<',
useAsterisk: '<',
},
});

View file

@ -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);

View file

@ -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);
}

View file

@ -1 +0,0 @@
<i aria-hidden="true" ng-class="['status-indicator', { ok: $ctrl.ok }]"></i>