gui/ui/sections/task/inspectors/tasks.reel/tasks.html at 81bedfdacce82ef2d37a3a7183bdf06a7eab2027 · freenas/gui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="tasks.css">
    <script type="text/montage-serialization">
    {
        "owner": {
            "properties": {
                "element": {"#": "owner"},
                "views": [
                    {"label": "Queued", "value": "EXECUTING"},
                    {"label": "Failed", "value": "FAILED"},
                    {"label": "Finished", "value": "FINISHED"}
                ]
            }
        },
        "viewTabs": {
            "prototype": "blue-shark/ui/tabs.reel",
            "properties": {
                "element": {"#": "viewTabs"}
            },
            "bindings": {
                "options": {"<-": "@owner.views"},
                "selection": {"<->": "@owner.currentView"}
            }
        },
        "table": {
            "prototype": "ui/sections/task/controls/table-task.reel",
            "properties": {
                "element": {"#": "table"}
            },
            "bindings": {
                "rows": {"<-": "@owner.entries.filter{state==@owner.currentView}"}
            }
        },
        "details": {
            "prototype": "./task-details.reel",
            "properties": {
                "element": {"#": "details"}
            },
            "bindings": {
                "object": {"<-": "@table.selectedRow"}
            }
        }
    }
    </script>
</head>
<body>
    <div data-montage-id="owner" class="TasksInspector g-margin">
        <div data-montage-id="viewTabs" class="Calendar-viewTabs g-margin-bottom"></div>
        <div class="flex-column">
            <div data-montage-id="table" class="TasksInspector-table"></div>
            <div data-montage-id="details" class="TasksInspector-details"></div>
        </div>
    </div>
</body>
</html>