gui/ui/sections/task/controls/table-task.reel/table-task.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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
    <title></title>

    <script type="text/montage-serialization">
    {
        "owner": {
            "properties": {
                "element": {"#": "owner"}
            },
            "bindings": {
                "selectedRow": {"<-": "@table.selectedRow"}
            }
        },
        "table": {
            "prototype": "blue-shark/ui/tables/table-read-only.reel",
            "properties": {
                "element": {"#": "table"},
                "delegate": {"@": "owner"},
                "label": "Tasks",
                "isSelectionEnabled": true,
                "columns": [
                    {
                        "value": "ID",
                        "path": "id"
                    },
                    {
                        "value": "Name",
                        "path": "name"
                    },
                    {
                        "value": "Status",
                        "path": "state"
                    },
                    {
                        "value": "Progress",
                        "path": "progress.percentage"
                    },
                    {
                        "value": "Created at",
                        "path": "created_at['$date']"

                    },
                    {
                        "value": "Finished at",
                        "path": "finished_at['$date']"
                    }
                ]
            },
            "bindings": {
                "rows": {"<->": "@owner.rows"}
            }
        },
        "tableHeader": {
            "prototype": "./table-task-header.reel",
            "properties": {
                "element": {"#": "tableHeader"},
                "table": {"@": "table"}
            }
        }
    }
    </script>
</head>
<body>
    <div data-montage-id="owner" class="TableTask">
        <div data-montage-id="table">
            <div data-arg="table-read-only-header-toolbar" data-montage-id="tableHeader"></div>
        </div>
    </div>
</body>
</html>