@carbon/vue 1.0.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +192 -0
- package/README.md +9 -156
- package/dist/carbon-data-viz-vue.common.js +6 -6
- package/dist/carbon-data-viz-vue.common.js.map +1 -1
- package/dist/carbon-data-viz-vue.css +1 -1
- package/dist/carbon-data-viz-vue.umd.js +6 -6
- package/dist/carbon-data-viz-vue.umd.js.map +1 -1
- package/dist/carbon-data-viz-vue.umd.min.js.map +1 -1
- package/dist/carbon-vue.common.js +8807 -4866
- package/dist/carbon-vue.common.js.map +1 -1
- package/dist/carbon-vue.umd.js +8807 -4866
- package/dist/carbon-vue.umd.js.map +1 -1
- package/dist/carbon-vue.umd.min.js +4 -4
- package/dist/carbon-vue.umd.min.js.map +1 -1
- package/dist/demo.html +2 -2
- package/package.json +21 -8
- package/src/_internal/_feature-flags.js +42 -0
- package/src/components/cv-accordion/_cv-accordion-item-skeleton.vue +10 -0
- package/src/components/cv-accordion/cv-accordion-item.vue +6 -0
- package/src/components/cv-button/cv-button.vue +32 -3
- package/src/components/cv-checkbox/_cv-checkbox-inner-form-item.vue +1 -1
- package/src/components/cv-checkbox/_cv-checkbox-inner.vue +1 -0
- package/src/components/cv-checkbox/cv-checkbox-skeleton.vue +13 -0
- package/src/components/cv-code-snippet/_cv-code-snippet-multiline.vue +10 -0
- package/src/components/cv-code-snippet/_cv-code-snippet-oneline.vue +10 -0
- package/src/components/cv-code-snippet/cv-code-snippet-skeleton.vue +29 -0
- package/src/components/cv-code-snippet/cv-code-snippet.vue +1 -1
- package/src/components/cv-content-switcher/cv-content-switcher-button.vue +28 -1
- package/src/components/cv-content-switcher/cv-content-switcher.vue +1 -1
- package/src/components/cv-data-table/cv-data-table.vue +54 -18
- package/src/components/cv-date-picker/_cv-date-picker-inner-c10.vue +220 -0
- package/src/components/cv-date-picker/_cv-date-picker-inner.vue +231 -0
- package/src/components/cv-date-picker/cv-date-picker.vue +17 -216
- package/src/components/cv-dropdown/_cv-dropdown-inner-c10.vue +201 -0
- package/src/components/cv-dropdown/_cv-dropdown-inner-form-item.vue +22 -0
- package/src/components/cv-dropdown/_cv-dropdown-inner.vue +213 -0
- package/src/components/cv-dropdown/cv-dropdown-item.vue +4 -0
- package/src/components/cv-dropdown/cv-dropdown-skeleton.vue +18 -0
- package/src/components/cv-dropdown/cv-dropdown.vue +20 -167
- package/src/components/cv-file-uploader/cv-file-uploader-skeleton.vue +22 -0
- package/src/components/cv-file-uploader/cv-file-uploader.vue +48 -8
- package/src/components/cv-inline-loader/cv-inline-loader.vue +42 -0
- package/src/components/cv-inline-notification/cv-inline-notification.vue +25 -7
- package/src/components/cv-loading/cv-loading.vue +18 -1
- package/src/components/cv-modal/cv-modal.vue +17 -6
- package/src/components/cv-number-input/cv-number-input.vue +9 -2
- package/src/components/cv-overflow-menu/cv-overflow-menu.vue +17 -15
- package/src/components/cv-pagination/cv-pagination.vue +2 -2
- package/src/components/cv-radio-button/cv-radio-button.vue +1 -0
- package/src/components/cv-slider/cv-slider.vue +6 -6
- package/src/components/cv-structured-list/_cv-structured-list-item-selectable.vue +1 -0
- package/src/components/cv-tabs/cv-tabs.vue +22 -11
- package/src/components/cv-text-input/cv-text-input.vue +70 -0
- package/src/components/cv-toast-notification/cv-toast-notification.vue +35 -0
- package/src/components/cv-tooltip/cv-interactive-tooltip.vue +4 -4
- package/src/data-viz/cv-bar-graph/cv-bar-graph.vue +7 -4
- package/src/data-viz/cv-gauge/cv-gauge.vue +1 -1
- package/src/data-viz/cv-pie-chart/cv-pie-chart.vue +8 -7
- package/src/components/cv-data-table/_cv-data-table-temp.vue +0 -669
|
@@ -1,669 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="bx--data-table-v2-container" data-table-v2>
|
|
3
|
-
<h4 class="bx--data-table-v2-header">Table title</h4>
|
|
4
|
-
<section class="bx--table-toolbar">
|
|
5
|
-
<div class="bx--batch-actions" aria-label="Table Action Bar">
|
|
6
|
-
<div class="bx--action-list">
|
|
7
|
-
<button class="bx--btn bx--btn--sm bx--btn--ghost" type="button">
|
|
8
|
-
Ghost
|
|
9
|
-
<svg
|
|
10
|
-
class="bx--btn__icon"
|
|
11
|
-
width="16"
|
|
12
|
-
height="16"
|
|
13
|
-
viewBox="0 0 16 16"
|
|
14
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
15
|
-
>
|
|
16
|
-
<path
|
|
17
|
-
d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"
|
|
18
|
-
fill-rule="evenodd"
|
|
19
|
-
></path>
|
|
20
|
-
</svg>
|
|
21
|
-
</button>
|
|
22
|
-
<button class="bx--btn bx--btn--sm bx--btn--ghost" type="button">
|
|
23
|
-
Ghost
|
|
24
|
-
<svg
|
|
25
|
-
class="bx--btn__icon"
|
|
26
|
-
width="16"
|
|
27
|
-
height="16"
|
|
28
|
-
viewBox="0 0 16 16"
|
|
29
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
30
|
-
>
|
|
31
|
-
<path
|
|
32
|
-
d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"
|
|
33
|
-
fill-rule="evenodd"
|
|
34
|
-
></path>
|
|
35
|
-
</svg>
|
|
36
|
-
</button>
|
|
37
|
-
<button class="bx--btn bx--btn--sm bx--btn--ghost" type="button">
|
|
38
|
-
Ghost
|
|
39
|
-
<svg
|
|
40
|
-
class="bx--btn__icon"
|
|
41
|
-
width="16"
|
|
42
|
-
height="16"
|
|
43
|
-
viewBox="0 0 16 16"
|
|
44
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
45
|
-
>
|
|
46
|
-
<path
|
|
47
|
-
d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"
|
|
48
|
-
fill-rule="evenodd"
|
|
49
|
-
></path>
|
|
50
|
-
</svg>
|
|
51
|
-
</button>
|
|
52
|
-
</div>
|
|
53
|
-
<div class="bx--batch-summary">
|
|
54
|
-
<p class="bx--batch-summary__para">
|
|
55
|
-
<span data-items-selected>3</span> items selected
|
|
56
|
-
</p>
|
|
57
|
-
<button
|
|
58
|
-
data-event="action-bar-cancel"
|
|
59
|
-
class="bx--batch-summary__cancel"
|
|
60
|
-
>
|
|
61
|
-
Cancel
|
|
62
|
-
</button>
|
|
63
|
-
</div>
|
|
64
|
-
</div>
|
|
65
|
-
|
|
66
|
-
<div class="bx--toolbar-search-container">
|
|
67
|
-
<div
|
|
68
|
-
data-search
|
|
69
|
-
class="bx--search bx--search--sm bx--search--light"
|
|
70
|
-
role="search"
|
|
71
|
-
>
|
|
72
|
-
<svg
|
|
73
|
-
class="bx--search-magnifier"
|
|
74
|
-
width="16"
|
|
75
|
-
height="16"
|
|
76
|
-
viewBox="0 0 16 16"
|
|
77
|
-
>
|
|
78
|
-
<path
|
|
79
|
-
d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zm4.936-1.27l4.563 4.557-.707.708-4.563-4.558a6.5 6.5 0 1 1 .707-.707z"
|
|
80
|
-
fill-rule="nonzero"
|
|
81
|
-
></path>
|
|
82
|
-
</svg>
|
|
83
|
-
<label
|
|
84
|
-
id="search-input-label-1"
|
|
85
|
-
class="bx--label"
|
|
86
|
-
for="search__input-2"
|
|
87
|
-
>Search</label
|
|
88
|
-
>
|
|
89
|
-
<input
|
|
90
|
-
class="bx--search-input"
|
|
91
|
-
type="text"
|
|
92
|
-
id="search__input-2"
|
|
93
|
-
role="search"
|
|
94
|
-
placeholder="Search"
|
|
95
|
-
aria-labelledby="search-input-label-1"
|
|
96
|
-
/>
|
|
97
|
-
<button
|
|
98
|
-
class="bx--search-close bx--search-close--hidden"
|
|
99
|
-
title="Clear search input"
|
|
100
|
-
aria-label="Clear search input"
|
|
101
|
-
>
|
|
102
|
-
<svg
|
|
103
|
-
width="16"
|
|
104
|
-
height="16"
|
|
105
|
-
viewBox="0 0 16 16"
|
|
106
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
107
|
-
>
|
|
108
|
-
<path
|
|
109
|
-
d="M8 6.586L5.879 4.464 4.464 5.88 6.586 8l-2.122 2.121 1.415 1.415L8 9.414l2.121 2.122 1.415-1.415L9.414 8l2.122-2.121-1.415-1.415L8 6.586zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"
|
|
110
|
-
fill-rule="evenodd"
|
|
111
|
-
></path>
|
|
112
|
-
</svg>
|
|
113
|
-
</button>
|
|
114
|
-
</div>
|
|
115
|
-
</div>
|
|
116
|
-
|
|
117
|
-
<div class="bx--toolbar-content">
|
|
118
|
-
<button class="bx--toolbar-action">
|
|
119
|
-
<svg
|
|
120
|
-
class="bx--toolbar-action__icon"
|
|
121
|
-
fill-rule="evenodd"
|
|
122
|
-
height="16"
|
|
123
|
-
name="download"
|
|
124
|
-
role="img"
|
|
125
|
-
viewBox="0 0 14 16"
|
|
126
|
-
width="14"
|
|
127
|
-
aria-label="Download"
|
|
128
|
-
alt="Download"
|
|
129
|
-
>
|
|
130
|
-
<title>Download</title>
|
|
131
|
-
<path
|
|
132
|
-
d="M7.506 11.03l4.137-4.376.727.687-5.363 5.672-5.367-5.67.726-.687 4.14 4.374V0h1v11.03z"
|
|
133
|
-
></path>
|
|
134
|
-
<path
|
|
135
|
-
d="M13 15v-2h1v2a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-2h1v2h12z"
|
|
136
|
-
></path>
|
|
137
|
-
</svg>
|
|
138
|
-
</button>
|
|
139
|
-
<button class="bx--toolbar-action">
|
|
140
|
-
<svg
|
|
141
|
-
class="bx--toolbar-action__icon"
|
|
142
|
-
fill-rule="evenodd"
|
|
143
|
-
height="16"
|
|
144
|
-
name="edit"
|
|
145
|
-
role="img"
|
|
146
|
-
viewBox="0 0 16 16"
|
|
147
|
-
width="16"
|
|
148
|
-
aria-label="Edit"
|
|
149
|
-
alt="Edit"
|
|
150
|
-
>
|
|
151
|
-
<title>Edit</title>
|
|
152
|
-
<path
|
|
153
|
-
d="M7.926 3.38L1.002 9.72V12h2.304l6.926-6.316L7.926 3.38zm.738-.675l2.308 2.304 1.451-1.324-2.308-2.309-1.451 1.329zM.002 9.28L9.439.639a1 1 0 0 1 1.383.03l2.309 2.309a1 1 0 0 1-.034 1.446L3.694 13H.002V9.28zM0 16.013v-1h16v1z"
|
|
154
|
-
></path>
|
|
155
|
-
</svg>
|
|
156
|
-
</button>
|
|
157
|
-
<button class="bx--toolbar-action">
|
|
158
|
-
<svg
|
|
159
|
-
class="bx--toolbar-action__icon"
|
|
160
|
-
fill-rule="evenodd"
|
|
161
|
-
height="16"
|
|
162
|
-
name="settings"
|
|
163
|
-
role="img"
|
|
164
|
-
viewBox="0 0 15 16"
|
|
165
|
-
width="15"
|
|
166
|
-
aria-label="Settings"
|
|
167
|
-
alt="Settings"
|
|
168
|
-
>
|
|
169
|
-
<title>Settings</title>
|
|
170
|
-
<path
|
|
171
|
-
d="M7.53 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm0 1a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7z"
|
|
172
|
-
></path>
|
|
173
|
-
<path
|
|
174
|
-
d="M6.268 2.636l-.313.093c-.662.198-1.28.52-1.822.946l-.255.2-1.427-.754-1.214 1.735 1.186 1.073-.104.31a5.493 5.493 0 0 0-.198 2.759l.05.274L1 10.33l1.214 1.734 1.06-.56.262.275a5.5 5.5 0 0 0 2.42 1.491l.312.093L6.472 15H8.59l.204-1.636.313-.093a5.494 5.494 0 0 0 2.21-1.28l.26-.248 1.09.576 1.214-1.734-1.08-.977.071-.29a5.514 5.514 0 0 0-.073-2.905l-.091-.302 1.15-1.041-1.214-1.734-1.3.687-.257-.22a5.487 5.487 0 0 0-1.98-1.074l-.313-.093L8.59 1H6.472l-.204 1.636zM5.48.876A1 1 0 0 1 6.472 0H8.59a1 1 0 0 1 .992.876l.124.997a6.486 6.486 0 0 1 1.761.954l.71-.375a1 1 0 0 1 1.286.31l1.215 1.734a1 1 0 0 1-.149 1.316l-.688.622a6.514 6.514 0 0 1 .067 2.828l.644.581a1 1 0 0 1 .148 1.316l-1.214 1.734a1 1 0 0 1-1.287.31l-.464-.245c-.6.508-1.286.905-2.029 1.169l-.124.997A1 1 0 0 1 8.59 16H6.472a1 1 0 0 1-.992-.876l-.125-.997a6.499 6.499 0 0 1-2.274-1.389l-.399.211a1 1 0 0 1-1.287-.31L.181 10.904A1 1 0 0 1 .329 9.59l.764-.69a6.553 6.553 0 0 1 .18-2.662l-.707-.64a1 1 0 0 1-.148-1.315l1.214-1.734a1 1 0 0 1 1.287-.31l.86.454a6.482 6.482 0 0 1 1.576-.819L5.48.876z"
|
|
175
|
-
></path>
|
|
176
|
-
</svg>
|
|
177
|
-
</button>
|
|
178
|
-
|
|
179
|
-
<button class="bx--btn bx--btn--sm bx--btn--primary">Add new</button>
|
|
180
|
-
</div>
|
|
181
|
-
</section>
|
|
182
|
-
|
|
183
|
-
<table class="bx--data-table-v2 bx--data-table-v2--zebra">
|
|
184
|
-
<thead>
|
|
185
|
-
<tr>
|
|
186
|
-
<th>
|
|
187
|
-
<input
|
|
188
|
-
data-event="select-all"
|
|
189
|
-
id="bx--checkbox-20"
|
|
190
|
-
class="bx--checkbox"
|
|
191
|
-
type="checkbox"
|
|
192
|
-
value="green"
|
|
193
|
-
name="checkbox-20"
|
|
194
|
-
/>
|
|
195
|
-
<label
|
|
196
|
-
for="bx--checkbox-20"
|
|
197
|
-
class="bx--checkbox-label"
|
|
198
|
-
aria-label="Label name"
|
|
199
|
-
></label>
|
|
200
|
-
</th>
|
|
201
|
-
<th>
|
|
202
|
-
<button class="bx--table-sort-v2" data-event="sort">
|
|
203
|
-
<span class="bx--table-header-label">Name</span>
|
|
204
|
-
<svg
|
|
205
|
-
class="bx--table-sort-v2__icon"
|
|
206
|
-
width="10"
|
|
207
|
-
height="5"
|
|
208
|
-
viewBox="0 0 10 5"
|
|
209
|
-
aria-label="Sort rows by this header in descending order"
|
|
210
|
-
alt="Sort rows by this header in descending order"
|
|
211
|
-
>
|
|
212
|
-
<title>Sort rows by this header in descending order</title>
|
|
213
|
-
<path d="M0 0l5 4.998L10 0z" fill-rule="evenodd"></path>
|
|
214
|
-
</svg>
|
|
215
|
-
</button>
|
|
216
|
-
</th>
|
|
217
|
-
<th>
|
|
218
|
-
<button class="bx--table-sort-v2" data-event="sort">
|
|
219
|
-
<span class="bx--table-header-label">Protocol</span>
|
|
220
|
-
<svg
|
|
221
|
-
class="bx--table-sort-v2__icon"
|
|
222
|
-
width="10"
|
|
223
|
-
height="5"
|
|
224
|
-
viewBox="0 0 10 5"
|
|
225
|
-
aria-label="Sort rows by this header in descending order"
|
|
226
|
-
alt="Sort rows by this header in descending order"
|
|
227
|
-
>
|
|
228
|
-
<title>Sort rows by this header in descending order</title>
|
|
229
|
-
<path d="M0 0l5 4.998L10 0z" fill-rule="evenodd"></path>
|
|
230
|
-
</svg>
|
|
231
|
-
</button>
|
|
232
|
-
</th>
|
|
233
|
-
<th>
|
|
234
|
-
<button class="bx--table-sort-v2" data-event="sort">
|
|
235
|
-
<span class="bx--table-header-label">Port</span>
|
|
236
|
-
<svg
|
|
237
|
-
class="bx--table-sort-v2__icon"
|
|
238
|
-
width="10"
|
|
239
|
-
height="5"
|
|
240
|
-
viewBox="0 0 10 5"
|
|
241
|
-
aria-label="Sort rows by this header in descending order"
|
|
242
|
-
alt="Sort rows by this header in descending order"
|
|
243
|
-
>
|
|
244
|
-
<title>Sort rows by this header in descending order</title>
|
|
245
|
-
<path d="M0 0l5 4.998L10 0z" fill-rule="evenodd"></path>
|
|
246
|
-
</svg>
|
|
247
|
-
</button>
|
|
248
|
-
</th>
|
|
249
|
-
<th>
|
|
250
|
-
<button class="bx--table-sort-v2" data-event="sort">
|
|
251
|
-
<span class="bx--table-header-label">Rule</span>
|
|
252
|
-
<svg
|
|
253
|
-
class="bx--table-sort-v2__icon"
|
|
254
|
-
width="10"
|
|
255
|
-
height="5"
|
|
256
|
-
viewBox="0 0 10 5"
|
|
257
|
-
aria-label="Sort rows by this header in descending order"
|
|
258
|
-
alt="Sort rows by this header in descending order"
|
|
259
|
-
>
|
|
260
|
-
<title>Sort rows by this header in descending order</title>
|
|
261
|
-
<path d="M0 0l5 4.998L10 0z" fill-rule="evenodd"></path>
|
|
262
|
-
</svg>
|
|
263
|
-
</button>
|
|
264
|
-
</th>
|
|
265
|
-
<th>
|
|
266
|
-
<button class="bx--table-sort-v2" data-event="sort">
|
|
267
|
-
<span class="bx--table-header-label">Attached Groups</span>
|
|
268
|
-
<svg
|
|
269
|
-
class="bx--table-sort-v2__icon"
|
|
270
|
-
width="10"
|
|
271
|
-
height="5"
|
|
272
|
-
viewBox="0 0 10 5"
|
|
273
|
-
aria-label="Sort rows by this header in descending order"
|
|
274
|
-
alt="Sort rows by this header in descending order"
|
|
275
|
-
>
|
|
276
|
-
<title>Sort rows by this header in descending order</title>
|
|
277
|
-
<path d="M0 0l5 4.998L10 0z" fill-rule="evenodd"></path>
|
|
278
|
-
</svg>
|
|
279
|
-
</button>
|
|
280
|
-
</th>
|
|
281
|
-
<th>
|
|
282
|
-
<button class="bx--table-sort-v2" data-event="sort">
|
|
283
|
-
<span class="bx--table-header-label">Status</span>
|
|
284
|
-
<svg
|
|
285
|
-
class="bx--table-sort-v2__icon"
|
|
286
|
-
width="10"
|
|
287
|
-
height="5"
|
|
288
|
-
viewBox="0 0 10 5"
|
|
289
|
-
aria-label="Sort rows by this header in descending order"
|
|
290
|
-
alt="Sort rows by this header in descending order"
|
|
291
|
-
>
|
|
292
|
-
<title>Sort rows by this header in descending order</title>
|
|
293
|
-
<path d="M0 0l5 4.998L10 0z" fill-rule="evenodd"></path>
|
|
294
|
-
</svg>
|
|
295
|
-
</button>
|
|
296
|
-
</th>
|
|
297
|
-
<th></th>
|
|
298
|
-
</tr>
|
|
299
|
-
</thead>
|
|
300
|
-
<tbody>
|
|
301
|
-
<tr>
|
|
302
|
-
<td>
|
|
303
|
-
<input
|
|
304
|
-
data-event="select"
|
|
305
|
-
id="bx--checkbox-13"
|
|
306
|
-
class="bx--checkbox"
|
|
307
|
-
type="checkbox"
|
|
308
|
-
value="green"
|
|
309
|
-
name="checkbox-13"
|
|
310
|
-
/>
|
|
311
|
-
<label
|
|
312
|
-
for="bx--checkbox-13"
|
|
313
|
-
class="bx--checkbox-label"
|
|
314
|
-
aria-label="Label name"
|
|
315
|
-
></label>
|
|
316
|
-
</td>
|
|
317
|
-
<td>Load Balancer 1</td>
|
|
318
|
-
<td>HTTP</td>
|
|
319
|
-
<td>80</td>
|
|
320
|
-
<td>Round Robin</td>
|
|
321
|
-
<td>Maureen's VM Groups</td>
|
|
322
|
-
<td>Active</td>
|
|
323
|
-
<td class="bx--table-overflow">
|
|
324
|
-
<div
|
|
325
|
-
data-overflow-menu
|
|
326
|
-
tabindex="0"
|
|
327
|
-
aria-label="Overflow menu description"
|
|
328
|
-
class="bx--overflow-menu"
|
|
329
|
-
>
|
|
330
|
-
<svg
|
|
331
|
-
class="bx--overflow-menu__icon"
|
|
332
|
-
width="3"
|
|
333
|
-
height="15"
|
|
334
|
-
viewBox="0 0 3 15"
|
|
335
|
-
>
|
|
336
|
-
<g fill-rule="evenodd">
|
|
337
|
-
<circle cx="1.5" cy="1.5" r="1.5"></circle>
|
|
338
|
-
<circle cx="1.5" cy="7.5" r="1.5"></circle>
|
|
339
|
-
<circle cx="1.5" cy="13.5" r="1.5"></circle>
|
|
340
|
-
</g>
|
|
341
|
-
</svg>
|
|
342
|
-
<ul class="bx--overflow-menu-options bx--overflow-menu--flip">
|
|
343
|
-
<li class="bx--overflow-menu-options__option">
|
|
344
|
-
<button class="bx--overflow-menu-options__btn">
|
|
345
|
-
Stop app
|
|
346
|
-
</button>
|
|
347
|
-
</li>
|
|
348
|
-
<li class="bx--overflow-menu-options__option">
|
|
349
|
-
<button class="bx--overflow-menu-options__btn">
|
|
350
|
-
Restart app
|
|
351
|
-
</button>
|
|
352
|
-
</li>
|
|
353
|
-
<li class="bx--overflow-menu-options__option">
|
|
354
|
-
<button class="bx--overflow-menu-options__btn">
|
|
355
|
-
Rename app
|
|
356
|
-
</button>
|
|
357
|
-
</li>
|
|
358
|
-
<li class="bx--overflow-menu-options__option">
|
|
359
|
-
<button class="bx--overflow-menu-options__btn">
|
|
360
|
-
Edit routes and access, use title when
|
|
361
|
-
</button>
|
|
362
|
-
</li>
|
|
363
|
-
<li
|
|
364
|
-
class="bx--overflow-menu-options__option bx--overflow-menu-options__option--danger"
|
|
365
|
-
>
|
|
366
|
-
<button class="bx--overflow-menu-options__btn">
|
|
367
|
-
Delete app
|
|
368
|
-
</button>
|
|
369
|
-
</li>
|
|
370
|
-
</ul>
|
|
371
|
-
</div>
|
|
372
|
-
</td>
|
|
373
|
-
</tr>
|
|
374
|
-
<tr>
|
|
375
|
-
<td>
|
|
376
|
-
<input
|
|
377
|
-
data-event="select"
|
|
378
|
-
id="bx--checkbox-14"
|
|
379
|
-
class="bx--checkbox"
|
|
380
|
-
type="checkbox"
|
|
381
|
-
value="green"
|
|
382
|
-
name="checkbox-14"
|
|
383
|
-
/>
|
|
384
|
-
<label
|
|
385
|
-
for="bx--checkbox-14"
|
|
386
|
-
class="bx--checkbox-label"
|
|
387
|
-
aria-label="Label name"
|
|
388
|
-
></label>
|
|
389
|
-
</td>
|
|
390
|
-
<td>Load Balancer 5</td>
|
|
391
|
-
<td>HTTP</td>
|
|
392
|
-
<td>80</td>
|
|
393
|
-
<td>Round Robin</td>
|
|
394
|
-
<td>Maureen's VM Groups</td>
|
|
395
|
-
<td>Active</td>
|
|
396
|
-
<td class="bx--table-overflow">
|
|
397
|
-
<div
|
|
398
|
-
data-overflow-menu
|
|
399
|
-
tabindex="0"
|
|
400
|
-
aria-label="Overflow menu description"
|
|
401
|
-
class="bx--overflow-menu"
|
|
402
|
-
>
|
|
403
|
-
<svg
|
|
404
|
-
class="bx--overflow-menu__icon"
|
|
405
|
-
width="3"
|
|
406
|
-
height="15"
|
|
407
|
-
viewBox="0 0 3 15"
|
|
408
|
-
>
|
|
409
|
-
<g fill-rule="evenodd">
|
|
410
|
-
<circle cx="1.5" cy="1.5" r="1.5"></circle>
|
|
411
|
-
<circle cx="1.5" cy="7.5" r="1.5"></circle>
|
|
412
|
-
<circle cx="1.5" cy="13.5" r="1.5"></circle>
|
|
413
|
-
</g>
|
|
414
|
-
</svg>
|
|
415
|
-
<ul class="bx--overflow-menu-options bx--overflow-menu--flip">
|
|
416
|
-
<li class="bx--overflow-menu-options__option">
|
|
417
|
-
<button class="bx--overflow-menu-options__btn">
|
|
418
|
-
Stop app
|
|
419
|
-
</button>
|
|
420
|
-
</li>
|
|
421
|
-
<li class="bx--overflow-menu-options__option">
|
|
422
|
-
<button class="bx--overflow-menu-options__btn">
|
|
423
|
-
Restart app
|
|
424
|
-
</button>
|
|
425
|
-
</li>
|
|
426
|
-
<li class="bx--overflow-menu-options__option">
|
|
427
|
-
<button class="bx--overflow-menu-options__btn">
|
|
428
|
-
Rename app
|
|
429
|
-
</button>
|
|
430
|
-
</li>
|
|
431
|
-
<li class="bx--overflow-menu-options__option">
|
|
432
|
-
<button class="bx--overflow-menu-options__btn">
|
|
433
|
-
Edit routes and access, use title when
|
|
434
|
-
</button>
|
|
435
|
-
</li>
|
|
436
|
-
<li
|
|
437
|
-
class="bx--overflow-menu-options__option bx--overflow-menu-options__option--danger"
|
|
438
|
-
>
|
|
439
|
-
<button class="bx--overflow-menu-options__btn">
|
|
440
|
-
Delete app
|
|
441
|
-
</button>
|
|
442
|
-
</li>
|
|
443
|
-
</ul>
|
|
444
|
-
</div>
|
|
445
|
-
</td>
|
|
446
|
-
</tr>
|
|
447
|
-
<tr>
|
|
448
|
-
<td>
|
|
449
|
-
<input
|
|
450
|
-
data-event="select"
|
|
451
|
-
id="bx--checkbox-15"
|
|
452
|
-
class="bx--checkbox"
|
|
453
|
-
type="checkbox"
|
|
454
|
-
value="green"
|
|
455
|
-
name="checkbox-15"
|
|
456
|
-
/>
|
|
457
|
-
<label
|
|
458
|
-
for="bx--checkbox-15"
|
|
459
|
-
class="bx--checkbox-label"
|
|
460
|
-
aria-label="Label name"
|
|
461
|
-
></label>
|
|
462
|
-
</td>
|
|
463
|
-
<td>Load Balancer 5</td>
|
|
464
|
-
<td>HTTP</td>
|
|
465
|
-
<td>80</td>
|
|
466
|
-
<td>Round Robin</td>
|
|
467
|
-
<td>Maureen's VM Groups</td>
|
|
468
|
-
<td>Active</td>
|
|
469
|
-
<td class="bx--table-overflow">
|
|
470
|
-
<div
|
|
471
|
-
data-overflow-menu
|
|
472
|
-
tabindex="0"
|
|
473
|
-
aria-label="Overflow menu description"
|
|
474
|
-
class="bx--overflow-menu"
|
|
475
|
-
>
|
|
476
|
-
<svg
|
|
477
|
-
class="bx--overflow-menu__icon"
|
|
478
|
-
width="3"
|
|
479
|
-
height="15"
|
|
480
|
-
viewBox="0 0 3 15"
|
|
481
|
-
>
|
|
482
|
-
<g fill-rule="evenodd">
|
|
483
|
-
<circle cx="1.5" cy="1.5" r="1.5"></circle>
|
|
484
|
-
<circle cx="1.5" cy="7.5" r="1.5"></circle>
|
|
485
|
-
<circle cx="1.5" cy="13.5" r="1.5"></circle>
|
|
486
|
-
</g>
|
|
487
|
-
</svg>
|
|
488
|
-
<ul class="bx--overflow-menu-options bx--overflow-menu--flip">
|
|
489
|
-
<li class="bx--overflow-menu-options__option">
|
|
490
|
-
<button class="bx--overflow-menu-options__btn">
|
|
491
|
-
Stop app
|
|
492
|
-
</button>
|
|
493
|
-
</li>
|
|
494
|
-
<li class="bx--overflow-menu-options__option">
|
|
495
|
-
<button class="bx--overflow-menu-options__btn">
|
|
496
|
-
Restart app
|
|
497
|
-
</button>
|
|
498
|
-
</li>
|
|
499
|
-
<li class="bx--overflow-menu-options__option">
|
|
500
|
-
<button class="bx--overflow-menu-options__btn">
|
|
501
|
-
Rename app
|
|
502
|
-
</button>
|
|
503
|
-
</li>
|
|
504
|
-
<li class="bx--overflow-menu-options__option">
|
|
505
|
-
<button class="bx--overflow-menu-options__btn">
|
|
506
|
-
Edit routes and access, use title when
|
|
507
|
-
</button>
|
|
508
|
-
</li>
|
|
509
|
-
<li
|
|
510
|
-
class="bx--overflow-menu-options__option bx--overflow-menu-options__option--danger"
|
|
511
|
-
>
|
|
512
|
-
<button class="bx--overflow-menu-options__btn">
|
|
513
|
-
Delete app
|
|
514
|
-
</button>
|
|
515
|
-
</li>
|
|
516
|
-
</ul>
|
|
517
|
-
</div>
|
|
518
|
-
</td>
|
|
519
|
-
</tr>
|
|
520
|
-
<tr>
|
|
521
|
-
<td>
|
|
522
|
-
<input
|
|
523
|
-
data-event="select"
|
|
524
|
-
id="bx--checkbox-11"
|
|
525
|
-
class="bx--checkbox"
|
|
526
|
-
type="checkbox"
|
|
527
|
-
value="green"
|
|
528
|
-
name="checkbox-11"
|
|
529
|
-
/>
|
|
530
|
-
<label
|
|
531
|
-
for="bx--checkbox-11"
|
|
532
|
-
class="bx--checkbox-label"
|
|
533
|
-
aria-label="Label name"
|
|
534
|
-
></label>
|
|
535
|
-
</td>
|
|
536
|
-
<td>Load Balancer 5</td>
|
|
537
|
-
<td>HTTP</td>
|
|
538
|
-
<td>80</td>
|
|
539
|
-
<td>Round Robin</td>
|
|
540
|
-
<td>Maureen's VM Groups</td>
|
|
541
|
-
<td>Active</td>
|
|
542
|
-
<td class="bx--table-overflow">
|
|
543
|
-
<div
|
|
544
|
-
data-overflow-menu
|
|
545
|
-
tabindex="0"
|
|
546
|
-
aria-label="Overflow menu description"
|
|
547
|
-
class="bx--overflow-menu"
|
|
548
|
-
>
|
|
549
|
-
<svg
|
|
550
|
-
class="bx--overflow-menu__icon"
|
|
551
|
-
width="3"
|
|
552
|
-
height="15"
|
|
553
|
-
viewBox="0 0 3 15"
|
|
554
|
-
>
|
|
555
|
-
<g fill-rule="evenodd">
|
|
556
|
-
<circle cx="1.5" cy="1.5" r="1.5"></circle>
|
|
557
|
-
<circle cx="1.5" cy="7.5" r="1.5"></circle>
|
|
558
|
-
<circle cx="1.5" cy="13.5" r="1.5"></circle>
|
|
559
|
-
</g>
|
|
560
|
-
</svg>
|
|
561
|
-
<ul class="bx--overflow-menu-options bx--overflow-menu--flip">
|
|
562
|
-
<li class="bx--overflow-menu-options__option">
|
|
563
|
-
<button class="bx--overflow-menu-options__btn">
|
|
564
|
-
Stop app
|
|
565
|
-
</button>
|
|
566
|
-
</li>
|
|
567
|
-
<li class="bx--overflow-menu-options__option">
|
|
568
|
-
<button class="bx--overflow-menu-options__btn">
|
|
569
|
-
Restart app
|
|
570
|
-
</button>
|
|
571
|
-
</li>
|
|
572
|
-
<li class="bx--overflow-menu-options__option">
|
|
573
|
-
<button class="bx--overflow-menu-options__btn">
|
|
574
|
-
Rename app
|
|
575
|
-
</button>
|
|
576
|
-
</li>
|
|
577
|
-
<li class="bx--overflow-menu-options__option">
|
|
578
|
-
<button class="bx--overflow-menu-options__btn">
|
|
579
|
-
Edit routes and access, use title when
|
|
580
|
-
</button>
|
|
581
|
-
</li>
|
|
582
|
-
<li
|
|
583
|
-
class="bx--overflow-menu-options__option bx--overflow-menu-options__option--danger"
|
|
584
|
-
>
|
|
585
|
-
<button class="bx--overflow-menu-options__btn">
|
|
586
|
-
Delete app
|
|
587
|
-
</button>
|
|
588
|
-
</li>
|
|
589
|
-
</ul>
|
|
590
|
-
</div>
|
|
591
|
-
</td>
|
|
592
|
-
</tr>
|
|
593
|
-
<tr>
|
|
594
|
-
<td>
|
|
595
|
-
<input
|
|
596
|
-
data-event="select"
|
|
597
|
-
id="bx--checkbox-12"
|
|
598
|
-
class="bx--checkbox"
|
|
599
|
-
type="checkbox"
|
|
600
|
-
value="green"
|
|
601
|
-
name="checkbox-12"
|
|
602
|
-
/>
|
|
603
|
-
<label
|
|
604
|
-
for="bx--checkbox-12"
|
|
605
|
-
class="bx--checkbox-label"
|
|
606
|
-
aria-label="Label name"
|
|
607
|
-
></label>
|
|
608
|
-
</td>
|
|
609
|
-
<td>Load Balancer 5</td>
|
|
610
|
-
<td>HTTP</td>
|
|
611
|
-
<td>80</td>
|
|
612
|
-
<td>Round Robin</td>
|
|
613
|
-
<td>Maureen's VM Groups</td>
|
|
614
|
-
<td>Active</td>
|
|
615
|
-
<td class="bx--table-overflow">
|
|
616
|
-
<div
|
|
617
|
-
data-overflow-menu
|
|
618
|
-
tabindex="0"
|
|
619
|
-
aria-label="Overflow menu description"
|
|
620
|
-
class="bx--overflow-menu"
|
|
621
|
-
>
|
|
622
|
-
<svg
|
|
623
|
-
class="bx--overflow-menu__icon"
|
|
624
|
-
width="3"
|
|
625
|
-
height="15"
|
|
626
|
-
viewBox="0 0 3 15"
|
|
627
|
-
>
|
|
628
|
-
<g fill-rule="evenodd">
|
|
629
|
-
<circle cx="1.5" cy="1.5" r="1.5"></circle>
|
|
630
|
-
<circle cx="1.5" cy="7.5" r="1.5"></circle>
|
|
631
|
-
<circle cx="1.5" cy="13.5" r="1.5"></circle>
|
|
632
|
-
</g>
|
|
633
|
-
</svg>
|
|
634
|
-
<ul class="bx--overflow-menu-options bx--overflow-menu--flip">
|
|
635
|
-
<li class="bx--overflow-menu-options__option">
|
|
636
|
-
<button class="bx--overflow-menu-options__btn">
|
|
637
|
-
Stop app
|
|
638
|
-
</button>
|
|
639
|
-
</li>
|
|
640
|
-
<li class="bx--overflow-menu-options__option">
|
|
641
|
-
<button class="bx--overflow-menu-options__btn">
|
|
642
|
-
Restart app
|
|
643
|
-
</button>
|
|
644
|
-
</li>
|
|
645
|
-
<li class="bx--overflow-menu-options__option">
|
|
646
|
-
<button class="bx--overflow-menu-options__btn">
|
|
647
|
-
Rename app
|
|
648
|
-
</button>
|
|
649
|
-
</li>
|
|
650
|
-
<li class="bx--overflow-menu-options__option">
|
|
651
|
-
<button class="bx--overflow-menu-options__btn">
|
|
652
|
-
Edit routes and access, use title when
|
|
653
|
-
</button>
|
|
654
|
-
</li>
|
|
655
|
-
<li
|
|
656
|
-
class="bx--overflow-menu-options__option bx--overflow-menu-options__option--danger"
|
|
657
|
-
>
|
|
658
|
-
<button class="bx--overflow-menu-options__btn">
|
|
659
|
-
Delete app
|
|
660
|
-
</button>
|
|
661
|
-
</li>
|
|
662
|
-
</ul>
|
|
663
|
-
</div>
|
|
664
|
-
</td>
|
|
665
|
-
</tr>
|
|
666
|
-
</tbody>
|
|
667
|
-
</table>
|
|
668
|
-
</div>
|
|
669
|
-
</template>
|