From 41c82afb1f65ba2d1d825112bc84eb46317378b8 Mon Sep 17 00:00:00 2001
From: fnuesse <felix.nuesse@t-online.de>
Date: Mon, 15 Oct 2018 18:19:05 +0200
Subject: [PATCH] Created VirtualFolderStructure

---
 js/app/controllers/credential.js | 100 +++++++++++++++++++++++++++++--
 templates/views/show_vault.html  |  21 ++++++-
 2 files changed, 115 insertions(+), 6 deletions(-)

diff --git a/js/app/controllers/credential.js b/js/app/controllers/credential.js
index 181481f1..2dc53147 100644
--- a/js/app/controllers/credential.js
+++ b/js/app/controllers/credential.js
@@ -50,6 +50,12 @@
 					}
 				}
 
+                //needed for folderview
+				$scope.currentFolder="/";
+				$scope.FolderList=["/"];
+				$scope.TempFolderList=[];
+				$scope.BreadcrumbList=[];
+
 				$scope.show_spinner = true;
 				var fetchCredentials = function () {
 					VaultService.getVault({guid: $routeParams.vault_id}).then(function (vault) {
@@ -59,12 +65,24 @@
 						$scope.active_vault = vault;
 						$scope.active_vault.vaultKey = vaultKey;
 						if(!$rootScope.vaultCache){
-              $rootScope.vaultCache = [];
+							$rootScope.vaultCache = [];
 						}
 						VaultService.setActiveVault($scope.active_vault);
 						for (var i = 0; i < _credentials.length; i++) {
 							var _credential = _credentials[i];
 							try {
+								if(_credential.label.startsWith($scope.currentFolder)){
+									var crlabel=_credential.label;
+									//console.log("starts with path: " +crlabel);
+                                    //Todo readd _credential.label=crlabel.substring(crlabel.lastIndexOf("/")+1,crlabel.length);
+                                    _credential.fpath=crlabel.substring(0,crlabel.lastIndexOf("/"));
+
+                                    if($scope.FolderList.indexOf(_credential.fpath) <= -1){
+                                        $scope.FolderList.push(_credential.fpath);
+									}
+								}else{
+                                    _credential.fpath="/";
+								}
 								if (!_credential.shared_key) {
 									_credential = CredentialService.decryptCredential(angular.copy(_credential));
 
@@ -83,6 +101,9 @@
 
 							}
 							_credentials[i] = _credential;
+
+							//create all folders after fetching credentials
+                            $scope.getCurrentFolderList();
 						}
 
 						ShareService.getCredendialsSharedWithUs(vault.guid).then(function (shared_credentials) {
@@ -412,6 +433,75 @@
 
 				};
 
+
+
+                $scope.createBreadCrumbList = function () {
+                	var array= $scope.currentFolder.split("/").filter(Boolean);
+                	var res=[];
+                    var fullPath="";
+                	array.forEach(function (element) {
+						fullPath="/"+element;
+                        res.push({fullPath:fullPath, name:element});
+                    });
+                    $scope.BreadcrumbList=res;
+                };
+
+                $scope.setCurrentFolder = function (folder) {
+                	$scope.currentFolder=folder;
+                    $scope.createBreadCrumbList();
+                };
+
+                $scope.setCurrentFolderFromBreadcrumb = function (folder) {
+                    $scope.currentFolder=folder;
+                    $scope.createBreadCrumbList();
+                    $scope.getCurrentFolderList();
+                };
+
+                $scope.setCurrentFolderFromUI = function (folder) {
+                	var c= $scope.currentFolder+folder+"/";//$scope.cutScopeFolderFromFoldername(folder);
+                    $scope.setCurrentFolder(c);
+                    $scope.getCurrentFolderList();
+                };
+
+                $scope.checkIfCurrentFolderIsSelected = function (folder) {
+					if($scope.currentFolder === "/" && "/" === folder){
+						return true;
+					}
+                    return $scope.currentFolder.substring(0,$scope.currentFolder.length-1) === folder;
+                };
+
+                $scope.checkIfFolderIsSubfolder = function (folder) {
+					return folder.startsWith($scope.currentFolder);
+                };
+
+                $scope.cutScopeFolderFromFoldername = function (folder) {
+					var withoutParent=folder.replace($scope.currentFolder, "")+"/";
+                    var withoutRest="";
+                    var temp="";
+					if(withoutParent.startsWith("/")){
+                        temp=withoutParent.substring(1,withoutParent.length);
+                        withoutRest=temp.substring(0,temp.indexOf("/"));
+					}else{
+						withoutRest=withoutParent.substring(0,withoutParent.indexOf("/"));
+                    }
+
+                    return withoutRest;
+                };
+
+                $scope.getCurrentFolderList = function () {
+                	var Temp=[];
+                    for (var i=0; i<$scope.FolderList.length; i++) {
+                        //console.log("test: "+$scope.FolderList[i]);
+                        if($scope.FolderList[i].startsWith($scope.currentFolder) && $scope.checkIfFolderIsSubfolder($scope.FolderList[i])){
+                        	var reducedFoldername=$scope.cutScopeFolderFromFoldername($scope.FolderList[i]);
+                            if(Temp.indexOf(reducedFoldername) <= -1){
+                                Temp.push(reducedFoldername);
+                            }
+                        }
+                    }
+                    $scope.TempFolderList=Temp;
+                };
+
 				$rootScope.$on('set_delete_time', function (event, time) {
 					$scope.delete_time = time;
 				});
@@ -436,16 +526,18 @@
 
 				$rootScope.$on('logout', function () {
 					if($scope.active_vault) {
-            $rootScope.vaultCache[$scope.active_vault.guid] = null;
-          }
+            			$rootScope.vaultCache[$scope.active_vault.guid] = null;
+          			}
 					$scope.active_vault = null;
 					$scope.credentials = [];
-//				$scope.$parent.selectedVault = false;
+					//$scope.$parent.selectedVault = false;
 
 				});
 
 				$scope.clearState = function () {
 					$scope.delete_time = 0;
+                    $scope.setCurrentFolder('/');
+                    $scope.getCurrentFolderList();
 				};
 
 			}]);
diff --git a/templates/views/show_vault.html b/templates/views/show_vault.html
index 4b262b41..3936b6cc 100644
--- a/templates/views/show_vault.html
+++ b/templates/views/show_vault.html
@@ -8,6 +8,12 @@
 				<div class="crumb svg" ng-click="clearState()">
 					<a>{{active_vault.name}}</a>
 				</div>
+
+				<div class="crumb svg" ng-repeat="path in BreadcrumbList"  ng-click="setCurrentFolderFromBreadcrumb(path.fullPath)" >
+					<a>{{::path.name}}</a>
+				</div>
+
+
 				<div class="crumb svg last" ng-hide="delete_time>0">
 					<a ng-click="addCredential()">{{ 'New' | translate}}</a>
 				</div>
@@ -38,11 +44,22 @@
 	<div ng-init="menuOpen = false;">
 		<table class="credential-table"
 			   ng-if="view_mode === 'list'">
+
+			<tr ng-repeat="folder in TempFolderList" ng-if="folder!==''">
+				<td ng-click="setCurrentFolderFromUI(folder)">
+					<span class="icon">
+						<i class="fa fa-folder"></i>
+					</span>
+					<a class="label">{{folder}}</a>
+				</td>
+			</tr>
+
+
 			<tr ng-repeat="credential in filtered_credentials | orderBy:'label'"
 				ng-if="showCredentialRow(credential)"
 				ng-click="selectCredential(credential)"  ng-dblclick="editCredential(credential)"
 				ng-class="{'selected': selectedCredential.credential_id == credential.credential_id}">
-				<td>
+				<td ng-if="checkIfCurrentFolderIsSelected(credential.fpath)">
 					<span class="tags">
 					<span class="tag" ng-repeat="tag in credential.tags_raw">{{ ::tag.text}}</span>
 
@@ -104,7 +121,7 @@
 		<span class="icon sidebar-icon" ng-if="!selectedCredential.url">
 			<credential-icon credential="selectedCredential"></credential-icon>
 		</span>
-		<h2 class="sidebar-label">{{selectedCredential.label}}</h2>
+		<h2 class="sidebar-label">{{selectedCredential.label}} || {{selectedCredential.fpath}}</h2>
 	</div>
 
     <div credential-template="selectedCredential"></div>