fix folder name

src/Bundle/ChillDocStoreBundle/Resources/public/module/async_upload/downloader.js

@@ -0,0 +1,114 @@
+var mime = require('mime-types');
+
+var algo = 'AES-CBC';
+
+var initializeButtons = (root) => {
+    var
+        buttons = root.querySelectorAll('a[data-download-button]');
+    
+    for (let i = 0; i < buttons.length; i ++) {
+        initialize(buttons[i]);
+    }
+};
+
+var initialize = (button) => {
+    button.addEventListener('click', onClick);
+};
+
+var onClick = e => download(e.target);
+
+var download = (button) => {
+    var
+        keyData = JSON.parse(button.dataset.key),
+        ivData = JSON.parse(button.dataset.iv),
+        iv = new Uint8Array(ivData),
+        urlGenerator = button.dataset.tempUrlGetGenerator,
+        hasFilename = 'filename' in button.dataset,
+        filename = button.dataset.filename,
+        labelPreparing = button.dataset.labelPreparing,
+        labelReady = button.dataset.labelReady,
+        mimeType = button.dataset.mimeType,
+        extension = mime.extension(mimeType),
+        decryptError = "Error while decrypting file",
+        fetchError = "Error while fetching file",
+        key, url
+        ;
+    
+    button.textContent = labelPreparing;
+    
+    window.fetch(urlGenerator)
+        .then((r) => {
+            if (r.ok) {
+                return r.json();
+            } else {
+                throw new Error("error while downloading url " + r.status + " " + r.statusText);
+            }
+        })
+        .then(data => {
+            url = data.url;
+    
+            return window.crypto.subtle.importKey('jwk', keyData, { name: algo, iv: iv}, false, ['decrypt']);
+        })
+        .catch(e => {
+            console.error("error while importing key");
+            console.error(e);
+            button.appendChild(document.createTextNode(decryptError));
+        })
+        .then(nKey => {
+            key = nKey;
+
+            return window.fetch(url);
+        })
+        .catch(e => {
+            console.error("error while fetching data");
+            console.error(e);
+            button.textContent = "";
+            button.appendChild(document.createTextNode(fetchError));
+        })
+        .then(r => {
+            if (r.ok) {
+                return r.arrayBuffer();
+            } else {
+                throw new Error(r.status + r.statusText);
+            }
+        })
+        .then(buffer => {
+            return window.crypto.subtle.decrypt({ name: algo, iv: iv }, key, buffer);
+        })
+        .catch(e => {
+            console.error("error while importing key");
+            console.error(e);
+            button.textContent = "";
+            button.appendChild(document.createTextNode(decryptError));
+        })
+        .then(decrypted => {
+            var 
+                blob = new Blob([decrypted], { type: mimeType }),
+                url = window.URL.createObjectURL(blob)
+                ;
+            button.href = url;
+            button.target = '_blank';
+            button.type = mimeType;
+            button.textContent = labelReady;
+            if (hasFilename) {
+                button.download = filename;
+                if (extension !== false) {
+                    button.download = button.download + '.' + extension;
+                }
+            }
+            button.removeEventListener('click', onClick);
+            button.click();
+        })
+        .catch(error => {
+            console.log(error);
+            button.textContent = "";
+            button.appendChild(document.createTextNode("error while handling decrypted file"));
+        })
+        ;
+};
+
+window.addEventListener('load', function(e) {
+    initializeButtons(e.target);
+});
+
+module.exports = initializeButtons;

src/Bundle/ChillDocStoreBundle/Resources/public/module/async_upload/index.js

@@ -0,0 +1,2 @@
+require('./uploader.js');
+require('./downloader.js');

src/Bundle/ChillDocStoreBundle/Resources/public/module/async_upload/index.scss

