From 3903e583678d898ee2b726ab32b310e0668cb131 Mon Sep 17 00:00:00 2001
From: Harvey Kandola <harvey@documize.com>
Date: Thu, 24 May 2018 18:29:58 +0100
Subject: [PATCH] Start of space admin functionality refactoring

---
 .../components/toolbar/for-space.hbs          | 225 +++++++++---------
 1 file changed, 115 insertions(+), 110 deletions(-)

diff --git a/gui/app/templates/components/toolbar/for-space.hbs b/gui/app/templates/components/toolbar/for-space.hbs
index 14e138c2..8a5ea374 100644
--- a/gui/app/templates/components/toolbar/for-space.hbs
+++ b/gui/app/templates/components/toolbar/for-space.hbs
@@ -103,30 +103,6 @@
 				<i class="material-icons" data-toggle="modal" data-target="#space-invite-modal" data-backdrop="static">person_add</i>
 			</div>
 			<div class="button-icon-gap" />
-			<div id="space-invite-modal" class="modal" tabindex="-1" role="dialog">
-				<div class="modal-dialog" role="document">
-					<div class="modal-content">
-						<div class="modal-header">Space Invitation</div>
-						<div class="modal-body">
-							<form onsubmit={{action 'onSpaceInvite'}}>
-								<div class="form-group">
-									<label for="space-invite-email">Email for space invitation</label>
-									{{input id="space-invite-email" type='email' class="form-control mousetrap" placeholder="Enter email" value=inviteEmail}}
-									<small class="form-text text-muted">Comma separate multiple email addresses</small>
-								</div>
-								<div class="form-group">
-									<label for="space-invite-msg">Message explaining space invitation</label>
-									{{textarea id="space-invite-msg" value=inviteMessage class="form-control" rows="5"}}
-								</div>
-							</form>
-						</div>
-						<div class="modal-footer">
-							<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
-							<button type="button" class="btn btn-success" onclick={{action 'onSpaceInvite'}}>Invite</button>
-						</div>
-					</div>
-				</div>
-			</div>
 		{{/if}}
 
 		{{#if permissions.documentTemplate}}
@@ -134,37 +110,6 @@
 				<i class="material-icons" data-toggle="modal" data-target="#space-template-modal" data-backdrop="static">content_copy</i>
 			</div>
 			<div class="button-icon-gap" />
-			<div id="space-template-modal" class="modal" tabindex="-1" role="dialog">
-				<div class="modal-dialog" role="document">
-					<div class="modal-content">
-						<div class="modal-header">Manage Templates</div>
-						<div class="modal-body">
-							<div class="widget-list-picker">
-								<ul class="options">
-									{{#each templates as |item|}}
-										<li class="option {{if item.selected 'selected'}}" {{action 'onSelectTemplate' item}}>
-											<div class="text text-truncate">
-												{{item.title}}<br/>{{item.description}}
-											</div>
-											{{#if item.selected}}
-												<i class="material-icons">check</i>
-											{{/if}}
-										</li>
-									{{else}}
-										No document templates
-									{{/each}}
-								</ul>
-							</div>
-						</div>
-						<div class="modal-footer">
-							<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
-							{{#if templates}}
-								<button type="button" class="btn btn-success" onclick={{action 'onOpenTemplate'}}>Open</button>
-							{{/if}}
-						</div>
-					</div>
-				</div>
-			</div>
 		{{/if}}
 
 		{{#if (or permissions.spaceOwner permissions.spaceManage)}}
@@ -172,40 +117,6 @@
 				<i class="material-icons" data-toggle="modal" data-target="#space-settings-modal" data-backdrop="static">settings</i>
 			</div>
 			<div class="button-icon-gap" />
-			<div id="space-settings-modal" class="modal" tabindex="-1" role="dialog">
-				<div class="modal-dialog" role="document">
-					<div class="modal-content">
-						<div class="modal-header">Space Settings</div>
-						<div class="modal-body">
-							<form>
-								<div class="form-group">
-									<label>Space Type</label>
-									{{ui-select id="group-dropdown" content=spaceTypeOptions optionValuePath="id" optionLabelPath="label" selection=spaceType action=(action 'onSetSpaceType')}}
-								</div>
-
-								<div class="form-group">
-									<label>Content Liking</label>
-									{{#if allowLikes}}
-										{{input type='text' id="space-likes-prompt" class="form-control" placeholder="Did this help you?" value=likes}}
-										<small class="form-text text-muted">Specify the prompt, e.g. Did this help you? Was this helpful? Did you find what you needed?</small>
-										<div class="mt-4">
-											<button type="button" class="btn btn-secondary" onclick={{action 'onSetLikes' false}}>Do not allow users to like content</button>
-										</div>
-									{{else}}
-										<div>
-											<button type="button" class="btn btn-outline-success" onclick={{action 'onSetLikes' true}}>Allow users to like content</button>
-										</div>
-									{{/if}}
-								</div>
-							</form>
-						</div>
-						<div class="modal-footer">
-							<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
-							<button type="button" class="btn btn-success" onclick={{action 'onSpaceSettings'}}>Save</button>
-						</div>
-					</div>
-				</div>
-			</div>
 		{{/if}}
 
 		{{#if pinState.isPinned}}
@@ -225,30 +136,124 @@
 				<i class="material-icons" data-toggle="modal" data-target="#space-delete-modal" data-backdrop="static">delete</i>
 			</div>
 			<div class="button-icon-gap" />
-			<div id="space-delete-modal" class="modal" tabindex="-1" role="dialog">
-				<div class="modal-dialog" role="document">
-					<div class="modal-content">
-						<div class="modal-header">Space Deletion</div>
-						<div class="modal-body">
-							<form onsubmit={{action 'onSpaceDelete'}}>
-								<p>Are you sure you want to delete this space and all documents?</p>
-								<div class="form-group">
-									<label for="delete-space-name">Please type space name to confirm</label>
-									{{input type='text' id="delete-space-name" class="form-control mousetrap" placeholder="Space name" value=deleteSpaceName}}
-									<small class="form-text text-muted">This will delete all documents and templates within this space!</small>
-								</div>
-							</form>
-						</div>
-						<div class="modal-footer">
-							<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
-							<button type="button" class="btn btn-danger" onclick={{action 'onSpaceDelete'}}>Delete</button>
-						</div>
-					</div>
-				</div>
-			</div>
 		{{/if}}
+	</div>
 
+</div>
+
+<div id="space-settings-modal" class="modal" tabindex="-1" role="dialog">
+	<div class="modal-dialog" role="document">
+		<div class="modal-content">
+			<div class="modal-header">Space Settings</div>
+			<div class="modal-body">
+				<form>
+					<div class="form-group">
+						<label>Space Type</label>
+						{{ui-select id="group-dropdown" content=spaceTypeOptions optionValuePath="id" optionLabelPath="label" selection=spaceType action=(action 'onSetSpaceType')}}
+					</div>
+
+					<div class="form-group">
+						<label>Content Liking</label>
+						{{#if allowLikes}}
+							{{input type='text' id="space-likes-prompt" class="form-control" placeholder="Did this help you?" value=likes}}
+							<small class="form-text text-muted">Specify the prompt, e.g. Did this help you? Was this helpful? Did you find what you needed?</small>
+							<div class="mt-4">
+								<button type="button" class="btn btn-secondary" onclick={{action 'onSetLikes' false}}>Do not allow users to like content</button>
+							</div>
+						{{else}}
+							<div>
+								<button type="button" class="btn btn-outline-success" onclick={{action 'onSetLikes' true}}>Allow users to like content</button>
+							</div>
+						{{/if}}
+					</div>
+				</form>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
+				<button type="button" class="btn btn-success" onclick={{action 'onSpaceSettings'}}>Save</button>
+			</div>
+		</div>
 	</div>
 </div>
 
+<div id="space-delete-modal" class="modal" tabindex="-1" role="dialog">
+	<div class="modal-dialog" role="document">
+		<div class="modal-content">
+			<div class="modal-header">Space Deletion</div>
+			<div class="modal-body">
+				<form onsubmit={{action 'onSpaceDelete'}}>
+					<p>Are you sure you want to delete this space and all documents?</p>
+					<div class="form-group">
+						<label for="delete-space-name">Please type space name to confirm</label>
+						{{input type='text' id="delete-space-name" class="form-control mousetrap" placeholder="Space name" value=deleteSpaceName}}
+						<small class="form-text text-muted">This will delete all documents and templates within this space!</small>
+					</div>
+				</form>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
+				<button type="button" class="btn btn-danger" onclick={{action 'onSpaceDelete'}}>Delete</button>
+			</div>
+		</div>
+	</div>
+</div>
+
+<div id="space-template-modal" class="modal" tabindex="-1" role="dialog">
+	<div class="modal-dialog" role="document">
+		<div class="modal-content">
+			<div class="modal-header">Manage Templates</div>
+			<div class="modal-body">
+				<div class="widget-list-picker">
+					<ul class="options">
+						{{#each templates as |item|}}
+							<li class="option {{if item.selected 'selected'}}" {{action 'onSelectTemplate' item}}>
+								<div class="text text-truncate">
+									{{item.title}}<br/>{{item.description}}
+								</div>
+								{{#if item.selected}}
+									<i class="material-icons">check</i>
+								{{/if}}
+							</li>
+						{{else}}
+							No document templates
+						{{/each}}
+					</ul>
+				</div>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
+				{{#if templates}}
+					<button type="button" class="btn btn-success" onclick={{action 'onOpenTemplate'}}>Open</button>
+				{{/if}}
+			</div>
+		</div>
+	</div>
+</div>
+
+<div id="space-invite-modal" class="modal" tabindex="-1" role="dialog">
+	<div class="modal-dialog" role="document">
+		<div class="modal-content">
+			<div class="modal-header">Space Invitation</div>
+			<div class="modal-body">
+				<form onsubmit={{action 'onSpaceInvite'}}>
+					<div class="form-group">
+						<label for="space-invite-email">Email for space invitation</label>
+						{{input id="space-invite-email" type='email' class="form-control mousetrap" placeholder="Enter email" value=inviteEmail}}
+						<small class="form-text text-muted">Comma separate multiple email addresses</small>
+					</div>
+					<div class="form-group">
+						<label for="space-invite-msg">Message explaining space invitation</label>
+						{{textarea id="space-invite-msg" value=inviteMessage class="form-control" rows="5"}}
+					</div>
+				</form>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
+				<button type="button" class="btn btn-success" onclick={{action 'onSpaceInvite'}}>Invite</button>
+			</div>
+		</div>
+	</div>
+</div>
+
+
 {{folder/permission-admin folders=spaces folder=space onRefresh=onRefresh}}