style(type="text/css")
    .manage-resource-container{
        height: 100%;
        border: 1px solid #ddd;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;

    }
    .manage-resource-container ul{
        margin-top: 15px;
        list-style: none;
    }
    .manage-resource-container ul.dropdown-menu{
        margin-top: 0px;
    }
    .manage-resource-container .resource-view{
        border-left: 1px solid #ddd;
        min-height: 300px;
    }
    .manage-resource-container .resource-tree ul li{
        margin-bottom: 5px;
    }
    .manage-resource-container .resource-tree li a.tree-node-up {
        cursor: pointer;
    }
    .manage-resource-container .resource-tree li.disabled a:hover {
        text-decoration: none;
    }
    .manage-resource-container .resource-tree li.disabled a {
        color: #808080;
        cursor: default;
    }
    .manage-resource-container .resource-tree a.add-folder{
        margin-left: 25px;
    }
    .manage-resource-container .resource-view #detail{
        margin-left: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .manage-resource-container .resource-view #detail .meta{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .manage-resource-container .resource-view .no-resource{
        margin-top: 15px;
        margin-left: 15px;
        margin-right: 15px;
    }

- var pv = new viewLib.PermissionValidator(req, "model.resourceSchema", "");
- var hasAdd = pv.hasPermission("ADD").isAuthorized == true;
.manage-resource
    ul#breadcrumbs.breadcrumb
    if hasAdd
        .top-bar
            #uploader
                noscript |Please enable JavaScript to use file uploader.
    #upload_error.ui-helper-hidden.alert.alert-error
        button(class="close", data-dismiss="alert") x
        span#error_message

    #successMsg.ui-helper-hidden.alert.alert-success
        button(class="close", data-dismiss="alert") x
        span

.manage-resource-container.row-fluid
    .resource-tree.span2
        ul
        if hasAdd
            a(href='javascript:;', id='addFolder', class='add-folder')
                i.icon-plus-sign
                |  Add Folder
    .resource-view.span10
        #list
        #detail.ui-helper-hidden
            img(class="thumbnail")
            .meta
                .name
                .size
                .type
                .pixels.ui-helper-hidden
                .url
            .toolbar
                button(id='download', class='btn')
                    i.icon-download-alt
                    |  Download
                 
                button(id='rename', class='btn')
                    i.icon-edit
                    |  Rename
                 
                button(id='delete', class='btn')
                    i.icon-trash
                    |  Delete
                 
                button(id='go-up', class='btn')
                    i.icon-arrow-up
                    |  Go Up

:script
    require(['manageResource']);