]> git.apps.os.sepia.ceph.com Git - ceph.git/blob
1f724fc7a2d1bf112a00fae9269140bfd11f368d
[ceph.git] /
1 <ng-container *ngIf="!!selection">
2   <cds-tabs type="contained"
3             theme="light">
4     <cds-tab heading="Details">
5       <table
6         class="cds--data-table--sort cds--data-table--no-border cds--data-table cds--data-table--md"
7         data-testid="rgw-storage-details"
8       >
9         <tbody>
10           <tr>
11             <td class="bold">
12               Target Path
13               <cd-helper class="text-pre-wrap">
14                 <span i18n>
15                   The target path specifies a prefix to which the source bucket-name/object-name is
16                   appended.
17                 </span>
18               </cd-helper>
19             </td>
20             <td>{{ selection?.target_path }}</td>
21           </tr>
22           <tr>
23             <td class="bold">
24               Access key
25               <cd-helper class="text-pre-wrap">
26                 <span i18n>
27                   Access key is the remote cloud S3 access key used for a specific connection.
28                 </span>
29               </cd-helper>
30             </td>
31             <td>
32               <div cdsCol
33                    [columnNumbers]="{ md: 4 }"
34                    class="d-flex">
35                 <input
36                   cdsPassword
37                   type="password"
38                   readonly
39                   id="access_key"
40                   [value]="selection?.access_key"
41                 />
42                 <button type="button"
43                         class="btn btn-light"
44                         cdPasswordButton="access_key"></button>
45                 <cd-copy-2-clipboard-button source="access_key"> </cd-copy-2-clipboard-button>
46               </div>
47             </td>
48           </tr>
49           <tr>
50             <td class="bold">
51               Secret key
52               <cd-helper class="text-pre-wrap">
53                 <span i18n> Secret is the secret key for the remote cloud S3 service. </span>
54               </cd-helper>
55             </td>
56             <td>
57               <div cdsCol
58                    [columnNumbers]="{ md: 4 }"
59                    class="d-flex">
60                 <input
61                   cdsPassword
62                   type="password"
63                   readonly
64                   id="secret"
65                   [value]="selection?.secret"
66                 />
67                 <button type="button"
68                         class="btn btn-light"
69                         cdPasswordButton="secret"></button>
70                 <cd-copy-2-clipboard-button source="secret"> </cd-copy-2-clipboard-button>
71               </div>
72             </td>
73           </tr>
74           <tr>
75             <td
76                 class="bold">
77               Host Style
78               <cd-helper class="text-pre-wrap">
79                 <span i18n>The URL format for accessing the remote S3 endpoint: 'Path' for a path-based URL
80                   or 'Virtual' for a domain-based URL.</span>
81               </cd-helper>
82             </td>
83             <td>{{ selection?.host_style }}</td>
84           </tr>
85           <tr>
86             <td
87                 class="bold">
88               Multipart Minimum Part Size
89               <cd-helper class="text-pre-wrap">
90                 <span i18n>
91                   Minimum parts size to use when transitioning objects using multipart upload.
92                 </span>
93               </cd-helper>
94             </td>
95             <td>{{ selection?.multipart_min_part_size }}</td>
96           </tr>
97           <tr>
98             <td
99                 class="bold">
100               Multipart Sync Threshold
101               <cd-helper class="text-pre-wrap">
102                 <span i18n>
103                   Objects this size or larger will be transitioned to the cloud using multipart
104                   upload.
105                 </span>
106               </cd-helper>
107             </td>
108             <td>{{ selection?.multipart_sync_threshold }}</td>
109           </tr>
110         </tbody>
111       </table>
112     </cds-tab>
113   </cds-tabs>
114 </ng-container>