1
<div class="dataMaidCategory inline-drawer">
2
    <div class="inline-drawer-toggle inline-drawer-header">
3
        <div class="dataMaidCategoryHeader">
4
            <div class="dataMaidCategoryDetails">
5
                <div class="dataMaidCategoryName" data-i18n="{{name}}">
6
                    {{name}}
7
                </div>
8
                <small>{{description}}</small>
9
                <div class="dataMaidCategoryInfo">
10
                    <small>
11
                        <i class="fa-solid fa-file-alt fa-sm"></i>
12
                        {{totalItems}}
13
                    </small>
14
                    <span>&VerticalBar;</span>
15
                    <small>
16
                        <i class="fa-solid fa-hdd fa-sm"></i>
17
                        {{totalSize}}
18
                    </small>
19
                </div>
20
            </div>
21
            <div class="dataMaidDeleteAll right_menu_button" title="Delete all items in this category" data-i18n="[title]Delete all items in this category">
22
                <i class="fa-solid fa-fw fa-broom"></i>
23
            </div>
24
        </div>
25
        <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
26
    </div>
27
    <div class="dataMaidCategoryContent inline-drawer-content">
28
        <div class="flex-container">
29
            {{#each items}}
30
            {{#with this}}
31
            <div class="dataMaidItem" data-hash="{{hash}}">
32
                <div class="dataMaidItemHeader">
33
                    <div class="dataMaidItemName">
34
                        {{#if parent}}
35
                        <span class="dataMaidItemParent">({{parent}})</span>
36
                        <span>/</span>
37
                        {{/if}}
38
                        <b>{{name}}</b>
39
                    </div>
40
                    <div class="dataMaidItemActions">
41
                        <button class="dataMaidItemView menu_button menu_button_icon margin0" title="View item content" data-i18n="[title]View item content">
42
                            <i class="fa-solid fa-fw fa-eye"></i>
43
                        </button>
44
                        <button class="dataMaidItemDownload menu_button menu_button_icon margin0" title="Download item" data-i18n="[title]Download item">
45
                            <i class="fa-solid fa-fw fa-download"></i>
46
                        </button>
47
                        <button class="dataMaidItemDelete menu_button menu_button_icon margin0" title="Delete this item" data-i18n="[title]Delete this item">
48
                            <i class="fa-solid fa-fw fa-trash-alt"></i>
49
                        </button>
50
                    </div>
51
                </div>
52
                <div class="dataMaidItemInfo">
53
                    <small>
54
                        <i class="fa-solid fa-file fa-sm"></i>
55
                        {{size}}
56
                    </small>
57
                    <span>&VerticalBar;</span>
58
                    <small>
59
                        <i class="fa-solid fa-calendar fa-sm"></i>
60
                        {{date}}
61
                    </small>
62
                </div>
63
            </div>
64
            {{/with}}
65
            {{/each}}
66
        </div>
67
    </div>
68
</div>