From 5ed0b5d5653ccce2ffe6c99955d2c3ed2c2f919d Mon Sep 17 00:00:00 2001
From: Jacob Crowther <jacobcrowther@gmail.com>
Date: Tue, 25 Jul 2017 09:35:48 -0600
Subject: [PATCH] "Chunked" mode speed optimization. This loads the side folder
 structures as needed, and not all at once on application load

---
 app/elements/folder-structure.html | 58 ++++++++++++++++++------------
 app/index.html                     |  2 +-
 2 files changed, 37 insertions(+), 23 deletions(-)

diff --git a/app/elements/folder-structure.html b/app/elements/folder-structure.html
index c65780b..963bb5d 100644
--- a/app/elements/folder-structure.html
+++ b/app/elements/folder-structure.html
@@ -66,29 +66,31 @@
 		}
 	</style>
 	<template>
-		<paper-menu attr-for-selected="data-route" selected="{{route}}" class="menu-content">
-			<a data-route="create{{indent}}" href="{{baseUrl}}create" class="noselect" create-location="{{createLocation}}" style="padding-left: {{indent}}px" on-tap="_setLocation">
-				<iron-icon class="iconsize" icon="add"></iron-icon>
-				<span style="white-space: nowrap;">New</span>
-			</a>
-			<template is="dom-repeat" items="{{secrets}}" filter="_filterFolders" sort="_sort">
-				<paper-submenu attr-for-selected="data-route" selected="{{route}}">
-						<a data-route="{{item.type}}/{{item.location}}" href="{{baseUrl}}folder/{{item.location}}" class="noselect menu-trigger" style="padding-left: {{indent}}px">
-							<iron-icon class="iconsize" icon="folder-open"></iron-icon>
-							<span style="white-space: nowrap;">{{item.parsedname}}</span>
-						</a>
-					<paper-menu class="menu-content">
-						<folder-structure secrets="[[secrets]]" route="{{route}}" base-url="{{baseUrl}}" base-folder="{{item.location}}" indent="{{spacing}}" create-location="{{createLocation}}"></folder-structure>
-					</paper-menu>
-				</paper-submenu>
-			</template>
-			<template is="dom-repeat" items="{{secrets}}" filter="_filterSecrets" sort="_sort">
-				<a data-route="{{item.type}}/{{item.location}}" href="{{baseUrl}}secret/{{item.location}}" class="noselect" style="padding-left: {{indent}}px">
-					<iron-icon class="iconsize" icon="communication:vpn-key"></iron-icon>
-					<span style="white-space: nowrap;">{{item.parsedname}}</span>
+		<template is="dom-if" if="{{print}}">
+			<paper-menu attr-for-selected="data-route" selected="{{route}}" class="menu-content">
+				<a data-route="create{{indent}}" href="{{baseUrl}}create" class="noselect" create-location="{{createLocation}}" style="padding-left: {{indent}}px" on-tap="_setLocation">
+					<iron-icon class="iconsize" icon="add"></iron-icon>
+					<span style="white-space: nowrap;">New</span>
 				</a>
-			</template>
-		</paper-menu>
+				<template is="dom-repeat" items="{{secrets}}" filter="_filterFolders" sort="_sort">
+					<paper-submenu attr-for-selected="data-route" selected="{{route}}">
+							<a data-route="{{item.type}}/{{item.location}}" href="{{baseUrl}}folder/{{item.location}}" class="noselect menu-trigger" style="padding-left: {{indent}}px">
+								<iron-icon class="iconsize" icon="folder-open"></iron-icon>
+								<span style="white-space: nowrap;">{{item.parsedname}}</span>
+							</a>
+						<paper-menu class="menu-content">
+							<folder-structure secrets="[[secrets]]" route="{{route}}" folder-route="{{folderRoute}}" base-url="{{baseUrl}}" base-folder="{{item.location}}" indent="{{spacing}}" create-location="{{createLocation}}"></folder-structure>
+						</paper-menu>
+					</paper-submenu>
+				</template>
+				<template is="dom-repeat" items="{{secrets}}" filter="_filterSecrets" sort="_sort">
+					<a data-route="{{item.type}}/{{item.location}}" href="{{baseUrl}}secret/{{item.location}}" class="noselect" style="padding-left: {{indent}}px">
+						<iron-icon class="iconsize" icon="communication:vpn-key"></iron-icon>
+						<span style="white-space: nowrap;">{{item.parsedname}}</span>
+					</a>
+				</template>
+			</paper-menu>
+		</template>
 	</template>
 
 	<script>
@@ -96,6 +98,10 @@
 			is: "folder-structure",
 			properties: {
 				route: String,
+				folderRoute: {
+					type: String,
+					observer: '_watchFolderRoute'
+				},
 				baseURL: String,
 				secrets: Array,
 				baseFolder: String,
@@ -108,8 +114,16 @@
 				createLocation: {
 					value: '',
 					notify: true
+				},
+				print: {
+					type: Boolean,
+					value: false,
+					notify: true
 				}
 			},
+			_watchFolderRoute: function(){
+				if (this.baseFolder == this.folderRoute) this.print = true;
+			},
 			_watchIndent: function(){
 				this.spacing = this.indent + 20;
 			},
diff --git a/app/index.html b/app/index.html
index 65cba11..bf86668 100644
--- a/app/index.html
+++ b/app/index.html
@@ -64,7 +64,7 @@
 					</paper-menu>
 
 					<span id="drawerMenuText" class="noselect">SECRETS</span>
-					<folder-structure secrets="[[secrets]]" route="{{route}}" base-url="{{baseUrl}}" base-folder="secret" indent="20" create-location="{{createLocation}}"></folder-structure>
+					<folder-structure secrets="[[secrets]]" route="{{route}}" folder-route="{{folderRoute}}" base-url="{{baseUrl}}" base-folder="secret" indent="20" create-location="{{createLocation}}" print></folder-structure>
 				</div>
 
 				<div class="bottom-corner" style="color: #737373;">