clowder/app/views/folders/listitem.scala.html at b429cd05c941fb149933344a0ff21e715cc363b3 · clowder-framework/clowder · 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
73
74
75
76
77
78
79
80
81
82
83
84
@(folder: Folder, parentDataset: UUID)(implicit user: Option[models.User])

@import api.Permission
<div class="panel panel-default folder-panel" id="@folder.id-listitem">
    <div class="panel-body">
        <div class="row">
            <div class="col-md-2 col-sm-2 col-lg-2">

                    <a href="javascript:updatePageAndFolder(0, '@folder.id.stringify')">
                        <span class="bigicon glyphicon glyphicon-folder-close"></span>
                    </a>

            </div>
            <div class="col-md-10 col-sm-10 col-lg-10">
                <div id="folder-title-@folder.id">
                    <h3 id ="@folder.id-name" class="inline">
                        <a href="javascript:updatePageAndFolder(0, '@folder.id.stringify')">@folder.displayName</a>
                    </h3>
                    @if(Permission.checkPermission(Permission.AddResourceToDataset, ResourceRef(ResourceRef.dataset, parentDataset))) {
                        <h3 id="h-edit-@folder.id" class="hiddencomplete">
                            <a id="edit-@folder-id" href="javascript:updateFolderName('@parentDataset', '@folder.id')" title="Click to edit folder name">
                                <span class ="glyphicon glyphicon-edit" aria-hidden ="true"></span>
                            </a>
                        </h3>
                    }
                </div>

                <div class="row">
                    <div class="col-md-8 col-lg-8 col-sm-8">
                        <ul class="list-unstyled">
                            <li>
                                <span class="glyphicon glyphicon-folder-close"></span> @folder.folders.length
                                <span class="glyphicon glyphicon-file"></span> @folder.files.length
                                @if(user.isDefined) {
                                    @if(Permission.checkPermission(Permission.RemoveResourceFromDataset, ResourceRef(ResourceRef.dataset, parentDataset))){
                                        <button onclick="confirmDeleteResource('folder','folder','@(folder.id)','@(folder.displayName.replace("'","&#39;"))', '@parentDataset', '/')" class="btn btn-link" title="Delete folder">
                                            <span class="glyphicon glyphicon-trash"></span></button>
                                    } else {
                                        <div class="inline" title="No permission to delete the folder">
                                            <button disabled class="btn btn-link"><span class="glyphicon glyphicon-trash"></span></button>
                                        </div>
                                    }
                                }
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-4 col-lg-4 col-sm-4">
                        <ul class="list-unstyled">
                        @if(Permission.checkPermission(Permission.DownloadFiles, ResourceRef(ResourceRef.dataset, folder.parentDatasetId))) {
                            <li>
                                <button id="downloadButton" onclick="window.open(jsRoutes.api.Datasets.downloadFolder('@folder.parentDatasetId', '@folder.id').url, '_blank');" class="btn btn-link" title="Download and enjoy this file.">
                                    <span class="glyphicon glyphicon-save"></span> Download
                                </button>
                            </li>
                        } else {
                            <li>
                                <div class="inline" title="No permission to download the folder">
                                    <button disabled class="btn btn-link"><span class="glyphicon glyphicon-save"></span> Download</button>
                                </div>
                            </li>
                        }
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <script>

        $(document).ready(function(){

            @if(user.isDefined) {
                if(@Permission.checkPermission(Permission.AddResourceToDataset, ResourceRef(ResourceRef.dataset, parentDataset))) {
                     $(document).on('mouseenter', '#folder-title-@folder.id', function() {
                        $('#h-edit-@folder.id').removeClass("hiddencomplete");
                        $('#h-edit-@folder.id').addClass("inline");
                     }).on('mouseleave', '#folder-title-@folder.id', function() {
                        $('#h-edit-@folder.id').removeClass("inline");
                        $('#h-edit-@folder.id').addClass("hiddencomplete");
                     });
                }
            }
        });
    </script>