mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
128fb8fa7e
* added new variables for height in theme, added height to gui button large, replaced add gicon with regular gicon, replaced + with gicon, changed button display to flex * set fixed height to large button, removed xlarge button and replaced with large button * removed button-mini and replaced with button-small, set fixed height to default button and button-small * fixed padding for default and large button, fixed height for navbar button, fixed snapshots * fixed padding and margin on navbar buttons * gave special height to login btn-primary * readded btn-mini class with same styling as btn-small and a deprecated notice * fixed add panel widget buttons
445 lines
8.2 KiB
Plaintext
445 lines
8.2 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Render should render component 1`] = `
|
|
<table
|
|
className="filter-table form-inline"
|
|
>
|
|
<thead>
|
|
<tr>
|
|
<th />
|
|
<th>
|
|
Login
|
|
</th>
|
|
<th>
|
|
Email
|
|
</th>
|
|
<th>
|
|
Seen
|
|
</th>
|
|
<th>
|
|
Role
|
|
</th>
|
|
<th
|
|
style={
|
|
Object {
|
|
"width": "34px",
|
|
}
|
|
}
|
|
/>
|
|
</tr>
|
|
</thead>
|
|
<tbody />
|
|
</table>
|
|
`;
|
|
|
|
exports[`Render should render users table 1`] = `
|
|
<table
|
|
className="filter-table form-inline"
|
|
>
|
|
<thead>
|
|
<tr>
|
|
<th />
|
|
<th>
|
|
Login
|
|
</th>
|
|
<th>
|
|
Email
|
|
</th>
|
|
<th>
|
|
Seen
|
|
</th>
|
|
<th>
|
|
Role
|
|
</th>
|
|
<th
|
|
style={
|
|
Object {
|
|
"width": "34px",
|
|
}
|
|
}
|
|
/>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr
|
|
key="0-0"
|
|
>
|
|
<td
|
|
className="width-4 text-center"
|
|
>
|
|
<img
|
|
className="filter-table__avatar"
|
|
src="url/to/avatar"
|
|
/>
|
|
</td>
|
|
<td>
|
|
user-0
|
|
</td>
|
|
<td>
|
|
<span
|
|
className="ellipsis"
|
|
>
|
|
user-0@test.com
|
|
</span>
|
|
</td>
|
|
<td />
|
|
<td>
|
|
<div
|
|
className="gf-form-select-wrapper width-12"
|
|
>
|
|
<select
|
|
className="gf-form-input"
|
|
onChange={[Function]}
|
|
value="Admin"
|
|
>
|
|
<option
|
|
key="Viewer-0"
|
|
value="Viewer"
|
|
>
|
|
Viewer
|
|
</option>
|
|
<option
|
|
key="Editor-1"
|
|
value="Editor"
|
|
>
|
|
Editor
|
|
</option>
|
|
<option
|
|
key="Admin-2"
|
|
value="Admin"
|
|
>
|
|
Admin
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div
|
|
className="btn btn-danger btn-small"
|
|
onClick={[Function]}
|
|
>
|
|
<i
|
|
className="fa fa-remove"
|
|
/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
key="1-1"
|
|
>
|
|
<td
|
|
className="width-4 text-center"
|
|
>
|
|
<img
|
|
className="filter-table__avatar"
|
|
src="url/to/avatar"
|
|
/>
|
|
</td>
|
|
<td>
|
|
user-1
|
|
</td>
|
|
<td>
|
|
<span
|
|
className="ellipsis"
|
|
>
|
|
user-1@test.com
|
|
</span>
|
|
</td>
|
|
<td />
|
|
<td>
|
|
<div
|
|
className="gf-form-select-wrapper width-12"
|
|
>
|
|
<select
|
|
className="gf-form-input"
|
|
onChange={[Function]}
|
|
value="Admin"
|
|
>
|
|
<option
|
|
key="Viewer-0"
|
|
value="Viewer"
|
|
>
|
|
Viewer
|
|
</option>
|
|
<option
|
|
key="Editor-1"
|
|
value="Editor"
|
|
>
|
|
Editor
|
|
</option>
|
|
<option
|
|
key="Admin-2"
|
|
value="Admin"
|
|
>
|
|
Admin
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div
|
|
className="btn btn-danger btn-small"
|
|
onClick={[Function]}
|
|
>
|
|
<i
|
|
className="fa fa-remove"
|
|
/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
key="2-2"
|
|
>
|
|
<td
|
|
className="width-4 text-center"
|
|
>
|
|
<img
|
|
className="filter-table__avatar"
|
|
src="url/to/avatar"
|
|
/>
|
|
</td>
|
|
<td>
|
|
user-2
|
|
</td>
|
|
<td>
|
|
<span
|
|
className="ellipsis"
|
|
>
|
|
user-2@test.com
|
|
</span>
|
|
</td>
|
|
<td />
|
|
<td>
|
|
<div
|
|
className="gf-form-select-wrapper width-12"
|
|
>
|
|
<select
|
|
className="gf-form-input"
|
|
onChange={[Function]}
|
|
value="Admin"
|
|
>
|
|
<option
|
|
key="Viewer-0"
|
|
value="Viewer"
|
|
>
|
|
Viewer
|
|
</option>
|
|
<option
|
|
key="Editor-1"
|
|
value="Editor"
|
|
>
|
|
Editor
|
|
</option>
|
|
<option
|
|
key="Admin-2"
|
|
value="Admin"
|
|
>
|
|
Admin
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div
|
|
className="btn btn-danger btn-small"
|
|
onClick={[Function]}
|
|
>
|
|
<i
|
|
className="fa fa-remove"
|
|
/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
key="3-3"
|
|
>
|
|
<td
|
|
className="width-4 text-center"
|
|
>
|
|
<img
|
|
className="filter-table__avatar"
|
|
src="url/to/avatar"
|
|
/>
|
|
</td>
|
|
<td>
|
|
user-3
|
|
</td>
|
|
<td>
|
|
<span
|
|
className="ellipsis"
|
|
>
|
|
user-3@test.com
|
|
</span>
|
|
</td>
|
|
<td />
|
|
<td>
|
|
<div
|
|
className="gf-form-select-wrapper width-12"
|
|
>
|
|
<select
|
|
className="gf-form-input"
|
|
onChange={[Function]}
|
|
value="Admin"
|
|
>
|
|
<option
|
|
key="Viewer-0"
|
|
value="Viewer"
|
|
>
|
|
Viewer
|
|
</option>
|
|
<option
|
|
key="Editor-1"
|
|
value="Editor"
|
|
>
|
|
Editor
|
|
</option>
|
|
<option
|
|
key="Admin-2"
|
|
value="Admin"
|
|
>
|
|
Admin
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div
|
|
className="btn btn-danger btn-small"
|
|
onClick={[Function]}
|
|
>
|
|
<i
|
|
className="fa fa-remove"
|
|
/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
key="4-4"
|
|
>
|
|
<td
|
|
className="width-4 text-center"
|
|
>
|
|
<img
|
|
className="filter-table__avatar"
|
|
src="url/to/avatar"
|
|
/>
|
|
</td>
|
|
<td>
|
|
user-4
|
|
</td>
|
|
<td>
|
|
<span
|
|
className="ellipsis"
|
|
>
|
|
user-4@test.com
|
|
</span>
|
|
</td>
|
|
<td />
|
|
<td>
|
|
<div
|
|
className="gf-form-select-wrapper width-12"
|
|
>
|
|
<select
|
|
className="gf-form-input"
|
|
onChange={[Function]}
|
|
value="Admin"
|
|
>
|
|
<option
|
|
key="Viewer-0"
|
|
value="Viewer"
|
|
>
|
|
Viewer
|
|
</option>
|
|
<option
|
|
key="Editor-1"
|
|
value="Editor"
|
|
>
|
|
Editor
|
|
</option>
|
|
<option
|
|
key="Admin-2"
|
|
value="Admin"
|
|
>
|
|
Admin
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div
|
|
className="btn btn-danger btn-small"
|
|
onClick={[Function]}
|
|
>
|
|
<i
|
|
className="fa fa-remove"
|
|
/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
key="5-5"
|
|
>
|
|
<td
|
|
className="width-4 text-center"
|
|
>
|
|
<img
|
|
className="filter-table__avatar"
|
|
src="url/to/avatar"
|
|
/>
|
|
</td>
|
|
<td>
|
|
user-5
|
|
</td>
|
|
<td>
|
|
<span
|
|
className="ellipsis"
|
|
>
|
|
user-5@test.com
|
|
</span>
|
|
</td>
|
|
<td />
|
|
<td>
|
|
<div
|
|
className="gf-form-select-wrapper width-12"
|
|
>
|
|
<select
|
|
className="gf-form-input"
|
|
onChange={[Function]}
|
|
value="Admin"
|
|
>
|
|
<option
|
|
key="Viewer-0"
|
|
value="Viewer"
|
|
>
|
|
Viewer
|
|
</option>
|
|
<option
|
|
key="Editor-1"
|
|
value="Editor"
|
|
>
|
|
Editor
|
|
</option>
|
|
<option
|
|
key="Admin-2"
|
|
value="Admin"
|
|
>
|
|
Admin
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div
|
|
className="btn btn-danger btn-small"
|
|
onClick={[Function]}
|
|
>
|
|
<i
|
|
className="fa fa-remove"
|
|
/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
`;
|