File list + Rest API

demo-shell-ng2/app/app.component.ts

@@ -7,6 +7,7 @@ import {AuthRouterOutlet} from "./components/AuthRouterOutlet";
 import {SideMenu} from "./components/core/SideMenu";
 import {AppNavBar} from "./components/core/navbar.component";
 import {FormDesignToolbar} from "./components/form-design-toolbar.component";
+import {SingleComponent} from "./single.component";
 import {HomeView} from "./components/home.view";
 import {FormsView} from "./components/forms.view";
 import {Page1View} from "./components/page1.view";
@@ -19,7 +20,7 @@ import {Page2View} from "./components/page2.view";
     providers: [FormService]
 })
 @RouteConfig([
-    {path: '/', name: 'Home', component: HomeView, useAsDefault: true},
+    {path: '/', name: 'Home', component: SingleComponent, useAsDefault: true},
     {path: '/login', name: 'Login', component: Login},
     {path: '/forms', name: 'Forms', component: FormsView},
     {path: '/page1', name: 'Page1', component: Page1View},

demo-shell-ng2/app/single.component.ts

@@ -0,0 +1,14 @@
+import {Component} from 'angular2/core';
+
+@Component({
+    selector: 'my-app',
+    templateUrl: 'app/template/single.component.html'
+})
+
+export class SingleComponent {
+    target: string = 'http://192.168.99.100:8080/alfresco/service/api/upload';
+    multi: string = 'true';
+    accept: string ='image/*';
+    droppable: boolean = false;
+
+}

demo-shell-ng2/app/template/single.component.html

@@ -0,0 +1,8 @@
+<div>
+    <div>
+        <file-upload accept="{{accept}}" droppable="{{droppable}}" target="{{target}}" multi="false"  >Choose File</file-upload>
+    </div>
+    <div >
+        <alfresco-file-list></alfresco-file-list>
+    </div>
+</div>

demo-shell-ng2/bower.json

@@ -23,6 +23,11 @@
     "webcomponentsjs": "~0.7.21",
     "paper-button": "~1.0.11",
     "paper-progress": "~1.0.9",
-    "iron-icons": "~1.1.3"
+    "iron-icons": "~1.1.3",
+    "iron-list": "~1.2.8",
+    "paper-badge": "~1.1.1",
+    "iron-ajax": "~1.2.0",
+    "paper-icon-button": "~1.0.7",
+    "paper-toolbar": "~1.1.4"
   }
 }

demo-shell-ng2/index.html

@@ -3,7 +3,9 @@
     <base href="/">
     <title>Angular 2 QuickStart</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
+    <!--STYLES-->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
+
     <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
     <link href="app/css/menu.css" rel="stylesheet">
     <link href="app/css/widgets.css" rel="stylesheet">
@@ -23,6 +25,7 @@
 
     <!--ALFRESCO CUSTOM WEBCOMPONENTS-->
     <link rel="import" href="webcomponents/file-upload/file-upload.html">
+    <link rel="import" href="webcomponents/alfresco-file-list/src/alfresco-file-list.html">
 
     <!-- 1. Load libraries -->
     <!-- IE required polyfills, in this exact order -->

demo-shell-ng2/webcomponents/alfresco-file-list/.editorconfig

@@ -0,0 +1,19 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# http://editorconfig.org
+
+root = true
+
+[*]
+# Change these settings to your own preference
+indent_style = space
+indent_size = 4
+
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

demo-shell-ng2/webcomponents/alfresco-file-list/.gitignore

@@ -0,0 +1,2 @@
+bower_components/
+node_modules/

demo-shell-ng2/webcomponents/alfresco-file-list/README.md

