mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
Project cleanup
- remove obsolete bootstrap navbar code - remove obsolete nabber theme - remove obsolete ‘web-components’ folder
This commit is contained in:
Denys Vuika
@@ -1,51 +1,3 @@
|
|||||||
<!--
|
|
||||||
<nav class="navbar navbar-default navbar-fixed-top">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
<a class="navbar-brand navbar-alfresco-logo" [routerLink]="['Home']">
|
|
||||||
<img src="app/img/blank.gif">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
||||||
<ul class="nav navbar-nav">
|
|
||||||
<li [class.active]="isActive(['Home'])">
|
|
||||||
<a [routerLink]="['Home']">Home <span class="sr-only">(current)</span></a>
|
|
||||||
</li>
|
|
||||||
<li [class.active]="isActive(['Page1'])">
|
|
||||||
<a [routerLink]="['Page1']">Uploader</a>
|
|
||||||
</li>
|
|
||||||
<li [class.active]="isActive(['Page2'])">
|
|
||||||
<a [routerLink]="['Page2']">Page 2</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
|
||||||
<li class="dropdown">
|
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
|
||||||
<span class="glyphicon glyphicon-menu-hamburger"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="dropdown-menu">
|
|
||||||
<li><a href="#">Action</a></li>
|
|
||||||
<li><a href="#">Another action</a></li>
|
|
||||||
<li><a href="#">Something else here</a></li>
|
|
||||||
<li role="separator" class="divider"></li>
|
|
||||||
<li><a *ngIf="!isLoggedIn()" [routerLink]="['Login']">Login</a></li>
|
|
||||||
<li><a *ngIf="isLoggedIn()" href="#" (click)="onLogout($event)">Logout</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
<auth-router-outlet></auth-router-outlet>
|
|
||||||
-->
|
|
||||||
|
|
||||||
<!-- Always shows a header, even in smaller screens. -->
|
<!-- Always shows a header, even in smaller screens. -->
|
||||||
<div mdl class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
<div mdl class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
||||||
<header class="mdl-layout__header">
|
<header class="mdl-layout__header">
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@@ -7,8 +7,6 @@
|
|||||||
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
|
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
|
||||||
<link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
<link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||||
<link href="app/css/app.css" rel="stylesheet">
|
<link href="app/css/app.css" rel="stylesheet">
|
||||||
<!-- Custom theme -->
|
|
||||||
<link rel="stylesheet" href="app/css/theme/navbar.css">
|
|
||||||
|
|
||||||
<!-- Google Material Design Lite -->
|
<!-- Google Material Design Lite -->
|
||||||
<link rel="stylesheet" href="node_modules/material-design-lite/material.min.css">
|
<link rel="stylesheet" href="node_modules/material-design-lite/material.min.css">
|
||||||
|
|||||||
@@ -1,19 +0,0 @@
|
|||||||
# 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
|
|
||||||
2
web-components/alfresco-file-list/.gitignore
vendored
2
web-components/alfresco-file-list/.gitignore
vendored
@@ -1,2 +0,0 @@
|
|||||||
bower_components/
|
|
||||||
node_modules/
|
|
||||||
@@ -1,42 +0,0 @@
|
|||||||
module.exports = function(grunt) {
|
|
||||||
|
|
||||||
grunt.initConfig({
|
|
||||||
'connect': {
|
|
||||||
demo: {
|
|
||||||
options: {
|
|
||||||
open: true,
|
|
||||||
keepalive: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
'gh-pages': {
|
|
||||||
options: {
|
|
||||||
clone: 'bower_components/alfresco-file-list'
|
|
||||||
},
|
|
||||||
src: [
|
|
||||||
'bower_components/**/*',
|
|
||||||
'!bower_components/alfresco-file-list/**/*',
|
|
||||||
'demo/*', 'src/*', 'index.html'
|
|
||||||
]
|
|
||||||
},
|
|
||||||
'replace': {
|
|
||||||
example: {
|
|
||||||
src: ['src/*'],
|
|
||||||
dest: 'dist/',
|
|
||||||
replacements: [{
|
|
||||||
from: 'bower_components',
|
|
||||||
to: '..'
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
grunt.loadNpmTasks('grunt-contrib-connect');
|
|
||||||
grunt.loadNpmTasks('grunt-gh-pages');
|
|
||||||
grunt.loadNpmTasks('grunt-text-replace');
|
|
||||||
|
|
||||||
grunt.registerTask('build', ['replace']);
|
|
||||||
grunt.registerTask('deploy', ['gh-pages']);
|
|
||||||
grunt.registerTask('server', ['connect']);
|
|
||||||
|
|
||||||
};
|
|
||||||
@@ -1,113 +0,0 @@
|
|||||||
# <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>
|
|
||||||
```
|
|
||||||
|
|
||||||
# publish-subscribe functionality
|
|
||||||
Add the code below to the main index.html in order to refresh the file list when a file is uploaded.
|
|
||||||
|
|
||||||
<template is="dom-bind" id="alfresco-app">
|
|
||||||
<iron-signals on-iron-signal-uploaded="uploadedSignal"></iron-signals>
|
|
||||||
</template>
|
|
||||||
```
|
|
||||||
|
|
||||||
## 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)
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
{
|
|
||||||
"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"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,19 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title><alfresco-file-list></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>
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
{
|
|
||||||
"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"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,282 +0,0 @@
|
|||||||
<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">
|
|
||||||
<link rel="import" href="../../../bower_components/paper-item/paper-item.html">
|
|
||||||
<link rel="import" href="../../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
|
|
||||||
<link rel="import" href="../../../bower_components/iron-signals/iron-signals.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);
|
|
||||||
}
|
|
||||||
|
|
||||||
.iron-list ul { list-style-type: none; overflow: hidden; margin:10px}
|
|
||||||
.iron-list ul li div.text{ float:left; text-align: left;height: 55px }
|
|
||||||
.iron-list ul li div.folder-container{ float:left; width: 70px;text-align: left ;height: 55px}
|
|
||||||
.iron-list ul li:hover { background: #eeeeee; height: 55px}
|
|
||||||
.file{
|
|
||||||
width: 52px;
|
|
||||||
height: 52px;
|
|
||||||
}
|
|
||||||
.folder {
|
|
||||||
height: 52px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 20px;
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
.secondary {
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 20px;
|
|
||||||
color: gray;
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pull-right{
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.iron-list ul{
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.breadcrumb {
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 12px;
|
|
||||||
padding-left: 11px;
|
|
||||||
height: 28px;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-breadcrumb-img{
|
|
||||||
float: left;
|
|
||||||
text-align: left;
|
|
||||||
height: 15px;
|
|
||||||
padding: 0px 10px 0px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-breadcrumb-text {
|
|
||||||
float: left;
|
|
||||||
text-align: left;
|
|
||||||
height: 25px;
|
|
||||||
padding: 0px 10px 0px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-breadcrumb-text:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-breadcrumb-container {
|
|
||||||
float: left;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
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>
|
|
||||||
<div class="breadcrumb">
|
|
||||||
<template is="dom-repeat" items="{{breadcrumbs}}">
|
|
||||||
<div on-click="goToFolderBreadcrumbs" data-name="[[item]]" class="folder-breadcrumb-container">
|
|
||||||
<img class="folder-breadcrumb-img" src="img/folder.svg">
|
|
||||||
|
|
||||||
<div class="folder-breadcrumb-text">[[item]]</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
<!-- Main List for the items -->
|
|
||||||
<iron-list id="itemsList" items="{{data}}" selected-items="{{selectedItems}}" selection-enabled>
|
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<ul tabindex$="[[tabIndex]]" aria-label$="Select/Deselect [[item.name]]" class$="[[_computedClass(selected)]]">
|
|
||||||
<li>
|
|
||||||
<div class="folder-container" on-click="goToFolder">
|
|
||||||
<template is="dom-if" if="{{item.isFolder}}">
|
|
||||||
<img class="folder" src="img/folder.svg">
|
|
||||||
</template>
|
|
||||||
<template is="dom-if" if="{{!item.isFolder}}">
|
|
||||||
<img class="file" src="{{getThumbnailUrl(item)}}">
|
|
||||||
</template>
|
|
||||||
</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 pull-right" 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>
|
|
||||||
HTMLImports.whenReady(function() {
|
|
||||||
Polymer({
|
|
||||||
is: "alfresco-file-list",
|
|
||||||
|
|
||||||
host: 'http://192.168.99.100:8080',
|
|
||||||
|
|
||||||
baseUrl: function(){
|
|
||||||
return this.host + '/alfresco/service/slingshot/doclib/doclist/all/site/';
|
|
||||||
},
|
|
||||||
|
|
||||||
properties: {
|
|
||||||
showSelection: {
|
|
||||||
type: Boolean,
|
|
||||||
value: true,
|
|
||||||
observer: '_showSelectionChanged'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
goToFolder: function (event) {
|
|
||||||
this.container = event.model.item.location.container;
|
|
||||||
var path = event.model.item.location.path !== '/' ? (event.model.item.location.path + '/' ) : '/';
|
|
||||||
var relativePath = this.container + path + event.model.item.fileName;
|
|
||||||
var slug = event.model.item.location.site + '/' + relativePath;
|
|
||||||
this.breadcrumbs = relativePath.split('/');
|
|
||||||
this.fetchFolderFolder(slug);
|
|
||||||
},
|
|
||||||
|
|
||||||
goToFolderBreadcrumbs: function (event) {
|
|
||||||
var currentRelative = event.model.__data__.item;
|
|
||||||
var currentRelativeIndexInSlug = this.lastSlug.indexOf(currentRelative);
|
|
||||||
var slug = this.lastSlug.substr(0, currentRelativeIndexInSlug + currentRelative.length);
|
|
||||||
this.breadcrumbs = slug.substr(6,slug.length).split('/');
|
|
||||||
this.fetchFolderFolder(slug);
|
|
||||||
},
|
|
||||||
|
|
||||||
ready: function() {
|
|
||||||
this.breadcrumbs = ['documentLibrary'];
|
|
||||||
var initialFolder = 'swsdp/documentLibrary';
|
|
||||||
this.fetchFolderFolder(initialFolder);
|
|
||||||
var self = this;
|
|
||||||
if(document.querySelector("#alfresco-app")) {
|
|
||||||
document.querySelector("#alfresco-app").uploadedSignal = function () {
|
|
||||||
self.fetchFolderFolder(initialFolder);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
fetchFolderFolder: function(slug) {
|
|
||||||
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);
|
|
||||||
|
|
||||||
this.lastSlug = slug;
|
|
||||||
xhr.open("GET", (this.baseUrl() + slug));
|
|
||||||
xhr.withCredentials = true;
|
|
||||||
xhr.setRequestHeader("Authorization", 'Basic ' + btoa('admin:admin'));
|
|
||||||
xhr.send();
|
|
||||||
},
|
|
||||||
|
|
||||||
getThumbnailUrl: function(item) {
|
|
||||||
return this.host + '/alfresco/service/api/node/' + item.nodeRef.replace('://', '/') + '/content/thumbnails/doclib?c=queue&ph=true&lastModified=1';
|
|
||||||
},
|
|
||||||
|
|
||||||
thumbBaseUrl: function () {
|
|
||||||
return this.host + '/alfresco/service/';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</dom-module>
|
|
||||||
@@ -1,283 +0,0 @@
|
|||||||
{
|
|
||||||
"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": {}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
<?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>
|
|
||||||
|
Before Width: | Height: | Size: 639 B |
@@ -1,43 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "file-upload",
|
|
||||||
"version": "1.6.4",
|
|
||||||
"authors": [
|
|
||||||
"Winston Howes <winstonhowes@gmail.com>"
|
|
||||||
],
|
|
||||||
"description": "An element for using ajax to upload files.",
|
|
||||||
"keywords": [
|
|
||||||
"web-component",
|
|
||||||
"web-components",
|
|
||||||
"polymer",
|
|
||||||
"file",
|
|
||||||
"ajax",
|
|
||||||
"upload"
|
|
||||||
],
|
|
||||||
"main": "file-upload.html",
|
|
||||||
"license": "MIT",
|
|
||||||
"homepage": "https://github.com/winhowes/file-upload/",
|
|
||||||
"ignore": [
|
|
||||||
"/.*",
|
|
||||||
"/test/",
|
|
||||||
"/demo/",
|
|
||||||
"/bower_components/"
|
|
||||||
],
|
|
||||||
"dependencies": {
|
|
||||||
"polymer": "Polymer/polymer#^1.0.0",
|
|
||||||
"paper-progress": "PolymerElements/paper-progress#^1.0.0"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
|
|
||||||
"web-component-tester": "*"
|
|
||||||
},
|
|
||||||
"_release": "1.6.4",
|
|
||||||
"_resolution": {
|
|
||||||
"type": "version",
|
|
||||||
"tag": "v1.6.4",
|
|
||||||
"commit": "eeaa8d62ac0d7ae2f5adb9531c427bfba3952f1c"
|
|
||||||
},
|
|
||||||
"_source": "git://github.com/winhowes/file-upload.git",
|
|
||||||
"_target": "~1.6.4",
|
|
||||||
"_originalSource": "file-upload",
|
|
||||||
"_direct": true
|
|
||||||
}
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2015 Winston Howes
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in all
|
|
||||||
copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
||||||
SOFTWARE.
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
# Introduction
|
|
||||||
This repository contains an element for file uploads using ajax. It supports multi-file selection as well as optional drop zones for drag-and-drop. The element is designed for use in Polymer 1.0.
|
|
||||||
|
|
||||||
Check out the demo and docs here: https://winhowes.github.io/file-upload/components/file-upload/.
|
|
||||||
|
|
||||||
# Installation
|
|
||||||
To install simply run:
|
|
||||||
```
|
|
||||||
bower install --save file-upload
|
|
||||||
```
|
|
||||||
|
|
||||||
# publish-subscribe functionality
|
|
||||||
Add the code below to the main index.html in order to publish an event when a file is uploaded. This event is used by the others components to refresh or make action.
|
|
||||||
|
|
||||||
<template is="dom-bind" id="alfresco-app">
|
|
||||||
<iron-signals on-iron-signal-uploaded="uploadedSignal"></iron-signals>
|
|
||||||
</template>
|
|
||||||
```
|
|
||||||
@@ -1,521 +0,0 @@
|
|||||||
<!--
|
|
||||||
@license
|
|
||||||
Copyright (c) 2015 Winston Howes. All rights reserved.
|
|
||||||
This code may only be used under the MIT license found at https://github.com/winhowes/file-upload/blob/master/LICENSE
|
|
||||||
-->
|
|
||||||
<link rel="import" href="../../bower_components/polymer/polymer.html">
|
|
||||||
|
|
||||||
<!--
|
|
||||||
An element providing a solution to no problem in particular.
|
|
||||||
|
|
||||||
Example:
|
|
||||||
|
|
||||||
<file-upload target="/path/to/destination"></file-upload>
|
|
||||||
|
|
||||||
@demo
|
|
||||||
-->
|
|
||||||
|
|
||||||
<link rel="import" href="../../bower_components/paper-button/paper-button.html">
|
|
||||||
<link rel="import" href="../../bower_components/paper-progress/paper-progress.html">
|
|
||||||
<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
|
|
||||||
<link rel="import" href="../../bower_components/iron-signals/iron-signals.html">
|
|
||||||
|
|
||||||
<dom-module id="file-upload">
|
|
||||||
|
|
||||||
<style type="text/css">
|
|
||||||
:host {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.enabled {
|
|
||||||
border: 1px dashed #555;
|
|
||||||
@apply(--file-upload-upload-border-enabled);
|
|
||||||
}
|
|
||||||
|
|
||||||
.hover {
|
|
||||||
opacity: .7;
|
|
||||||
border: 1px dashed #111;
|
|
||||||
@apply(--file-upload-upload-border-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.file{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.name{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#UploadBorder{
|
|
||||||
vertical-align: middle;
|
|
||||||
color: #555;
|
|
||||||
padding: 20px;
|
|
||||||
max-height: 300px;
|
|
||||||
overflow-y: auto;
|
|
||||||
display: inline-block;
|
|
||||||
@apply(--file-upload-upload-border);
|
|
||||||
}
|
|
||||||
|
|
||||||
#dropArea {
|
|
||||||
text-align: center;
|
|
||||||
@apply(--file-upload-drop-area);
|
|
||||||
}
|
|
||||||
|
|
||||||
paper-button#button {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
@apply(--file-upload-button);
|
|
||||||
}
|
|
||||||
|
|
||||||
.file {
|
|
||||||
padding: 10px 0px;
|
|
||||||
@apply(--file-upload-file);
|
|
||||||
}
|
|
||||||
|
|
||||||
.commands {
|
|
||||||
float: right;
|
|
||||||
@apply(--file-upload-commands);
|
|
||||||
}
|
|
||||||
|
|
||||||
.commands iron-icon:not([icon="check-circle"]) {
|
|
||||||
cursor: pointer;
|
|
||||||
opacity: .9;
|
|
||||||
@apply(--file-upload-commands-faded);
|
|
||||||
}
|
|
||||||
|
|
||||||
.commands iron-icon:hover {
|
|
||||||
opacity: 1;
|
|
||||||
@apply(--file-upload-commands-hovered);
|
|
||||||
}
|
|
||||||
|
|
||||||
[hidden] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.error {
|
|
||||||
color: #f40303;
|
|
||||||
font-size: 11px;
|
|
||||||
margin: 2px 0px -3px;
|
|
||||||
@apply(--file-upload-error);
|
|
||||||
}
|
|
||||||
|
|
||||||
paper-progress {
|
|
||||||
--paper-progress-active-color: #03a9f4;
|
|
||||||
}
|
|
||||||
|
|
||||||
paper-progress[error] {
|
|
||||||
--paper-progress-active-color: #f40303;
|
|
||||||
}
|
|
||||||
|
|
||||||
paper-button#button {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
background-color: aquamarine;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<paper-button id="button" icon="file-upload" class="blue" on-click="_fileClick">
|
|
||||||
<content></content>
|
|
||||||
</paper-button>
|
|
||||||
<div id='UploadBorder'>
|
|
||||||
<div id="dropArea" hidden$="{{!_shownDropText}}">{{droptext}}</div>
|
|
||||||
<template is="dom-repeat" items="{{files}}">
|
|
||||||
<div class="file">
|
|
||||||
<div class="name">
|
|
||||||
<span>{{item.name}}</span>
|
|
||||||
<div class="commands">
|
|
||||||
<iron-icon icon="autorenew" title="{{retryText}}" on-click="_retryUpload" hidden$="{{!item.error}}"></iron-icon>
|
|
||||||
<iron-icon icon="cancel" title="{{removeText}}" on-click="_cancelUpload" hidden$="{{item.complete}}"></iron-icon>
|
|
||||||
<iron-icon icon="check-circle" title="{{successText}}" hidden$="{{!item.complete}}"></iron-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="error" hidden$="{{!item.error}}">{{errorText}}</div>
|
|
||||||
<div hidden$={{progressHidden}}>
|
|
||||||
<paper-progress value$="{{item.progress}}" error$="{{item.error}}"></paper-progress>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<input type="file" id="fileInput" on-change="_fileChange" hidden multiple="{{multi}}" accept="{{accept}}">
|
|
||||||
<!--<paper-toast id="toastSuccess" text="File uploaded successfully!"></paper-toast>
|
|
||||||
<paper-toast id="toastFail" text="Error uploading file!"></paper-toast>-->
|
|
||||||
</template>
|
|
||||||
|
|
||||||
</dom-module>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
Polymer({
|
|
||||||
|
|
||||||
is: 'file-upload',
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Fired when a response is received status code 200.
|
|
||||||
*
|
|
||||||
* @event success
|
|
||||||
*/
|
|
||||||
/**
|
|
||||||
* Fired when a response is received other status code.
|
|
||||||
*
|
|
||||||
* @event error
|
|
||||||
*/
|
|
||||||
/**
|
|
||||||
* Fired when a file is about to be uploaded.
|
|
||||||
*
|
|
||||||
* @event before-upload
|
|
||||||
*/
|
|
||||||
|
|
||||||
properties: {
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `target` is the target url to upload the files to.
|
|
||||||
* Additionally by adding "<name>" in your url, it will be replaced by
|
|
||||||
* the file name.
|
|
||||||
*/
|
|
||||||
target: {
|
|
||||||
type: String,
|
|
||||||
value: ""
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `accept` is the set of comma separated file extensions or mime types
|
|
||||||
* to filter as accepted.
|
|
||||||
*/
|
|
||||||
|
|
||||||
accept: {
|
|
||||||
type: String,
|
|
||||||
value: ""
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `progressHidden` indicates whether or not the progress bar should be hidden.
|
|
||||||
*/
|
|
||||||
progressHidden: {
|
|
||||||
type: Boolean,
|
|
||||||
value: false
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `droppable` indicates whether or not to allow file drop.
|
|
||||||
*/
|
|
||||||
droppable: {
|
|
||||||
type: Boolean,
|
|
||||||
value: false,
|
|
||||||
observer: 'init'
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `droptext` is the text to display in the file drop area.
|
|
||||||
*/
|
|
||||||
droptext: {
|
|
||||||
type: String,
|
|
||||||
value: "Drop Files Here"
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `multi` indicates whether or not to allow multiple files to be uploaded.
|
|
||||||
*/
|
|
||||||
multi: {
|
|
||||||
type: Boolean,
|
|
||||||
value: false
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `files` is the list of files to be uploaded
|
|
||||||
*/
|
|
||||||
files: {
|
|
||||||
type: Array,
|
|
||||||
value: function() {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `method` is the http method to be used during upload
|
|
||||||
*/
|
|
||||||
method: {
|
|
||||||
type: String,
|
|
||||||
value: "POST"
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `raised` indicates whether or not the button should be raised
|
|
||||||
*/
|
|
||||||
raised: {
|
|
||||||
type: Boolean,
|
|
||||||
value: false
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `noink` indicates that the button should not have an ink effect
|
|
||||||
*/
|
|
||||||
noink: {
|
|
||||||
type: Boolean,
|
|
||||||
value: false
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `headers` is a key value map of header names and values
|
|
||||||
*/
|
|
||||||
headers: {
|
|
||||||
type: Object,
|
|
||||||
value: {},
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `retryText` is the text for the tooltip to retry an upload
|
|
||||||
*/
|
|
||||||
retryText: {
|
|
||||||
type: String,
|
|
||||||
value: 'Retry Upload'
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `removeText` is the text for the tooltip to remove an upload
|
|
||||||
*/
|
|
||||||
removeText: {
|
|
||||||
type: String,
|
|
||||||
value: 'Remove'
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `successText` is the text for the tooltip of a successful upload
|
|
||||||
*/
|
|
||||||
successText: {
|
|
||||||
type: String,
|
|
||||||
value: 'Success'
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `errorText` is the text to display for a failed upload
|
|
||||||
*/
|
|
||||||
errorText: {
|
|
||||||
type: String,
|
|
||||||
value: 'Error uploading file...'
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* `_shownDropText` indicates whether or not the drop text should be shown
|
|
||||||
*/
|
|
||||||
_shownDropText: {
|
|
||||||
type: Boolean,
|
|
||||||
value: false
|
|
||||||
},
|
|
||||||
|
|
||||||
site: {
|
|
||||||
type: String,
|
|
||||||
value: 'swsdp'
|
|
||||||
},
|
|
||||||
|
|
||||||
container: {
|
|
||||||
type: String,
|
|
||||||
value: 'documentLibrary'
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Clears the list of files
|
|
||||||
*/
|
|
||||||
clear: function() {
|
|
||||||
this.set("files", []);
|
|
||||||
this._showDropText();
|
|
||||||
},
|
|
||||||
|
|
||||||
ready: function() {
|
|
||||||
},
|
|
||||||
|
|
||||||
init: function() {
|
|
||||||
if (this.raised) {
|
|
||||||
this.toggleAttribute("raised", true, this.$.button);
|
|
||||||
}
|
|
||||||
if (this.noink) {
|
|
||||||
this.toggleAttribute("noink", true, this.$.button);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.droppable === 'true') {
|
|
||||||
this._showDropText();
|
|
||||||
this.setupDrop();
|
|
||||||
} else { this._hideDropText(); }
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* A function to set up a drop area for drag-and-drop file uploads
|
|
||||||
*/
|
|
||||||
setupDrop: function() {
|
|
||||||
var uploadBorder = this.$.UploadBorder;
|
|
||||||
this.toggleClass("enabled", true, uploadBorder);
|
|
||||||
|
|
||||||
this.ondragover = function(e) {
|
|
||||||
e.stopPropagation();
|
|
||||||
this.toggleClass("hover", true, uploadBorder);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.ondragleave = function() {
|
|
||||||
this.toggleClass("hover", false, uploadBorder);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.ondrop = function(event) {
|
|
||||||
this.toggleClass("hover", false, uploadBorder);
|
|
||||||
event.preventDefault();
|
|
||||||
var length = event.dataTransfer.files.length;
|
|
||||||
for (var i = 0; i < length; i++) {
|
|
||||||
var file = event.dataTransfer.files[i];
|
|
||||||
|
|
||||||
// Check if multiple upload is allowed
|
|
||||||
if (!this.multi && this.files.length !== 0) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Check if filetype is accepted
|
|
||||||
var mimeType = ((file.type !== '') ? file.type.match(/^[^\/]*\//)[0] : null);
|
|
||||||
var fileType = file.name.match(/\.[^\.]*$/)[0];
|
|
||||||
if (this.accept !== '' && !(this.accept.indexOf(mimeType) > -1 || this.accept.indexOf(fileType) > -1)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
file.progress = 0;
|
|
||||||
file.error = false;
|
|
||||||
file.complete = false;
|
|
||||||
this.push("files", file);
|
|
||||||
this.uploadFile(file);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Clicks the invisible file input
|
|
||||||
*/
|
|
||||||
_fileClick: function() {
|
|
||||||
var elem = this.$.fileInput;
|
|
||||||
if (elem && document.createEvent) { // sanity check
|
|
||||||
var evt = document.createEvent("MouseEvents");
|
|
||||||
evt.initEvent("click", true, false);
|
|
||||||
elem.dispatchEvent(evt);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Called whenever the list of selected files changes
|
|
||||||
*/
|
|
||||||
_fileChange: function(e) {
|
|
||||||
var length = e.target.files.length;
|
|
||||||
for (var i = 0; i < length; i++) {
|
|
||||||
var file = e.target.files[i];
|
|
||||||
file.progress = 0;
|
|
||||||
file.error = false;
|
|
||||||
file.complete = false;
|
|
||||||
this.push("files", file);
|
|
||||||
this.uploadFile(file);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Cancels the file upload for a specific file
|
|
||||||
*
|
|
||||||
* @param {object} a file, an element of the files array
|
|
||||||
*/
|
|
||||||
cancel: function(file) {
|
|
||||||
if (file && file.xhr) {
|
|
||||||
file.xhr.abort();
|
|
||||||
this.splice("files", this.files.indexOf(file), 1);
|
|
||||||
this._showDropText();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Cancels the file upload
|
|
||||||
*
|
|
||||||
* @param {object}, an event object
|
|
||||||
*/
|
|
||||||
_cancelUpload: function(e) {
|
|
||||||
this.cancel(e.model.__data__.item);
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Retries to upload the file
|
|
||||||
*
|
|
||||||
* @param {object}, an event object
|
|
||||||
*/
|
|
||||||
_retryUpload: function(e) {
|
|
||||||
e.model.set("item.error", false);
|
|
||||||
e.model.set("item.progress", 0);
|
|
||||||
// The async helps give visual feedback of a retry occurring, even though it's less efficient.
|
|
||||||
var self = this;
|
|
||||||
this.async(function() {
|
|
||||||
self.uploadFile(e.model.__data__.item);
|
|
||||||
}, 50);
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether or not to display the drop text
|
|
||||||
*/
|
|
||||||
_showDropText: function() {
|
|
||||||
this.set("_shownDropText", true);
|
|
||||||
},
|
|
||||||
|
|
||||||
_hideDropText: function() {
|
|
||||||
this.set("_shownDropText", false);
|
|
||||||
var uploadBorder = this.$.UploadBorder;
|
|
||||||
this.toggleClass("enabled", false, uploadBorder);
|
|
||||||
this.toggleClass("hover", false, uploadBorder);
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Uploads a file
|
|
||||||
*
|
|
||||||
* @param {object} a file, an element of the files array
|
|
||||||
*/
|
|
||||||
uploadFile: function(file) {
|
|
||||||
if (!file) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.fire('before-upload');
|
|
||||||
this._showDropText();
|
|
||||||
var prefix = "files." + this.files.indexOf(file);
|
|
||||||
var self = this;
|
|
||||||
|
|
||||||
var formData = new FormData();
|
|
||||||
formData.append("filedata", file, file.name);
|
|
||||||
formData.append('siteid', this.site);
|
|
||||||
formData.append('containerid', this.container);
|
|
||||||
|
|
||||||
var xhr = file.xhr = new XMLHttpRequest();
|
|
||||||
|
|
||||||
xhr.upload.onprogress = function(e) {
|
|
||||||
var done = e.loaded, total = e.total;
|
|
||||||
self.set(prefix + ".progress", Math.floor((done/total)*1000)/10);
|
|
||||||
};
|
|
||||||
|
|
||||||
var url = this.target.replace("<name>", file.name);
|
|
||||||
xhr.open(this.method, url, true);
|
|
||||||
|
|
||||||
for (key in this.headers) {
|
|
||||||
if (this.headers.hasOwnProperty(key)) {
|
|
||||||
xhr.setRequestHeader(key, this.headers[key]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
xhr.setRequestHeader("Authorization", 'Basic ' + btoa('admin:admin'))
|
|
||||||
|
|
||||||
xhr.onload = function(e) {
|
|
||||||
if (xhr.status === 200) {
|
|
||||||
self.fire("success", {xhr: xhr});
|
|
||||||
self.set(prefix + ".complete", true);
|
|
||||||
if(document.querySelector("#alfresco-app")) {
|
|
||||||
document.querySelector('#alfresco-app').fire('iron-signal', {name: "uploaded", data: "uploaded!"});
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
self.set(prefix + ".error", true);
|
|
||||||
self.set(prefix + ".complete", false);
|
|
||||||
self.set(prefix + ".progress", 100);
|
|
||||||
self.updateStyles();
|
|
||||||
self.fire("error", {xhr:xhr});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
xhr.send(formData);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
</script>
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<!--
|
|
||||||
@license
|
|
||||||
Copyright (c) 2015 Winston Howes. All rights reserved.
|
|
||||||
This code may only be used under the MIT license found at https://github.com/winhowes/file-upload/blob/master/LICENSE
|
|
||||||
-->
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
|
|
||||||
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
|
|
||||||
<link rel="import" href="../iron-component-page/iron-component-page.html">
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<!-- Note: if the main element for this repository doesn't
|
|
||||||
match the folder name, add a src="<main-component>.html" attribute,
|
|
||||||
where <main-component>.html" is a file that imports all of the
|
|
||||||
components you want documented. -->
|
|
||||||
<iron-component-page></iron-component-page>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Reference in New Issue
Block a user