system-dashboard-frontend 1.33.2 → 1.33.4

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "system-dashboard-frontend",
3
- "version": "1.33.2",
3
+ "version": "1.33.4",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -1,15 +1,9 @@
1
1
  <script>
2
2
  import { ObjectLink } from "svelte-guard-history-router";
3
- import {
4
- sortable,
5
- sorter,
6
- filter,
7
- keyPrefixStore
8
- } from "svelte-common";
3
+ import { sortable, sorter, filter, keyPrefixStore } from "svelte-common";
9
4
 
10
5
  export let router;
11
6
 
12
- const route = router.route;
13
7
  const sortBy = keyPrefixStore(router.searchParamStore, "sort.");
14
8
  const filterBy = keyPrefixStore(router.searchParamStore, "filter.");
15
9
  </script>
@@ -17,19 +11,25 @@
17
11
  <table class="bordered striped hoverable">
18
12
  <thead>
19
13
  <tr>
20
- <th id="name" use:sortable={sortBy}>Name</th>
14
+ <th id="name" use:sortable={sortBy}
15
+ >Name<input
16
+ id="filter-machine"
17
+ bind:value={$filterBy.name}
18
+ placeholder="filter machine"
19
+ /></th
20
+ >
21
21
  <th id="state" use:sortable={sortBy}>State</th>
22
22
  <th id="failed" use:sortable={sortBy}>Failed</th>
23
23
  <th id="jobs" use:sortable={sortBy}>Jobs</th>
24
24
  </tr>
25
25
  </thead>
26
26
  <tbody>
27
- {#each route.value
27
+ {#each router.value
28
28
  .filter(filter($filterBy))
29
29
  .sort(sorter($sortBy)) as machine, i (machine.name)}
30
30
  <tr>
31
31
  <td>
32
- <ObjectLink object={machine}/>
32
+ <ObjectLink object={machine} />
33
33
  </td>
34
34
  <td>{machine.state}</td>
35
35
  <td>{machine.failed}</td>
@@ -1,15 +1,9 @@
1
1
  <script>
2
2
  import { ObjectLink } from "svelte-guard-history-router";
3
- import {
4
- sortable,
5
- sorter,
6
- filter,
7
- keyPrefixStore
8
- } from "svelte-common";
3
+ import { sortable, sorter, filter, keyPrefixStore } from "svelte-common";
9
4
 
10
5
  export let router;
11
6
 
12
- const route = router.route;
13
7
  const sortBy = keyPrefixStore(router.searchParamStore, "sort.");
14
8
  const filterBy = keyPrefixStore(router.searchParamStore, "filter.");
15
9
  </script>
@@ -23,7 +17,7 @@
23
17
  </tr>
24
18
  </thead>
25
19
  <tbody>
26
- {#each route.value
20
+ {#each router.value
27
21
  .filter(filter($filterBy))
28
22
  .sort(sorter($sortBy)) as socket, i (socket.listen)}
29
23
  <tr>
@@ -10,7 +10,6 @@
10
10
 
11
11
  export let router;
12
12
 
13
- const route = router.route;
14
13
  const sortBy = keyPrefixStore(router.searchParamStore, "sort.");
15
14
  const filterBy = keyPrefixStore(router.searchParamStore, "filter.");
16
15
  </script>
@@ -25,7 +24,7 @@
25
24
  </tr>
26
25
  </thead>
27
26
  <tbody>
28
- {#each route.value
27
+ {#each router.value
29
28
  .filter(filter($filterBy))
30
29
  .sort(sorter($sortBy)) as timer, i (timer.listen)}
31
30
  <tr>