@@ -0,0 +1,34 @@
+// override dropzone from dropzoneJS
+.dropzone {
+    margin-bottom: 0.5rem;
+
+    .dz-preview {
+        display: initial;
+        margin-left: auto;
+        margin-right: auto;
+
+        .dz-image {
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        .dz-details, .dz-progress, .dz-success-mark, .dz-error-mark {
+            position: initial;
+            margin-left: auto;
+            margin-right: auto;
+        }
+    }
+}
+
+.chill-dropzone__below-zone {
+
+    display: flex;
+    
+    & > *:not(:last-child) {
+        margin-right: 1rem;
+    }
+    
+    .sc-button.dz-bt-below-dropzone {
+        width: 100%;
+    }
+}

src/Bundle/ChillDocStoreBundle/Resources/public/module/async_upload/uploader.js

@@ -0,0 +1,372 @@
+var algo = 'AES-CBC';
+var Dropzone = require('dropzone');
+var initializeDownload = require('./downloader.js');
+
+
+/**
+ * 
+ * define a dropzone for chill usage
+ * 
+ * An event is launched when dropzone is initialize, allowing to customize events 
+ * on dropzone :
+ * 
+ * ```
+ * window.addEventListener("chill_dropzone_initialized", (e) => {
+ *    // do something with dropzone:
+ *    e.detail.dropzone.on("success", (e) => {
+ *      // see https://www.dropzonejs.com/#event-success
+ *    });
+ * });
+ * ```
+ * 
+ */
+
+// load css
+//require('dropzone/dist/basic.css');
+require('dropzone/dist/dropzone.css');
+require('./index.scss');
+//
+
+// disable dropzone autodiscover
+Dropzone.autoDiscover = false;
+
+var keyDefinition = {
+    name: algo,
+    length: 256
+};
+
+var searchForZones = function(root) {
+    var zones = root.querySelectorAll('div[data-stored-object]');
+    
+    for(let i=0; i < zones.length; i++) {
+        initialize(zones[i]);
+    }
+};
+
+var getUploadUrl = function(zoneData, files) {
+    var
+        generateTempUrlPost  = zoneData.zone.querySelector('input[data-async-file-upload]').dataset.generateTempUrlPost,
+        oReq = new XMLHttpRequest()
+        ;
+    
+    // arg, dropzone, you cannot handle async upload...
+    oReq.open("GET", generateTempUrlPost, false);
+    oReq.send();
+    
+    if (oReq.readyState !== XMLHttpRequest.DONE) {
+        throw new Error("Error while fetching url to upload");
+    }
+    
+    zoneData.params = JSON.parse(oReq.responseText);
+    
+    return zoneData.params.url;
+};
+
+var encryptFile = function(originalFile, zoneData, done) {
+    var 
+        iv = crypto.getRandomValues(new Uint8Array(16)),
+        reader = new FileReader(),
+        jsKey, rawKey
+        ;
+        
+    zoneData.originalType = originalFile.type;
+        
+    reader.onload = e => {
+        window.crypto.subtle.generateKey(keyDefinition, true, [ "encrypt", "decrypt" ])
+            .then(key => { 
+                jsKey = key;
+
+                // we register the key somwhere
+                return window.crypto.subtle.exportKey('jwk', key);
+            }).then(exportedKey => {
+                rawKey = exportedKey;
+
+                // we start encryption
+                return window.crypto.subtle.encrypt({ name: algo, iv: iv}, jsKey, e.target.result);
+            })
+            .then(encrypted => {
+                zoneData.crypto = {
+                    jsKey: jsKey,
+                    rawKey: rawKey,
+                    iv: iv
+                };
+                
+                done(new File( [ encrypted ], zoneData.suffix));
+            });
+    };
+    
+    reader.readAsArrayBuffer(originalFile);
+};
+
+var addBelowButton = (btn, zone, zoneData) => {
+    let
+        belowZone = zone.querySelector('.chill-dropzone__below-zone');
+        
+    if (belowZone === null) {
+        belowZone = document.createElement('div');
+        belowZone.classList.add('chill-dropzone__below-zone');
+        zone.appendChild(belowZone);
+    }
+            
+    belowZone.appendChild(btn);
+};
+
+var createZone = (zone, zoneData) => {
+    var 
+        created = document.createElement('div'),
+        initMessage = document.createElement('div'),
+        initContent = zone.dataset.labelInitMessage,
+        dropzoneI;
+    
+    created.classList.add('dropzone');
+    initMessage.classList.add('dz-message');
+    initMessage.appendChild(document.createTextNode(initContent));
+            
+    dropzoneI = new Dropzone(created, {
+            url: function(files) {
+                return getUploadUrl(zoneData, files);
+            },
+            dictDefaultMessage: zone.dataset.dictDefaultMessage,
+            dictFileTooBig: zone.dataset.dictFileTooBig,
+            dictRemoveFile: zone.dataset.dictRemoveFile,
+            dictMaxFilesExceeded: zone.dataset.dictMaxFilesExceeded,
+            dictCancelUpload: zone.dataset.dictCancelUpload,
+            dictCancelUploadConfirm: zone.dataset.dictCancelUploadConfirm,
+            dictUploadCanceled: zone.dataset.dictUploadCanceled,
+            maxFiles: 1,
+            addRemoveLinks: true,
+            transformFile: function(file, done) {
+                encryptFile(file, zoneData, done);
+            },
+            renameFile: function(file) {
+                return zoneData.suffix;
+            }
+        });
+        
+    dropzoneI.on("sending", function(file, xhr, formData) {
+        formData.append("redirect", zoneData.params.redirect);
+        formData.append("max_file_size", zoneData.params.max_file_size);
+        formData.append("max_file_count", zoneData.params.max_file_count);
+        formData.append("expires", zoneData.params.expires);
+        formData.append("signature", zoneData.params.signature);
+    });
+    
+    dropzoneI.on("success", function(file, response) {
+        zoneData.currentFile = file;
+        storeDataInForm(zone, zoneData);
+    });
+    
+    dropzoneI.on("addedfile", function(file) {
+        if (zoneData.hasOwnProperty('currentFile')) {
+            dropzoneI.removeFile(zoneData.currentFile);
+        }
+    });
+    
+    dropzoneI.on("removedfile", function(file) {
+        removeDataInForm(zone, zoneData);
+    });
+
+    zone.insertBefore(created, zone.firstChild);
+    
+    let event = new CustomEvent("chill_dropzone_initialized", {
+        detail: {
+            dropzone: dropzoneI,
+            zoneData: zoneData
+        }
+    });
+    window.dispatchEvent(event);
+};
+
+
+var initialize = function(zone) {
+    var 
+        allowRemove = zone.dataset.allowRemove,
+        zoneData = { zone: zone, suffix: createFilename(), allowRemove: allowRemove, old: null }
+        ;
+
+    if (hasDataInForm(zone, zoneData)) {
+        insertRemoveButton(zone, zoneData);
+        insertDownloadButton(zone, zoneData);
+    } else {
+        createZone(zone, zoneData);
+    }
+};
+
+var createFilename = () => {
+    var text = "";
+    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+
+    for (let i = 0; i < 7; i++) {
+        text += possible.charAt(Math.floor(Math.random() * possible.length));
+    }
+
+    return text;
+};
+
+var storeDataInForm = (zone, zoneData) => {
+    var 
+        inputKey = zone.querySelector('input[data-stored-object-key]'),
+        inputIv  = zone.querySelector('input[data-stored-object-iv]'),
+        inputObject = zone.querySelector('input[data-async-file-upload]'),
+        inputType = zone.querySelector('input[data-async-file-type]')
+        ;
+    
+    inputKey.value = JSON.stringify(zoneData.crypto.rawKey);
+    inputIv.value = JSON.stringify(Array.from(zoneData.crypto.iv));
+    inputType.value = zoneData.originalType;
+    inputObject.value = zoneData.params.prefix + zoneData.suffix;
+
+    insertDownloadButton(zone);
+};
+
+const restoreDataInForm = (zone, zoneData) => {
+    var 
+        inputKey = zone.querySelector('input[data-stored-object-key]'),
+        inputIv  = zone.querySelector('input[data-stored-object-iv]'),
+        inputObject = zone.querySelector('input[data-async-file-upload]'),
+        inputType = zone.querySelector('input[data-async-file-type]')
+        ;
+        
+    if (zoneData.old === null) {
+        console.log('should not have restored data');
+        return;
+    }
+    
+    inputKey.value    = zoneData.old.key;
+    inputIv.value     = zoneData.old.iv;
+    inputType.value   = zoneData.old.type;
+    inputObject.value = zoneData.old.obj;
+
+    insertDownloadButton(zone);
+};
+
+const hasDataInForm = (zone, zoneData) => {
+    var 
+        inputObject = zone.querySelector('input[data-async-file-upload]')
+        ;
+        
+    return inputObject.value.length > 0;
+};
+
+var removeDataInForm = (zone, zoneData) => {
+    var 
+        inputKey = zone.querySelector('input[data-stored-object-key]'),
+        inputIv  = zone.querySelector('input[data-stored-object-iv]'),
+        inputObject = zone.querySelector('input[data-async-file-upload]'),
+        inputType = zone.querySelector('input[data-async-file-type]')
+        ;
+        
+    // store data for future usage
+    zoneData.old = {
+            key: inputKey.value,
+            iv: inputIv.value,
+            obj: inputObject.value,
+            type: inputType.value
+            };
+    // set blank values
+    inputKey.value = "";
+    inputIv.value = "";
+    inputType.value = "";
+    inputObject.value = "";
+    
+    insertDownloadButton(zone);
+};
+
+var insertRemoveButton = (zone, zoneData) => {
+    var
+        removeButton = document.createElement('a'),
+        cancelButton = document.createElement('a'),
+        labelRemove = zone.dataset.dictRemove,
+        labelCancel = 'Restaurer'
+        ;
+    
+    removeButton.classList.add('sc-button', 'bt-delete');
+    removeButton.textContent = labelRemove;
+    
+    cancelButton.classList.add('sc-button');
+    cancelButton.textContent = labelCancel;
+    
+    removeButton.addEventListener('click', (e) => {
+        e.preventDefault();
+        if (zoneData.allowRemove === 'true') {
+            removeDataInForm(zone, zoneData);
+            cancelButton.addEventListener('click', (e) => {
+                e.preventDefault();
+                
+                restoreDataInForm(zone, zoneData);
+                
+                cancelButton.remove();
+                zone.querySelector('.dropzone').remove();
+                
+                initialize(zone);
+            });
+        }
+        addBelowButton(cancelButton, zone, zoneData);
+        //zone.appendChild(cancelButton);
+        removeButton.remove();
+        createZone(zone, zoneData);
+    });
+    
+    addBelowButton(removeButton, zone, zoneData);
+    // zone.appendChild(removeButton);
+};
+
+const removeDownloadButton = (zone, zoneData) => {
+    var 
+        existingButtons = zone.querySelectorAll('a[data-download-button]')
+        ;
+        
+    // remove existing
+    existingButtons.forEach(function(b) {
+        b.remove();
+    });
+};
+
+var insertDownloadButton = (zone, zoneData) => {
+    var 
+        existingButtons = zone.querySelectorAll('a[data-download-button]'),
+        newButton = document.createElement('a'),
+        inputKey = zone.querySelector('input[data-stored-object-key]'),
+        inputIv  = zone.querySelector('input[data-stored-object-iv]'),
+        inputObject = zone.querySelector('input[data-async-file-upload]'),
+        inputType = zone.querySelector('input[data-async-file-type]'),
+        labelPreparing = zone.dataset.labelPreparing,
+        labelQuietButton = zone.dataset.labelQuietButton,
+        labelReady = zone.dataset.labelReady,
+        tempUrlGenerator = zone.dataset.tempUrlGenerator,
+        tempUrlGeneratorParams = new URLSearchParams()
+        ;
+        
+    // remove existing
+    existingButtons.forEach(function(b) {
+        b.remove();
+    });
+    
+    if (inputObject.value === '') {
+        return;
+    }
+    
+    tempUrlGeneratorParams.append('object_name', inputObject.value);
+    
+    newButton.dataset.downloadButton = true;
+    newButton.dataset.key = inputKey.value;
+    newButton.dataset.iv = inputIv.value;
+    newButton.dataset.mimeType = inputType.value;
+    newButton.dataset.labelPreparing = labelPreparing;
+    newButton.dataset.labelReady = labelReady;
+    newButton.dataset.tempUrlGetGenerator = tempUrlGenerator + '?' + tempUrlGeneratorParams.toString();
+    newButton.classList.add('sc-button', 'bt-download', 'dz-bt-below-dropzone');
+    newButton.textContent = labelQuietButton;
+    
+    addBelowButton(newButton, zone, zoneData);
+    //zone.appendChild(newButton);
+    initializeDownload(zone);
+};
+
+window.addEventListener('load', function(e) {
+    searchForZones(document);
+});
+
+window.addEventListener('collection-add-entry', function(e) {
+    searchForZones(e.detail.entry);
+});

src/Bundle/ChillDocStoreBundle/Resources/views/Admin/layout.html.twig

@@ -0,0 +1,31 @@
+{#
+ * Copyright (C) 2014-2015, Champs Libres Cooperative SCRLFS, 
+ <info@champs-libres.coop> / <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+
+{% extends "@ChillMain/Admin/layoutWithVerticalMenu.html.twig" %}
+
+{% block vertical_menu_content %}
+    {{ chill_menu('admin_docstore', {
+        'layout': '@ChillDocStore/Admin/menu.html.twig',
+    }) }}
+{% endblock %}
+
+{% block layout_wvm_content %}
+    {% block admin_content %}<!-- block personcontent empty -->
+        <h1>{{ 'Documents configuration' |trans }}</h1>
+    {% endblock %}
+{% endblock  %}

src/Bundle/ChillDocStoreBundle/Resources/views/Admin/menu.html.twig

@@ -0,0 +1,21 @@
+{#
+ * Copyright (C) 2014-2015, Champs Libres Cooperative SCRLFS, 
+ <info@champs-libres.coop> / <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+
+{% extends "@ChillMain/Menu/verticalMenu.html.twig" %}
+{% block v_menu_title %}{{ 'Documents configuration'|trans }}{% endblock %}
+

src/Bundle/ChillDocStoreBundle/Resources/views/DocumentCategory/_delete_form.html.twig

@@ -0,0 +1,21 @@
+{#
+ * Copyright (C) 2018, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+<form method="post" action="{{ path('document_category_delete', {'bundleId': document_category.bundleId, 'idInsideBundle': document_category.idInsideBundle}) }}">
+    <input type="hidden" name="_method" value="DELETE">
+    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ document_category.bundleId ~ document_category.idInsideBundle) }}">
+    <button class="sc-button bt-delete">{{ 'Delete' | trans }}</button>
+</form>

src/Bundle/ChillDocStoreBundle/Resources/views/DocumentCategory/_form.html.twig

@@ -0,0 +1,20 @@
+{#
+ * Copyright (C) 2018, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+{{ form_start(form) }}
+    {{ form_widget(form) }}
+    <button class="sc-button bt-edit">{{ button_label|default('Save') }}</button>
+{{ form_end(form) }}

src/Bundle/ChillDocStoreBundle/Resources/views/DocumentCategory/edit.html.twig

@@ -0,0 +1,42 @@
+{#
+ * Copyright (C) 2018, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+{% extends "ChillDocStoreBundle:Admin:layout.html.twig" %}
+
+{% block title %}{{ 'Document category edit'|trans }}{% endblock title %}
+
+{% block admin_content %}
+    <h1>{{ 'Document category edit'|trans }}</h1>
+
+    {# DISABLED
+        {{ include('ChillDocStoreBundle:DocumentCategory:_form.html.twig', {'button_label': 'Update'}) }}
+    #}
+
+    {{ form_start(form) }}
+    {{ form_widget(form) }}
+    <ul class="record_actions">
+        <li class="cancel">
+            <a href="{{ path('document_category_index') }}" class="sc-button bt-cancel">
+                {{ 'Back to the category list' | trans }}
+            </a>
+        </li>
+        <li>
+            <button class="sc-button bt-edit">{{ button_label|default('Edit')|trans }}</button>
+        </li>
+    </ul>
+    {{ form_end(form) }}
+
+{% endblock %}

src/Bundle/ChillDocStoreBundle/Resources/views/DocumentCategory/index.html.twig

@@ -0,0 +1,62 @@
+{#
+ * Copyright (C) 2018, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+{% extends "ChillDocStoreBundle:Admin:layout.html.twig" %}
+
+{% block title %}{{ 'Document category list' | trans }}{% endblock title %}
+
+{% block admin_content %}
+    <h1>{{ 'Document category list' | trans }}</h1>
+
+    <table class="table">
+        <thead>
+            <tr>
+                <th>{{ 'Creator bundle id' | trans }}</th>
+                <th>{{ 'Internal id inside creator bundle' | trans }}</th>
+                <th>{{ 'Document class' | trans }}</th>
+                <th>{{ 'Name' | trans }}</th>
+                <th>{{ 'Actions' | trans }}</th>
+            </tr>
+        </thead>
+        <tbody>
+        {% for document_category in document_categories %}
+            <tr>
+                <td>{{ document_category.bundleId }}</td>
+                <td>{{ document_category.idInsideBundle }}</td>
+                <td>{{ document_category.documentClass }}</td>
+                <td>{{ document_category.name | localize_translatable_string}}</td>
+
+                <td>
+                    <a href="{{ path('document_category_show', {'bundleId': document_category.bundleId, 'idInsideBundle': document_category.idInsideBundle}) }}"
+                       class="sc-button bt-show" title="{{ 'show' | trans }}"></a>
+                    <a href="{{ path('document_category_edit', {'bundleId': document_category.bundleId, 'idInsideBundle': document_category.idInsideBundle}) }}"
+                       class="sc-button bt-edit" title="{{ 'edit' | trans }}"></a>
+                </td>
+            </tr>
+        {% else %}
+            <tr>
+                <td colspan="4">{{ 'no records found' | trans }}</td>
+            </tr>
+        {% endfor %}
+        </tbody>
+    </table>
+
+    <ul class="record_actions">
+        <li>
+            <a href="{{ path('document_category_new') }}" class="sc-button bt-create">{{ 'Create new category' | trans }}</a>
+        </li>
+    </ul>
+{% endblock %}

src/Bundle/ChillDocStoreBundle/Resources/views/DocumentCategory/new.html.twig

@@ -0,0 +1,42 @@
+{#
+ * Copyright (C) 2018, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+{% extends "ChillDocStoreBundle:Admin:layout.html.twig" %}
+
+{% block title %}{{ 'Create new document category' | trans }}{% endblock title %}
+
+{% block admin_content %}
+    <h1>{{ 'Create new DocumentCategory' | trans }}</h1>
+
+    {# DISABLED
+        {{ include('ChillDocStoreBundle:DocumentCategory:_form.html.twig') }}
+    #}
+
+    {{ form_start(form) }}
+    {{ form_widget(form) }}
+    <ul class="record_actions">
+        <li class="cancel">
+            <a href="{{ path('document_category_index') }}" class="sc-button bt-cancel">
+                {{ 'Back to the category list' | trans }}
+            </a>
+        </li>
+        <li>
+            <button class="sc-button bt-new">{{ button_label|default('New')|trans }}</button>
+        </li>
+    </ul>
+    {{ form_end(form) }}
+
+{% endblock %}

src/Bundle/ChillDocStoreBundle/Resources/views/DocumentCategory/show.html.twig

@@ -0,0 +1,58 @@
+{#
+ * Copyright (C) 2018, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+{% extends "ChillDocStoreBundle:Admin:layout.html.twig" %}
+
+{% block title %}{{ 'Document category show'|trans }}{% endblock title %}
+
+{% block admin_content %}
+    <h1>{{ 'Document category show'|trans }}</h1>
+
+    <table class="table">
+        <tbody>
+            <tr>
+                <th>{{ 'Creator bundle id' | trans }}</th>
+                <td>{{ document_category.bundleId }}</td>
+            </tr>
+            <tr>
+                <th>{{ 'Internal id inside creator bundle' | trans }}</th>
+                <td>{{ document_category.idInsideBundle }}</td>
+            </tr>
+            <tr>
+                <th>{{ 'Document class' | trans }}</th>
+                <td>{{ document_category.documentClass  }}</td>
+            </tr>
+            <tr>
+                <th>{{ 'Name' | trans }}</th>
+                <td>{{ document_category.name | localize_translatable_string }}</td>
+            </tr>
+        </tbody>
+    </table>
+
+    <ul class="record_actions">
+        <li class="cancel">
+            <a href="{{ path('document_category_index') }}"
+               class="sc-button bt-cancel">{{ 'Back to the category list' | trans }}</a>
+        </li>
+        <li>
+            <a href="{{ path('document_category_edit', {'bundleId': document_category.bundleId, 'idInsideBundle': document_category.idInsideBundle}) }}"
+               class="sc-button bt-edit">{{ 'Edit' | trans }}</a>
+        </li>
+        <li>
+            {{ include('ChillDocStoreBundle:DocumentCategory:_delete_form.html.twig') }}
+        </li>
+    </ul>
+{% endblock %}

src/Bundle/ChillDocStoreBundle/Resources/views/Form/fields.html.twig

@@ -0,0 +1,22 @@
+{% block stored_object_widget %}
+    <div 
+        data-stored-object="data-stored-object" 
+        data-label-preparing="{{ ('Preparing'|trans ~ '...')|escape('html_attr') }}" 
+        data-label-quiet-button="{{ 'Download existing file'|trans|escape('html_attr') }}"
+        data-label-ready="{{ 'Ready to show'|trans|escape('html_attr') }}" 
+        data-dict-file-too-big="{{ 'File too big'|trans|escape('html_attr') }}"
+        data-dict-default-message="{{ "Drop your file or click here"|trans|escape('html_attr') }}"
+        data-dict-remove-file="{{ 'Remove file in order to upload a new one'|trans|escape('html_attr') }}"
+        data-dict-max-files-exceeded="{{ 'Max files exceeded. Remove previous files'|trans|escape('html_attr') }}"
+        data-dict-cancel-upload="{{ 'Cancel upload'|trans|escape('html_attr') }}"
+        data-dict-cancel-upload-confirm="{{ 'Are you sure you want to cancel this upload ?'|trans|escape('html_attr') }}"
+        data-dict-upload-canceled="{{ 'Upload canceled'|trans|escape('html_attr') }}"
+        data-dict-remove="{{ 'Remove existing file'|trans|escape('html_attr') }}"
+        data-allow-remove="{% if required %}false{% else %}true{% endif %}"
+        data-temp-url-generator="{{ path('async_upload.generate_url', { 'method': 'GET' })|escape('html_attr') }}">
+        {{ form_widget(form.filename) }}
+        {{ form_widget(form.keyInfos, { 'attr': { 'data-stored-object-key': 1 } }) }}
+        {{ form_widget(form.iv, { 'attr': { 'data-stored-object-iv': 1 } }) }}
+        {{ form_widget(form.type, { 'attr': { 'data-async-file-type': 1 } }) }}
+    </div>
+{% endblock %}

src/Bundle/ChillDocStoreBundle/Resources/views/Macro/macro.html.twig

@@ -0,0 +1,15 @@
+{% macro download_button(storedObject, filename = null) %}
+    {% if storedObject is null %}
+        <!-- No document to download -->
+    {% else %}
+        <a class="sc-button bt-download" 
+           data-label-preparing="{{ ('Preparing'|trans ~ '...')|escape('html_attr') }}" 
+           data-label-ready="{{ 'Ready to show'|trans|escape('html_attr') }}" 
+           data-download-button 
+           data-key="{{ storedObject.keyInfos|json_encode|escape('html_attr') }}" 
+           data-iv="{{ storedObject.iv|json_encode|escape('html_attr') }}" 
+           data-temp-url-get-generator="{{ storedObject|generate_url|escape('html_attr') }}" 
+           data-mime-type="{{ storedObject.type|escape('html_attr') }}" {% if filename is not null %}data-filename="{{ filename|escape('html_attr') }}"{% endif %}>
+            {{ 'Download'|trans }}</a>
+    {% endif %}
+{% endmacro %}

src/Bundle/ChillDocStoreBundle/Resources/views/PersonDocument/_delete_form.html.twig

@@ -0,0 +1,5 @@
+<form method="post" action="{{ path('person_document_delete', {'id': document.id, 'person': person.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
+    <input type="hidden" name="_method" value="DELETE">
+    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ document.id) }}">
+    <button  class="sc-button bt-delete">{{ 'Delete' | trans }}</button>
+</form>

src/Bundle/ChillDocStoreBundle/Resources/views/PersonDocument/edit.html.twig

@@ -0,0 +1,64 @@
+{#
+ * Copyright (C) 2018, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+
+{% extends "@ChillPerson/layout.html.twig"  %}
+
+{% set activeRouteKey = '' %}
+
+{% block title %}{{ 'Editing document for %name%'|trans({ '%name%': person|chill_entity_render_string } ) }}{% endblock %}
+{% block personcontent %}
+    <h1>{{ 'Edit Document' | trans }}</h1>
+    
+    {{ form_errors(form) }}
+
+    {{ form_start(form) }}
+    
+    {{ form_row(form.title) }}
+    {{ form_row(form.date) }}
+    {{ form_row(form.category) }}
+    {{ form_row(form.scope) }}
+    {{ form_row(form.description) }}
+    {{ form_row(form.object, { 'label': 'Document', 'existing': document.object }) }}
+
+    <ul class="record_actions">
+        <li class="cancel">
+            <a href="{{ path('person_document_index', {'person': person.id}) }}" class="sc-button bt-cancel">
+                {{ 'Back to the list' | trans }}
+            </a>
+        </li>
+        <li class="edit">
+            <button class="sc-button bt-edit">{{ 'Edit'|trans }}</button>
+        </li>
+        {# {% if is_granted('CHILL_PERSON_DOCUMENT_DELETE', document) %}
+            <li class="delete">
+                {{ include('ChillDocStoreBundle:PersonDocument:_delete_form.html.twig') }}
+            </li>
+        {% endif %} #}
+    </ul>
+        
+    {{ form_end(form) }}
+
+
+{% endblock %}
+
+{% block js %}
+    <script src="{{ asset('build/async_upload.js') }}" type="text/javascript"></script>
+{% endblock %}
+
+{% block css %}
+    <link rel="stylesheet" href="{{ asset('build/async_upload.css') }}"/>
+{% endblock %}

src/Bundle/ChillDocStoreBundle/Resources/views/PersonDocument/index.html.twig

@@ -0,0 +1,83 @@
+{#
+ * Copyright (C) 2018, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+
+{% extends "@ChillPerson/layout.html.twig"  %}
+
+{% set activeRouteKey = '' %}
+
+{% import "@ChillDocStore/Macro/macro.html.twig" as m %}
+
+{% block title %}{{ 'Documents for %name%'|trans({ '%name%': person|chill_entity_render_string } ) }}{% endblock %}
+
+{% block js %}
+    <script src="{{ asset('build/async_upload.js') }}" type="text/javascript"></script>
+{% endblock %}
+
+{% block personcontent %}
+    <h1>{{ 'Documents for %name%'|trans({ '%name%': person|chill_entity_render_string } ) }}</h1>
+
+    <table class="table">
+        <thead>
+            <tr>
+                <th>{{ 'Title' | trans }}</th>
+                <th>{{ 'Category'|trans }}</th>
+                <th>{{ 'Circle' | trans }}</th>
+                <th>{{ 'Actions' | trans }}</th>
+            </tr>
+        </thead>
+        <tbody>
+        {% for document in documents %}
+            <tr>
+                <td>{{ document.title }}</td>
+                <td>{{ document.category.name|localize_translatable_string }}</td>
+                <td>{{ document.scope.name|localize_translatable_string }}</td>
+                <td>
+                    <ul class="record_actions">
+                    {% if is_granted('CHILL_PERSON_DOCUMENT_SEE_DETAILS', document) %}
+                        <li>
+                            {{ m.download_button(document.object, document.title) }}
+                        </li>
+                        <li>
+                            <a href="{{ path('person_document_show', {'person': person.id, 'id': document.id}) }}" class="sc-button bt-show"></a>
+                        </li>
+                    {% endif %}
+                    {% if is_granted('CHILL_PERSON_DOCUMENT_UPDATE', document) %}
+                        <li>
+                            <a href="{{ path('person_document_edit', {'person': person.id, 'id': document.id}) }}" class="sc-button bt-update"></a>
+                        </li>
+                    {% endif %}
+                    </ul>
+                </td>
+            </tr>
+        {% else %}
+            <tr>
+                <td colspan="9" style="text-align:center;"><span class="chill-no-data-statement">{{ 'Any document found'|trans }}</span></td>
+            </tr>
+        {% endfor %}
+        </tbody>
+    </table>
+
+    {% if is_granted('CHILL_PERSON_DOCUMENT_CREATE', person) %}
+        <ul class="record_actions">
+            <li class="create">
+                <a href="{{ path('person_document_new', {'person': person.id}) }}" class="sc-button bt-create">
+                    {{ 'Create new document' | trans }}
+                </a>
+            </li>
+        </ul>
+    {% endif %}
+{% endblock %}

src/Bundle/ChillDocStoreBundle/Resources/views/PersonDocument/new.html.twig

@@ -0,0 +1,56 @@
+{#
+ * Copyright (C) 2014, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+{% extends "@ChillPerson/layout.html.twig"  %}
+
+{% set activeRouteKey = '' %}
+
+{% block title %}{{ 'New document for %name%'|trans({ '%name%': person|chill_entity_render_string } ) }}{% endblock %}
+
+{% block personcontent %}
+    <h1>{{ 'New document for %name%'|trans({ '%name%': person|chill_entity_render_string } ) }}</h1>
+    
+    {{ form_errors(form) }}
+
+    {{ form_start(form) }}
+    
+    {{ form_row(form.title) }}
+    {{ form_row(form.date) }}
+    {{ form_row(form.category) }}
+    {{ form_row(form.scope) }}
+    {{ form_row(form.description) }}
+    {{ form_row(form.object, { 'label': 'Document', 'existing': document.object }) }}
+
+    <ul class="record_actions">
+        <li class="cancel">
+            <a href="{{ path('person_document_index', {'person': person.id}) }}" class="sc-button bt-cancel">
+                {{ 'Back to the list' | trans }}
+            </a>
+        </li>
+        <li class="create">
+            <button  class="sc-button bt-create">{{ 'Create'|trans }}</button>
+        </li>
+    </ul>
+    {{ form_end(form) }}
+{% endblock %}
+
+{% block js %}
+    <script src="{{ asset('build/async_upload.js') }}" type="text/javascript"></script>
+{% endblock %}
+
+{% block css %}
+    <link rel="stylesheet" href="{{ asset('build/async_upload.css') }}"/>
+{% endblock %}

src/Bundle/ChillDocStoreBundle/Resources/views/PersonDocument/show.html.twig

@@ -0,0 +1,75 @@
+{#
+ * Copyright (C) 2014, Champs Libres Cooperative SCRLFS, <http://www.champs-libres.coop>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ *  License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#}
+{% extends "@ChillPerson/layout.html.twig"  %}
+
+{% set activeRouteKey = '' %}
+
+{% import "@ChillDocStore/Macro/macro.html.twig" as m %}
+
+{% block title %}{{ 'Detail of document of %name%'|trans({ '%name%': person|chill_entity_render_string } ) }}{% endblock %}
+
+{% block js %}
+    <script src="{{ asset('build/async_upload.js') }}" type="text/javascript"></script>
+{% endblock %}
+
+{% block personcontent %}
+    <h1>{{ 'Document %title%' | trans({ '%title%': document.title }) }}</h1>
+    
+    <dl class="chill_view_data">
+        <dt>{{ 'Title'|trans }}</dt>
+        <dd>{{ document.title }}</dd>
+        
+        <dt>{{ 'Scope' | trans }}</dt>
+        <dd>{{ document.scope.name | localize_translatable_string }}</dd>
+        
+        <dt>{{ 'Category'|trans }}</dt>
+        <dd>{{ document.category.name|localize_translatable_string }}</dd>
+
+        <dt>{{ 'Description' | trans }}</dt>
+        <dd>
+            {% if document.description is empty %}
+            <span class="chill-no-data-statement">{{ 'Any description'|trans }}</span>
+            {% else %}
+            <blockquote class="chill-user-quote">
+                {{ document.description }}
+            </blockquote>
+            {% endif %}
+        </dd>
+
+    </dl>
+
+    <ul class="record_actions">
+        <li class="cancel">
+            <a href="{{ path('person_document_index', {'person': person.id}) }}" class="sc-button bt-cancel">
+                {{ 'Back to the list' | trans }}
+            </a>
+        </li>
+        
+        <li>
+            {{ m.download_button(document.object, document.title) }}
+        </li>
+
+        {% if is_granted('CHILL_PERSON_DOCUMENT_UPDATE', document) %}
+            <li>
+                <a href="{{ path('person_document_edit', {'id': document.id, 'person': person.id}) }}" class="sc-button bt-edit">
+                    {{ 'Edit' | trans }}
+                </a>
+            </li>
+        {% endif %}
+
+    {# {{ include('ChillDocStoreBundle:PersonDocument:_delete_form.html.twig') }} #}
+{% endblock %}