More UI conversion to new framework

gui/app/pods/folder/index/controller.js

@@ -9,9 +9,10 @@
 //
 // https://documize.com
 
-import Controller from '@ember/controller';
+import { all } from 'rsvp';
 import { inject as service } from '@ember/service';
 import NotifierMixin from '../../../mixins/notifier';
+import Controller from '@ember/controller';
 
 export default Controller.extend(NotifierMixin, {
 	documentService: service('document'),
@@ -19,6 +20,7 @@ export default Controller.extend(NotifierMixin, {
 	localStorage: service('localStorage'),
 	queryParams: ['category'],
 	category: '',
+	filteredDocs: null,
 
 	actions: {
 		onAddSpace(payload) {
@@ -38,6 +40,53 @@ export default Controller.extend(NotifierMixin, {
 
 		onRefresh() {
 			this.get('target._routerMicrolib').refresh();
+		},
+
+		onMoveDocument(documents, targetSpaceId) {
+			let self = this;
+			let promises1 = [];
+			let promises2 = [];
+
+			documents.forEach(function(documentId, index) {
+				promises1[index] = self.get('documentService').getDocument(documentId);
+			});
+
+			all(promises1).then(() => {
+				promises1.forEach(function(doc, index) {
+					doc.then((d) => {
+						d.set('folderId', targetSpaceId);
+						d.set('selected', false);
+						promises2[index] = self.get('documentService').save(d);
+					});
+				});
+
+				all(promises2).then(() => {
+					self.send('onRefresh');
+				});
+			});
+		},
+
+		onDeleteDocument(documents) {
+			let self = this;
+			let promises = [];
+
+			documents.forEach(function (document, index) {
+				promises[index] = self.get('documentService').deleteDocument(document);
+			});
+
+			all(promises).then(() => {
+				let documents = this.get('documents');
+				documents.forEach(function (document) {
+					document.set('selected', false);
+				});
+
+				this.set('documents', documents);
+				this.send('onRefresh');
+			});
+		},
+
+		onFiltered(docs) {
+			this.set('filteredDocs', docs);
 		}
 	}
 });

gui/app/pods/folder/index/template.hbs

@@ -1,22 +1,53 @@
-{{toolbar/nav-bar}}
+{{#layout/top-bar}}
+	<li class="item">
+		{{#link-to "folder.index" model.folder.id model.folder.slug class='link selected'}}
+			{{model.folder.name}}
+		{{/link-to}}
+	</li>
+{{/layout/top-bar}}
+
+{{#layout/middle-zone}}
+	{{#layout/middle-zone-content}}
+		{{toolbar/for-space
+			spaces=model.folders
+			space=model.folder
+			permissions=model.permissions
+			templates=model.templates
+			onRefresh=(action 'onRefresh')
+			onDeleteSpace=(action 'onDeleteSpace')}}
+
+		{{folder/documents-list
+			documents=filteredDocs
+			spaces=model.folders
+			space=model.folder
+			templates=model.templates
+			permissions=model.permissions
+			onDeleteDocument=(action 'onDeleteDocument')
+			onMoveDocument=(action 'onMoveDocument')}}
+	{{/layout/middle-zone-content}}
+
+	{{#layout/middle-zone-sidebar}}
+		<div id="sidebar" class="sidebar">
+			{{folder/space-heading space=model.folder permissions=model.permissions}}
+
+			{{folder/space-view
+				spaces=model.folders
+				space=model.folder
+				templates=model.templates
+				permissions=model.permissions
+				documents=model.documents
+				categories=model.categories
+				categorySummary=model.categorySummary
+				categoryMembers=model.categoryMembers
+				rootDocCount=model.rootDocCount
+				categoryFilter=category
+				onFiltered=(action 'onFiltered')
+				onRefresh=(action 'onRefresh')}}
+		</div>
+	{{/layout/middle-zone-sidebar}}
+{{/layout/middle-zone}}
+
+{{#layout/bottom-bar}}
+{{/layout/bottom-bar}}
 
-{{toolbar/for-space
-	spaces=model.folders
-	space=model.folder
-	permissions=model.permissions
-	templates=model.templates
-	onRefresh=(action 'onRefresh')
-	onDeleteSpace=(action 'onDeleteSpace')}}
 
-{{folder/space-view
-	spaces=model.folders
-	space=model.folder
-	templates=model.templates
-	permissions=model.permissions
-	documents=model.documents
-	categories=model.categories
-	categorySummary=model.categorySummary
-	categoryMembers=model.categoryMembers
-	rootDocCount=model.rootDocCount
-	categoryFilter=category
-	onRefresh=(action 'onRefresh')}}