{message}
72 |recent at bottom
31 | 36 | {#if !isSearchVIsible} 37 |HOST: {$lastChosenHost}
47 |SERVICE: {$lastChosenService}
48 |50 | Delete this service 51 | Once you delete a service, there is no going back. Please be certain. 52 |
53 |23 | {listEl.name} 24 |
25 |104 | {`Host: ${ 105 | $lastChosenHost ? $lastChosenHost : "host" 106 | }`} 107 |
108 |109 | {`Service: ${ 110 | $lastChosenService ? $lastChosenService : "service" 111 | }, from: `} 112 | 113 | {$confirmationObj.message} 116 |
117 |This data will be lost. This action cannot be undone.
118 |Slot 1
9 |Slot 2
10 |Slot 3
11 |{hostName}
18 |{discribeText}
80 |{ 11 | navigate(`${changeKey}/`, { replace: true }); 12 | }} 13 | > 14 | Move to home page 15 |
16 |{ 18 | navigate(`${changeKey}/404`, { replace: true }); 19 | }} 20 | > 21 | Stay here and keep browsing this page 22 |
23 |example_onlogs:
7 | image: devforth/onlogs
8 | restart: always
9 | environment:
10 | - AGENT=true
11 | - HOST={origin}
12 | - ONLOGS_TOKEN={token}
13 | volumes:
14 | - /var/run/docker.sock:/var/run/docker.sock
15 | - /etc/hostname:/etc/hostname
16 | - onlogs-volume:/leveldb
17 |
--------------------------------------------------------------------------------
/application/frontend/src/lib/SecretModal/DockerSnippet.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
7 | docker run -d --restart always --name onlogs \
8 | -e AGENT=true \
9 | -e HOST={origin} \
10 | -e ONLOGS_TOKEN={token} \
11 | -v /var/run/docker.sock:/var/run/docker.sock:ro \
12 | -v /etc/hostname:/etc/hostname \
13 | -v /var/lib/docker/containers:/var/lib/docker/containers \
14 | -v onlogs-volume:/leveldb \
15 | devforth/onlogs
16 |
17 |
--------------------------------------------------------------------------------
/application/frontend/src/lib/SecretModal/SecretModal.scss:
--------------------------------------------------------------------------------
1 | .secretModalContainer {
2 | background-color: $block-bg-color;
3 | border-radius: $main-border-radius;
4 | padding: $container-padding;
5 | position: absolute;
6 | left: 50%;
7 | top: 50%;
8 | transform: translate(-50%, -50%);
9 | min-height: 200px;
10 | min-width: 300px;
11 | z-index: 7;
12 | display: flex;
13 | flex-direction: column;
14 | .snippetContainer {
15 | min-height: 170px;
16 | min-width: 430px;
17 | background-color: $inpun-color;
18 | border-radius: $main-border-radius;
19 | border-top-left-radius: 0;
20 | box-shadow: $main-shadow;
21 | margin-bottom: 30px;
22 | padding: 20px 16px 20px 16px;
23 | position: relative;
24 |
25 | pre {
26 | color: $text-dark-color;
27 | margin: 0;
28 | }
29 | }
30 | .buttonWrapper {
31 | display: flex;
32 | justify-content: end;
33 | }
34 |
35 | .secretMoalTitle {
36 | color: $text-dark-color;
37 | }
38 |
39 | .labelsBox {
40 | justify-content: left;
41 | max-width: 50%;
42 | max-height: 70px;
43 | box-shadow: $main-shadow;
44 | margin-top: $container-padding;
45 | align-items: stretch;
46 |
47 | font-size: $main-font-xs;
48 | }
49 | .labelItem {
50 | padding: 6px;
51 | width: 50%;
52 | border-top-right-radius: 4px;
53 | border-top-left-radius: 4px;
54 | margin-right: 4px;
55 |
56 | background-color: $inpun-color-dark;
57 | &.active {
58 | z-index: 5;
59 | }
60 | &.active {
61 | color: $active-color;
62 | font-weight: 600;
63 | }
64 | }
65 |
66 | .coppyButton {
67 | position: absolute;
68 | top: 14px;
69 | right: 14px;
70 | i {
71 | font-size: 18px !important;
72 | }
73 | }
74 | @include for-mobile {
75 | z-index: 15;
76 | max-width: 86vw;
77 | .snippetContainer {
78 | max-width: 76vw;
79 | min-width: 60vw;
80 | overflow-x: auto;
81 | }
82 | }
83 | }
84 |
--------------------------------------------------------------------------------
/application/frontend/src/lib/SecretModal/SecretModal.svelte:
--------------------------------------------------------------------------------
1 |
40 |
41 | {key.charAt(0).toUpperCase() + key.slice(1)}
121 |{name}
122 |{message}
28 | 29 | 30 |