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

feat(ui): portainer base component css change [EE-3381] (#7115)

Browse source
This commit is contained in:
Chaim Lev-Ari 2022-06-23 09:32:18 +03:00 • committed by GitHub
parent 825269c119
commit f78a6568a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
70 changed files with 999 additions and 1596 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/docker/containers/components/ContainersDatatable/ContainersDatatable.tsx
View file

@ -141,6 +141,14 @@ export function ContainersDatatable({
return (
<TableContainer>
<TableTitle icon="fa-cubes" label="Containers">
<SearchBar value={searchBarValue} onChange={handleSearchBarChange} />
<TableActions>
<ContainersDatatableActions
selectedItems={selectedFlatRows.map((row) => row.original)}
isAddActionVisible={isAddActionVisible}
endpointId={endpoint.Id}
/>
</TableActions>
<TableTitleActions>
<ColumnVisibilityMenu<DockerContainer>
columns={columnsToHide}
@ -156,16 +164,6 @@ export function ContainersDatatable({
</TableTitleActions>
</TableTitle>
<TableActions>
<ContainersDatatableActions
selectedItems={selectedFlatRows.map((row) => row.original)}
isAddActionVisible={isAddActionVisible}
endpointId={endpoint.Id}
/>
</TableActions>
<SearchBar value={searchBarValue} onChange={handleSearchBarChange} />
<Table
className={tableProps.className}
role={tableProps.role}

11
app/docker/containers/components/ContainersDatatable/ContainersDatatableActions.tsx
View file

@ -68,7 +68,7 @@ export function ContainersDatatableActions({
<ButtonGroup>
<Authorized authorizations="DockerContainerStart">
<Button
color="success"
color="light"
onClick={() => onStartClick(selectedItems)}
disabled={selectedItemCount === 0 || !hasStoppedItemsSelected}
>
@ -79,7 +79,7 @@ export function ContainersDatatableActions({
<Authorized authorizations="DockerContainerStop">
<Button
color="danger"
color="light"
onClick={() => onStopClick(selectedItems)}
disabled={selectedItemCount === 0 || !hasRunningItemsSelected}
>
@ -90,7 +90,7 @@ export function ContainersDatatableActions({
<Authorized authorizations="DockerContainerKill">
<Button
color="danger"
color="light"
onClick={() => onKillClick(selectedItems)}
disabled={selectedItemCount === 0}
>
@ -101,6 +101,7 @@ export function ContainersDatatableActions({
<Authorized authorizations="DockerContainerRestart">
<Button
color="light"
onClick={() => onRestartClick(selectedItems)}
disabled={selectedItemCount === 0}
>
@ -111,6 +112,7 @@ export function ContainersDatatableActions({
<Authorized authorizations="DockerContainerPause">
<Button
color="light"
onClick={() => onPauseClick(selectedItems)}
disabled={selectedItemCount === 0 || !hasRunningItemsSelected}
>
@ -121,6 +123,7 @@ export function ContainersDatatableActions({
<Authorized authorizations="DockerContainerUnpause">
<Button
color="light"
onClick={() => onResumeClick(selectedItems)}
disabled={selectedItemCount === 0 || !hasPausedItemsSelected}
>
@ -131,7 +134,7 @@ export function ContainersDatatableActions({
<Authorized authorizations="DockerContainerDelete">
<Button
color="danger"
color="dangerlight"
onClick={() => onRemoveClick(selectedItems)}
disabled={selectedItemCount === 0}
>

16
app/docker/views/containers/edit/container.html
View file

@ -14,29 +14,29 @@
<rd-widget-header icon="fa-cogs" title-text="Actions"></rd-widget-header>
<rd-widget-body classes="padding">
<div class="btn-group" role="group" aria-label="...">
<button authorization="DockerContainerStart" class="btn btn-success btn-sm" ng-click="start()" ng-disabled="container.State.Running || container.IsPortainer"
<button authorization="DockerContainerStart" class="btn btn-light btn-sm" ng-click="start()" ng-disabled="container.State.Running || container.IsPortainer"
><i class="fa fa-play space-right" aria-hidden="true"></i>Start</button
>
<button authorization="DockerContainerStop" class="btn btn-danger btn-sm" ng-click="stop()" ng-disabled="!container.State.Running || container.IsPortainer"
<button authorization="DockerContainerStop" class="btn btn-light btn-sm" ng-click="stop()" ng-disabled="!container.State.Running || container.IsPortainer"
><i class="fa fa-stop space-right" aria-hidden="true"></i>Stop</button
>
<button authorization="DockerContainerKill" class="btn btn-danger btn-sm" ng-click="kill()" ng-disabled="!container.State.Running || container.IsPortainer"
<button authorization="DockerContainerKill" class="btn btn-light btn-sm" ng-click="kill()" ng-disabled="!container.State.Running || container.IsPortainer"
><i class="fa fa-bomb space-right" aria-hidden="true"></i>Kill</button
>
<button authorization="DockerContainerRestart" class="btn btn-primary btn-sm" ng-click="restart()" ng-disabled="!container.State.Running || container.IsPortainer"
<button authorization="DockerContainerRestart" class="btn btn-light btn-sm" ng-click="restart()" ng-disabled="!container.State.Running || container.IsPortainer"
><i class="fa fa-sync space-right" aria-hidden="true"></i>Restart</button
>
<button
authorization="DockerContainerPause"
class="btn btn-primary btn-sm"
class="btn btn-light btn-sm"
ng-click="pause()"
ng-disabled="!container.State.Running || container.State.Paused || container.IsPortainer"
><i class="fa fa-pause space-right" aria-hidden="true"></i>Pause</button
>
<button authorization="DockerContainerUnpause" class="btn btn-primary btn-sm" ng-click="unpause()" ng-disabled="!container.State.Paused || container.IsPortainer"
<button authorization="DockerContainerUnpause" class="btn btn-light btn-sm" ng-click="unpause()" ng-disabled="!container.State.Paused || container.IsPortainer"
><i class="fa fa-play space-right" aria-hidden="true"></i>Resume</button
>
<button authorization="DockerContainerDelete" class="btn btn-danger btn-sm" ng-click="confirmRemove()" ng-disabled="container.IsPortainer"
<button authorization="DockerContainerDelete" class="btn btn-dangerlight btn-sm" ng-click="confirmRemove()" ng-disabled="container.IsPortainer"
><i class="fa fa-trash-alt space-right" aria-hidden="true"></i>Remove</button
>
</div>
@ -51,7 +51,7 @@
<span ng-hide="state.recreateContainerInProgress"><i class="fa fa-sync space-right" aria-hidden="true"></i>Recreate</span>
<span ng-show="state.recreateContainerInProgress">Recreation in progress...</span>
</button>
<a class="btn btn-primary btn-sm" type="button" ui-sref="docker.containers.new({ from: container.Id, nodeName: nodeName })" ng-disabled="container.IsPortainer"
<a class="btn btn-light btn-sm" type="button" ui-sref="docker.containers.new({ from: container.Id, nodeName: nodeName })" ng-disabled="container.IsPortainer"
><i class="fa fa-copy space-right" aria-hidden="true"></i>Duplicate/Edit</a
>
</div>