@@ -0,0 +1,105 @@
+# <alfresco-file-list>
+
+> Alfresco files and Folders viewver list
+
+## Demo
+
+[Check it live!](http://eromano.github.io/alfresco-file-list)
+
+## Install
+
+Install the component using [Bower](http://bower.io/):
+
+```sh
+$ bower install alfresco-file-list --save
+```
+
+Or [download as ZIP](https://github.com/eromano/alfresco-file-list/archive/master.zip).
+
+## Usage
+
+1. Import Web Components' polyfill:
+
+    ```html
+    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
+    ```
+
+2. Import Custom Element:
+
+    ```html
+    <link rel="import" href="bower_components/alfresco-file-list/dist/alfresco-file-list.html">
+    ```
+
+3. Start using it!
+
+    ```html
+    <alfresco-file-list></alfresco-file-list>
+    ```
+
+## Options
+
+Attribute     | Options     | Default      | Description
+---           | ---         | ---          | ---
+`foo`         | *string*    | `bar`        | Lorem ipsum dolor.
+
+## Methods
+
+Method        | Parameters   | Returns     | Description
+---           | ---          | ---         | ---
+`unicorn()`   | None.        | Nothing.    | Magic stuff appears.
+
+## Events
+
+Event         | Description
+---           | ---
+`onsomething` | Triggers when something happens.
+
+## Development
+
+In order to run it locally you'll need to fetch some dependencies and a basic server setup.
+
+* Install [Bower](http://bower.io/) & [Grunt](http://gruntjs.com/):
+
+    ```sh
+    $ [sudo] npm install -g bower grunt-cli
+    ```
+
+* Install local dependencies:
+
+    ```sh
+    $ bower install && npm install
+    ```
+
+* To test your project, start the development server and open `http://localhost:8000`.
+
+    ```sh
+    $ grunt server
+    ```
+
+* To build the distribution files before releasing a new version.
+
+    ```sh
+    $ grunt build
+    ```
+
+* To provide a live demo, send everything to `gh-pages` branch.
+
+    ```sh
+    $ grunt deploy
+    ```
+
+## Contributing
+
+1. Fork it!
+2. Create your feature branch: `git checkout -b my-new-feature`
+3. Commit your changes: `git commit -m 'Add some feature'`
+4. Push to the branch: `git push origin my-new-feature`
+5. Submit a pull request :D
+
+## History
+
+For detailed changelog, check [Releases](https://github.com/eromano/alfresco-file-list/releases).
+
+## License
+
+[MIT License](http://opensource.org/licenses/MIT)

demo-shell-ng2/webcomponents/alfresco-file-list/bower.json

@@ -0,0 +1,32 @@
+{
+  "name": "alfresco-file-list",
+  "version": "0.0.0",
+  "description": "Alfresco files and Folders viewver list ",
+  "license": "MIT",
+  "main": "dist/alfresco-file-list.html",
+  "keywords": [
+    "polymer",
+    "web-components"
+  ],
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components"
+  ],
+  "dependencies": {
+    "polymer": "Polymer/polymer#^1.4.0",
+    "iron-list": "PolymerElements/iron-list#^1.2.8",
+    "iron-ajax": "PolymerElements/iron-ajax#^1.2.0",
+    "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.3.1",
+    "paper-styles": "PolymerElements/paper-styles#^1.1.4",
+    "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.7",
+    "paper-badge": "PolymerElements/paper-badge#^1.1.1",
+    "iron-icons": "PolymerElements/iron-icons#^1.1.3",
+    "app-layout": "PolymerLabs/app-layout#^0.0.14",
+    "paper-menu": "PolymerElements/paper-menu#^1.2.2",
+    "paper-item": "PolymerElements/paper-item#^1.1.4",
+    "paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#^1.1.3",
+    "paper-listbox": "PolymerElements/paper-listbox#^1.1.2",
+    "paper-tabs": "PolymerElements/paper-tabs#^1.5.0"
+  }
+}

demo-shell-ng2/webcomponents/alfresco-file-list/index.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>&lt;alfresco-file-list&gt;</title>
+
+    <!-- Importing Web Component's Polyfill -->
+    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
+
+    <!-- Importing Custom Elements -->
+    <link rel="import" href="src/alfresco-file-list.html">
+</head>
+<body>
+<div style="height: 900px">
+    <!-- Using Custom Elements -->
+    <alfresco-file-list></alfresco-file-list>
+</div>
+</body>
+</html>

demo-shell-ng2/webcomponents/alfresco-file-list/package.json

@@ -0,0 +1,10 @@
+{
+    "private": true,
+    "devDependencies": {
+        "grunt": "~0.4.1",
+        "grunt-cli": "~0.1.9",
+        "grunt-contrib-connect": "~0.9.0",
+        "grunt-gh-pages": "~0.9.1",
+        "grunt-text-replace": "~0.4.0"
+    }
+}

demo-shell-ng2/webcomponents/alfresco-file-list/src/alfresco-file-list.html

@@ -0,0 +1,165 @@
+<link rel="import" href="../../../bower_components/polymer/polymer.html">
+<link rel="import" href="../../../bower_components/iron-flex-layout/iron-flex-layout.html">
+<link rel="import" href="../../../bower_components/iron-ajax/iron-ajax.html">
+<link rel="import" href="../../../bower_components/iron-list/iron-list.html">
+<link rel="import" href="../../../bower_components/paper-styles/color.html">
+<link rel="import" href="../../../bower_components/paper-styles/typography.html">
+<link rel="import" href="../../../bower_components/paper-icon-button/paper-icon-button.html">
+<link rel="import" href="../../../bower_components/iron-icon/iron-icon.html">
+<link rel="import" href="../../../bower_components/paper-badge/paper-badge.html">
+
+<style>
+    .pad {
+        @apply(--layout-flex);
+        @apply(--layout-vertical);
+        padding: 0 16px;
+    }
+
+    .dim {
+        color: gray;
+    }
+
+    paper-badge {
+        -webkit-transition: all 0.1s;
+        transition: all 0.1s;
+        opacity: 1;
+        margin-top: 5px;
+    }
+    paper-badge[label="0"] {
+        opacity: 0;
+    }
+
+    paper-item {
+        white-space: nowrap;
+        cursor: pointer;
+        position: relative;
+    }
+    paper-item:hover::after {
+        content: "－";
+        width: 16px;
+        height: 16px;
+        display: block;
+        border-radius: 50% 50%;
+        background-color: var(--google-red-300);
+        margin-left: 10px;
+        line-height: 16px;
+        text-align: center;
+        color: white;
+        font-weight: bold;
+        text-decoration: none;
+        position: absolute;
+        right: 15px;
+        top: calc(50% - 8px);
+    }
+
+    ul { list-style-type: none; overflow: hidden; width:800px; margin:10px}
+    ul li div.text{ float:left; width: 400px;text-align: left;height: 55px }
+    ul li div.folder-container{ float:left; width: 70px;text-align: left ;height: 55px}
+    ul li:hover { background: #eeeeee; height: 55px}
+
+    .folder {
+        height: 52px;
+        box-sizing: border-box;
+    }
+
+    .primary {
+        font-size: 16px;
+        line-height: 20px;
+        font-family: sans-serif;
+    }
+    .secondary {
+        font-size: 12px;
+        line-height: 20px;
+        color: gray;
+        font-family: sans-serif;
+    }
+
+    paper-dropdown-menu.custom {
+        overflow: visible;
+        --paper-input-container-label: {
+            color: white;
+            background-color: var(--paper-pink-500);
+            font-style: italic;
+            text-align: center;
+            font-weight: bold;
+        };
+        --paper-input-container-input: {
+            color: var(--paper-indigo-500);
+            font-style: normal;
+            font-family: serif;
+            text-transform: uppercase;
+        }
+        /* no underline */
+        --paper-input-container-underline: {
+            display: none;
+        };
+    }
+</style>
+
+
+<dom-module id="alfresco-file-list">
+    <template>
+        <!-- Main List for the items -->
+        <iron-list id="itemsList" items="{{data}}" selected-items="{{selectedItems}}" selection-enabled multi-selection>
+            <template>
+                <div>
+                    <ul tabindex$="[[tabIndex]]" aria-label$="Select/Deselect [[item.name]]" class$="[[_computedClass(selected)]]">
+                        <li>
+                            <div class="folder-container"><img class="folder" src="img/folder.svg"></div>
+                            <div class="text">
+                                <div class="pad">
+                                    <div class="primary">
+                                        [[item.displayName]]
+                                    </div>
+                                    <div class="secondary dim">
+                                        [[item.node.description]]
+                                    </div>
+                                    <div class="secondary dim">
+                                        Modified [[item.modifiedOn]] by [[item.modifiedBy]]
+                                    </div>
+                                </div>
+                            </div>
+                            <div lass="dropdowm menu">
+                                <paper-dropdown-menu class="custom" label="Actions" no-label-float>
+                                    <paper-listbox class="dropdown-content">
+                                        <paper-item>Download as Zip</paper-item>
+                                        <paper-item>View Details</paper-item>
+                                        <paper-item>Edit Properties</paper-item>
+                                        <paper-item>Copy To...</paper-item>
+                                        <paper-item>Move To...</paper-item>
+                                    </paper-listbox>
+                                </paper-dropdown-menu>
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="border"></div>
+                </div>
+            </template>
+        </iron-list>
+
+    </template>
+
+    <script>
+        Polymer({
+            is: "alfresco-file-list",
+            ready: function() {
+                this.url ="http://192.168.99.100:8080/alfresco/service/slingshot/doclib/doclist/all/site/swsdp/documentLibrary";
+                function error () {
+                    console.log("error");
+                }
+                var xhr = new XMLHttpRequest();
+                xhr.addEventListener("load", (XMLHttpRequestProgressEvent)=>{
+                    this.data =JSON.parse(XMLHttpRequestProgressEvent.currentTarget.response).items;
+                });
+
+                xhr.addEventListener("error", error);
+
+                xhr.open("GET", this.url);
+                xhr.withCredentials = true;
+                xhr.setRequestHeader("Authorization", 'Basic ' + btoa('admin:admin'));
+                xhr.send();
+            }
+
+        });
+    </script>
+</dom-module>

demo-shell-ng2/webcomponents/alfresco-file-list/src/files.json

@@ -0,0 +1,283 @@
+{
+    "totalRecords": 4,
+    "startIndex": 0,
+    "metadata": {
+        "repositoryId": "302393f7-5fad-4c61-ab75-05e990bd86d6",
+        "container": "workspace://SpacesStore/8f2105b4-daaf-4874-9e8a-2152569d109b",
+        "parent": {
+            "nodeRef": "workspace://SpacesStore/8f2105b4-daaf-4874-9e8a-2152569d109b",
+            "permissions": {
+                "userAccess": {
+                    "create": true,
+                    "edit": true,
+                    "delete": true,
+                    "cancel-checkout": false,
+                    "permissions": true
+                }
+            }
+        },
+        "onlineEditing": false,
+        "itemCounts": {
+            "folders": 4,
+            "documents": 0
+        }
+    },
+    "items": [
+        {
+            "nodeRef": "workspace://SpacesStore/8bb36efb-c26d-4d2b-9199-ab6922f53c28",
+            "nodeType": "cm:folder",
+            "type": "folder",
+            "mimetype": "",
+            "isFolder": true,
+            "isLink": false,
+            "fileName": "Agency Files",
+            "displayName": "Agency Files",
+            "status": "",
+            "title": "Agency related files",
+            "description": "This folder holds the agency related files for the project",
+            "author": "",
+            "createdOn": "2011-02-15T20:47:03.951Z",
+            "createdBy": "Mike Jackson",
+            "createdByUser": "mjackson",
+            "modifiedOn": "2011-02-15T21:00:43.616Z",
+            "modifiedBy": "Mike Jackson",
+            "modifiedByUser": "mjackson",
+            "lockedBy": "",
+            "lockedByUser": "",
+            "size": "0",
+            "version": "1.0",
+            "contentUrl": "api/node/content/workspace/SpacesStore/8bb36efb-c26d-4d2b-9199-ab6922f53c28/Agency%20Files",
+            "webdavUrl": "/webdav/Sites/swsdp/documentLibrary/Agency%20Files",
+            "actionSet": "folder",
+            "tags": [],
+            "activeWorkflows": "",
+            "likes": {
+                "isLiked": false,
+                "totalLikes": 0
+            },
+            "location": {
+                "repositoryId": "302393f7-5fad-4c61-ab75-05e990bd86d6",
+                "site": "swsdp",
+                "siteTitle": "Sample: Web Site Design Project",
+                "container": "documentLibrary",
+                "path": "/",
+                "file": "Agency Files",
+                "parent": {
+                    "nodeRef": "workspace://SpacesStore/8f2105b4-daaf-4874-9e8a-2152569d109b"
+                }
+            },
+            "permissions": {
+                "inherited": true,
+                "roles": [
+                    "ALLOWED;GROUP_site_swsdp_SiteCollaborator;SiteCollaborator;INHERITED",
+                    "ALLOWED;GROUP_EVERYONE;SiteConsumer;INHERITED",
+                    "ALLOWED;GROUP_EVERYONE;ReadPermissions;INHERITED",
+                    "ALLOWED;GROUP_site_swsdp_SiteContributor;SiteContributor;INHERITED",
+                    "ALLOWED;GROUP_site_swsdp_SiteConsumer;SiteConsumer;INHERITED",
+                    "ALLOWED;GROUP_site_swsdp_SiteManager;SiteManager;INHERITED"
+                ],
+                "userAccess": {
+                    "create": true,
+                    "edit": true,
+                    "delete": true,
+                    "cancel-checkout": false,
+                    "permissions": true
+                }
+            },
+            "custom": {},
+            "actionLabels": {}
+        },
+        {
+            "nodeRef": "workspace://SpacesStore/8ab12916-4897-47fb-94eb-1ab699822ecb",
+            "nodeType": "cm:folder",
+            "type": "folder",
+            "mimetype": "",
+            "isFolder": true,
+            "isLink": false,
+            "fileName": "Budget Files",
+            "displayName": "Budget Files",
+            "status": "",
+            "title": "Project finance files",
+            "description": "This folder holds the project budget and invoices",
+            "author": "",
+            "createdOn": "2011-02-15T20:50:25.839Z",
+            "createdBy": "Mike Jackson",
+            "createdByUser": "mjackson",
+            "modifiedOn": "2011-02-15T21:08:20.590Z",
+            "modifiedBy": "Mike Jackson",
+            "modifiedByUser": "mjackson",
+            "lockedBy": "",
+            "lockedByUser": "",
+            "size": "0",
+            "version": "1.0",
+            "contentUrl": "api/node/content/workspace/SpacesStore/8ab12916-4897-47fb-94eb-1ab699822ecb/Budget%20Files",
+            "webdavUrl": "/webdav/Sites/swsdp/documentLibrary/Budget%20Files",
+            "actionSet": "folder",
+            "tags": [],
+            "activeWorkflows": "",
+            "likes": {
+                "isLiked": false,
+                "totalLikes": 0
+            },
+            "location": {
+                "repositoryId": "302393f7-5fad-4c61-ab75-05e990bd86d6",
+                "site": "swsdp",
+                "siteTitle": "Sample: Web Site Design Project",
+                "container": "documentLibrary",
+                "path": "/",
+                "file": "Budget Files",
+                "parent": {
+                    "nodeRef": "workspace://SpacesStore/8f2105b4-daaf-4874-9e8a-2152569d109b"
+                }
+            },
+            "permissions": {
+                "inherited": true,
+                "roles": [
+                    "ALLOWED;GROUP_site_swsdp_SiteCollaborator;SiteCollaborator;INHERITED",
+                    "ALLOWED;GROUP_EVERYONE;SiteConsumer;INHERITED",
+                    "ALLOWED;GROUP_EVERYONE;ReadPermissions;INHERITED",
+                    "ALLOWED;GROUP_site_swsdp_SiteContributor;SiteContributor;INHERITED",
+                    "ALLOWED;GROUP_site_swsdp_SiteConsumer;SiteConsumer;INHERITED",
+                    "ALLOWED;GROUP_site_swsdp_SiteManager;SiteManager;INHERITED"
+                ],
+                "userAccess": {
+                    "create": true,
+                    "edit": true,
+                    "delete": true,
+                    "cancel-checkout": false,
+                    "permissions": true
+                }
+            },
+            "custom": {},
+            "actionLabels": {}
+        },
+        {
+            "nodeRef": "workspace://SpacesStore/a211774d-ba6d-4a35-b97f-dacfaac7bde3",
+            "nodeType": "cm:folder",
+            "type": "folder",
+            "mimetype": "",
+            "isFolder": true,
+            "isLink": false,
+            "fileName": "Meeting Notes",
+            "displayName": "Meeting Notes",
+            "status": "",
+            "title": "Project meeting notes",
+            "description": "This folder holds notes from the project review meetings",
+            "author": "",
+            "createdOn": "2011-02-15T21:16:26.500Z",
+            "createdBy": "Mike Jackson",
+            "createdByUser": "mjackson",
+            "modifiedOn": "2011-02-15T21:16:26.500Z",
+            "modifiedBy": "Mike Jackson",
+            "modifiedByUser": "mjackson",
+            "lockedBy": "",
+            "lockedByUser": "",
+            "size": "0",
+            "version": "1.0",
+            "contentUrl": "api/node/content/workspace/SpacesStore/a211774d-ba6d-4a35-b97f-dacfaac7bde3/Meeting%20Notes",
+            "webdavUrl": "/webdav/Sites/swsdp/documentLibrary/Meeting%20Notes",
+            "actionSet": "folder",
+            "tags": [],
+            "activeWorkflows": "",
+            "likes": {
+                "isLiked": false,
+                "totalLikes": 0
+            },
+            "location": {
+                "repositoryId": "302393f7-5fad-4c61-ab75-05e990bd86d6",
+                "site": "swsdp",
+                "siteTitle": "Sample: Web Site Design Project",
+                "container": "documentLibrary",
+                "path": "/",
+                "file": "Meeting Notes",
+                "parent": {
+                    "nodeRef": "workspace://SpacesStore/8f2105b4-daaf-4874-9e8a-2152569d109b"
+                }
+            },
+            "permissions": {
+                "inherited": true,
+                "roles": [
+                    "ALLOWED;GROUP_site_swsdp_SiteCollaborator;SiteCollaborator;INHERITED",
+                    "ALLOWED;GROUP_EVERYONE;SiteConsumer;INHERITED",
+                    "ALLOWED;GROUP_EVERYONE;ReadPermissions;INHERITED",
+                    "ALLOWED;GROUP_site_swsdp_SiteContributor;SiteContributor;INHERITED",
+                    "ALLOWED;GROUP_site_swsdp_SiteConsumer;SiteConsumer;INHERITED",
+                    "ALLOWED;GROUP_site_swsdp_SiteManager;SiteManager;INHERITED"
+                ],
+                "userAccess": {
+                    "create": true,
+                    "edit": true,
+                    "delete": true,
+                    "cancel-checkout": false,
+                    "permissions": true
+                }
+            },
+            "custom": {},
+            "actionLabels": {}
+        },
+        {
+            "nodeRef": "workspace://SpacesStore/38745585-816a-403f-8005-0a55c0aec813",
+            "nodeType": "cm:folder",
+            "type": "folder",
+            "mimetype": "",
+            "isFolder": true,
+            "isLink": false,
+            "fileName": "Presentations",
+            "displayName": "Presentations",
+            "status": "",
+            "title": "Project presentations",
+            "description": "This folder holds presentations from the project",
+            "author": "",
+            "createdOn": "2011-02-15T21:18:38.144Z",
+            "createdBy": "Mike Jackson",
+            "createdByUser": "mjackson",
+            "modifiedOn": "2011-02-15T21:18:38.144Z",
+            "modifiedBy": "Mike Jackson",
+            "modifiedByUser": "mjackson",
+            "lockedBy": "",
+            "lockedByUser": "",
+            "size": "0",
+            "version": "1.0",
+            "contentUrl": "api/node/content/workspace/SpacesStore/38745585-816a-403f-8005-0a55c0aec813/Presentations",
+            "webdavUrl": "/webdav/Sites/swsdp/documentLibrary/Presentations",
+            "actionSet": "folder",
+            "tags": [],
+            "activeWorkflows": "",
+            "likes": {
+                "isLiked": false,
+                "totalLikes": 0
+            },
+            "location": {
+                "repositoryId": "302393f7-5fad-4c61-ab75-05e990bd86d6",
+                "site": "swsdp",
+                "siteTitle": "Sample: Web Site Design Project",
+                "container": "documentLibrary",
+                "path": "/",
+                "file": "Presentations",
+                "parent": {
+                    "nodeRef": "workspace://SpacesStore/8f2105b4-daaf-4874-9e8a-2152569d109b"
+                }
+            },
+            "permissions": {
+                "inherited": true,
+                "roles": [
+                    "ALLOWED;GROUP_site_swsdp_SiteCollaborator;SiteCollaborator;INHERITED",
+                    "ALLOWED;GROUP_EVERYONE;SiteConsumer;INHERITED",
+                    "ALLOWED;GROUP_EVERYONE;ReadPermissions;INHERITED",
+                    "ALLOWED;GROUP_site_swsdp_SiteContributor;SiteContributor;INHERITED",
+                    "ALLOWED;GROUP_site_swsdp_SiteConsumer;SiteConsumer;INHERITED",
+                    "ALLOWED;GROUP_site_swsdp_SiteManager;SiteManager;INHERITED"
+                ],
+                "userAccess": {
+                    "create": true,
+                    "edit": true,
+                    "delete": true,
+                    "cancel-checkout": false,
+                    "permissions": true
+                }
+            },
+            "custom": {},
+            "actionLabels": {}
+        }
+    ]
+}

demo-shell-ng2/webcomponents/alfresco-file-list/src/img/folder.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 64 64" width="64" height="64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0C79BF;}
+</style>
+<g>
+	<path class="st0" d="M0,27.9v29.9c0,1.4,1.1,2.5,2.5,2.5h59.1c1.4,0,2.5-1.1,2.5-2.5V27.9H0z"/>
+	<path class="st0" d="M0,23.7h64V13.5c0-1.4-1.1-2.5-2.5-2.5H30l-6.2-6.5C23.3,4,22.7,3.7,22,3.7H0V23.7z"/>
+</g>
+</svg>