added search functionality first draft

app/index.html

@@ -23,6 +23,7 @@
     <script src="js/controllers/main.js"></script>
     <script src="js/controllers/hubs.js"></script>
     <script src="js/controllers/browse.js"></script>
+    <script src="js/controllers/search.js"></script>
     <script src="js/controllers/queue.js"></script>
     <script src="js/controllers/share.js"></script>
     <script src="js/controllers/settings.js"></script>

app/js/app.js

@@ -16,7 +16,8 @@ EiskaltApp.value('settings', {
     refresh: {
         hashAndRatio: 5000,
         chat: 3000,
-        queues: 5000
+        queues: 5000,
+        search: 3000,
     },
     settings: [
         {key: 'Nick', type: 'text'},
@@ -39,6 +40,10 @@ EiskaltApp.config(function ($routeProvider) {
             controller: 'BrowseCtrl',
             templateUrl: 'partials/browse.html'
         })
+        .when('/search', {
+            controller: 'SearchCtrl',
+            templateUrl: 'partials/search.html'
+        })
         .when('/queue', {
             controller: 'QueueCtrl',
             templateUrl: 'partials/queue.html'

app/js/controllers/search.js

@@ -0,0 +1,113 @@
+/* Copyright (c) 2017 Lars Kreisz */
+/* License:The MIT License (MIT) */
+
+'use strict';
+EiskaltApp.controller('SearchCtrl', function ($scope, $interval, settings, EiskaltRPC) {
+    $scope.result = [];
+    $scope.term = "";
+    $scope.hubs = [];
+    $scope.filelists = [];
+
+    var loadHubs = function () {
+        EiskaltRPC.ListHubsFullDesc().success(function (data) {
+            $scope.hubs = data;
+        });
+    };
+    loadHubs();
+
+    $scope.loadLists = function () {
+        EiskaltRPC.ShowLocalLists().success(function (filelists) {
+            $scope.filelists = filelists;
+        });
+    };
+    $scope.loadLists();
+
+    $scope.refreshSearchResults = function () {
+        if($scope.hub != null) {
+            EiskaltRPC.ReturnSearchResults($scope.hub.huburl).success(function (result) {
+                $scope.result = result;
+            });
+        }
+    };
+
+    $scope.refreshSearchPage = function () {
+        $scope.loadLists();
+        $scope.refreshSearchResults();
+    };
+
+    var refreshSearchTimer = $interval($scope.refreshSearchPage, settings.refresh.search);
+    $scope.$on("$destroy", function(event) {
+        $interval.cancel(refreshSearchPage);
+    });
+
+    $scope.search = function() {
+        $scope.result = [];
+        EiskaltRPC.ClearSearchResults($scope.hub.huburl).success(function (status) {
+           if (status != 0) {
+                alert("Couldn't clear old results");
+            }
+        });
+        EiskaltRPC.SendSearch($scope.term, 0, 0, 0, 0.0, $scope.hub.huburl)
+            .success(function(status) {
+            if (status != 0) {
+                alert('Search failed.');
+            }
+        });
+    };
+});
+
+EiskaltApp.controller('SearchDownloadCtrl', function ($scope, EiskaltRPC) {
+    $scope.nonDownloadableFile = true;
+    $scope.downloadedFileList = false;
+
+    $scope.$watch(
+        function () {
+            var item = $scope.$parent.item;
+            var filelist = item.Nick + "." + item.CID + ".xml.bz2";
+            return $scope.filelists.includes(filelist);
+        },
+        function (newValue, oldValue, scope) {
+            if(oldValue != newValue) {
+                $scope.downloadedFileList = newValue;
+                $scope.nonDownloadableFile = !newValue;
+            }
+        }
+    );
+
+    $scope.init = function(item) {
+        var filelist = item.Nick + "." + item.CID + ".xml.bz2";
+        $scope.downloadedFileList = $scope.filelists.includes(filelist);
+        $scope.nonDownloadableFile = !$scope.downloadedFileList;
+    };
+
+    $scope.downloadFileList = function(item) {
+        var filelist = item.Nick + "." + item.CID + ".xml.bz2";
+        if(!$scope.filelists.includes(filelist)) {
+            EiskaltRPC.GetFileList($scope.hub.huburl, item.Nick).success(function(filelist) {
+                if(status != 0) {
+                    alert('Download failed. Maybe still downloading or downloaded already?');
+                }
+            });
+        } else {
+            alert('Filelist already downloaded.');
+        }
+    };
+
+    $scope.download = function(item) {
+        var isFolder = item.Filename.endsWith('/');
+        var method = isFolder ? EiskaltRPC.DownloadDirFromList : EiskaltRPC.DownloadFileFromList;
+        var target = (item.Path + item.Filename).replace(/\//g,"\\");
+        var filelist = item.Nick + "." + item.CID + ".xml.bz2";
+        if($scope.filelists.includes(filelist)) {
+            method(target, '', filelist).success(function (status) {
+                if (status == 0) {
+                    $scope.nonDownloadableFile = true;
+                } else {
+                    alert('Download failed. Maybe still downloading or downloaded already?');
+                }
+            });
+        } else {
+            alert('Download failed. Please download the filelist first');
+        }
+    };
+});

app/partials/navbar.html

@@ -31,6 +31,12 @@
                     <span class="hidden-sm">Browse</span>
                 </a>
             </li>
+            <li ng-class="{active:isActive('/search')}">
+                <a href="#/search">
+                    <span class="glyphicon glyphicon-search"></span>
+                    <span class="hidden-sm">Search</span>
+                </a>
+            </li>
             <li ng-class="{active:isActive('/settings')}">
                 <a href="#/settings">
                     <span class="glyphicon glyphicon-cog"></span>

app/partials/search.html

@@ -0,0 +1,58 @@
+<div id="search">
+    <div id="hubSelection" class="form-horizontal">
+        Hub:
+        <select ng-model="hub" ng-options="h.huburl for h in hubs"></select>
+    </div>
+    <form class="form-inline" ng-model-options="{ updateOn: 'blur' }" id="searchBar">
+        <input id="searchText" type="text" class="form-control" ng-model="term" width="100%">
+        <button type="submit" class="btn btn-primary btn-xs" ng-click="search()">
+            <span class="glyphicon" ng-class="glyphicon-search"></span>
+            Search
+        </button>
+    </form>
+    <div id="output" class="table-responsive">
+        <table class="table table-striped table-hover table-condensed" id="searchResults">
+            <thead>
+                <tr>
+                    <th class="name-cell">Filename</th>
+                    <th class="path-cell">Path</th>
+                    <th class="host-cell">Nick</th>
+                    <th class="size-cell">Size</th>
+                    <th class="button-cell"></th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr ng-repeat="item in result track by $index ">
+                    <td>
+                        {{ item.Filename }}
+                    </td>
+                    <td>
+                        {{ item.Path }}
+                    </td>
+                    <td>
+                        {{ item.Nick }}
+                    </td>
+                    <td>
+                        {{ item.Size }}
+                    </td>
+                    <td ng-controller="SearchDownloadCtrl" ng-init="init(item)">
+                        <button type="button" class="btn btn-primary btn-xs pull-right"
+                            ng-click="downloadFileList(item)"
+                            ng-disabled="downloadedFileList">
+                            <span class="glyphicon"
+                                  ng-class="downloaded ? 'glyphicon-ok' : 'glyphicon-download-alt'"></span>
+                            Download Filelist
+                        </button>
+                        <button type="button" class="btn btn-primary btn-xs pull-right"
+                            ng-click="download(item)"
+                            ng-disabled="nonDownloadableFile">
+                            <span class="glyphicon"
+                                  ng-class="downloaded ? 'glyphicon-ok' : 'glyphicon-download-alt'"></span>
+                            Download
+                        </button>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>