Changed algorithms menu design.

script/Algorithms.js

@@ -141,6 +141,11 @@ BaseAlgorithm.prototype.IsSupportMultiGraph = function()
     return false;
 }
 
+BaseAlgorithm.prototype.getCategory = function()
+{
+    return 0;
+}
+
 /**
  * Default handler.
  * Select using mouse, drag.

script/Appilcation.js

@@ -1295,6 +1295,7 @@ Application.prototype.getAlgorithmNames = function()
         obj.name = oneFactory.getName(g_language);
         obj.id   = oneFactory.getId();
         obj.priority = oneFactory.getPriority();
+        obj.category = oneFactory.getCategory();
         res.push(obj);
     }
     

script/main.js

@@ -1,7 +1,7 @@
 
 var SiteDir           = "";
 var DisableEmscripted = false;
-var algorithmsVersion = 1;
+var algorithmsVersion = 2;
 
 var application = new Application(document, window);
 
@@ -111,8 +111,8 @@ function createAlgorithmMenu()
     {
         algorithm = algorithms[i];
         
-        var list   = document.getElementById("algorithmList");
-        var item   = list.lastElementChild;
+        var list   = document.getElementById("algorithmCategoryElements" + algorithm.category);
+        var item   = document.getElementById("algTopic" + algorithm.category);
         var clone  = item.cloneNode(true);
         var button   = clone.getElementsByTagName("button")[0];
         var textSpan = button.getElementsByTagName("span")[1];
@@ -122,8 +122,9 @@ function createAlgorithmMenu()
         
         buttonsList.push(algorithm.id);
         
-        button.onclick = function ()
+        button.onclick = function (e)
         {
+            e["closeThisMenu"] = true;
             userAction(this.id);
             restButtons (this.id);
             application.SetHandlerMode(this.id);
@@ -144,7 +145,7 @@ function createAlgorithmMenu()
               $(data.object).show();
           });
         
-        list.appendChild(clone);
+        list.insertBefore(clone, document.getElementById("insert" + algorithm.category));
         index++;
     }
 
@@ -643,7 +644,6 @@ function postLoadPage()
         });
     }
     
-    
     // Get algorithms list and load it.
     $.get( "/" + SiteDir + "cgi-bin/getPluginsList.php",
             function( data )
@@ -675,6 +675,48 @@ function postLoadPage()
     devTools.style.left = 0;
 	resizeCanvas();
 	application.onPostLoadEvent();
+
+    $(function() {
+        $('#algorithmList').on('click', function(event) {
+            if (!event.originalEvent.closeThisMenu) {
+                event.stopPropagation();
+            }
+        });      
+        $(window).on('click', function() {
+          $('#algorithmList').slideUp();
+        });      
+      });    
+
+
+    let showHideCategory = function(button, elementsListName){
+        let width     = $( button ).width();
+        let elementsList = $(elementsListName);
+        var hideMark = button.querySelector('span[name="hideMark"]')
+        var showMark = button.querySelector('span[name="showMark"]')
+        if (elementsList.is(":visible")) {
+            elementsList.hide();
+            $(hideMark).show();
+            $(showMark).hide();
+        } else {
+            elementsList.show();
+            $(hideMark).hide();
+            $(showMark).show();
+        }            
+        $( button ).width(width);
+
+        userAction("algCategory_" + elementsListName);
+    }
+
+    $(document.getElementById("algorithmCategoryBtn1").querySelector('span[name="hideMark"]')).hide();
+    $(document.getElementById("algorithmCategoryBtn0").querySelector('span[name="hideMark"]')).hide();
+
+    $('#algorithmCategoryBtn1').click(function(){
+        showHideCategory(this, "#algorithmCategoryElements1");
+    });
+
+    $('#algorithmCategoryBtn0').click(function(){
+        showHideCategory(this, "#algorithmCategoryElements0");
+    });
 }
 
 //window.onload = function ()

script/plugins/BFS.js

@@ -29,6 +29,11 @@ BFSAlgorithm.prototype.getMessage = function(local)
     return this.message;
 }
 
+BFSAlgorithm.prototype.getCategory = function()
+{
+    return 1;
+}
+
 BFSAlgorithm.prototype.result = function(resultCallback)
 {
     var result = {};

script/plugins/DFS.js

@@ -70,6 +70,11 @@ DFSAlgorithm.prototype.getPriority = function()
     return -9.5;
 }
 
+DFSAlgorithm.prototype.getCategory = function()
+{
+    return 1;
+}
+
 DFSAlgorithm.prototype.step = function()
 {
     for (var i = this.visited.length - 1; i >= 0; i--)

script/plugins/EulerianLoop.js

@@ -30,6 +30,11 @@ FindEulerianLoop.prototype.getMessage = function(local)
     return this.message;
 }
 
+FindEulerianLoop.prototype.getCategory = function()
+{
+    return 1;
+}
+
 FindEulerianLoop.prototype.result = function(resultCallback)
 {
     this.outResultCallback = function (result ) { resultCallback(result); };

script/plugins/EulerianPath.js

@@ -30,6 +30,11 @@ FindEulerianPath.prototype.getMessage = function(local)
     return this.message;
 }
 
+FindEulerianPath.prototype.getCategory = function()
+{
+    return 1;
+}
+
 FindEulerianPath.prototype.result = function(resultCallback)
 {
     this.outResultCallback = function (result ) { resultCallback(result); };

script/plugins/FindAllPatches.js

@@ -40,6 +40,11 @@ FindAllPathes.prototype.getMessage = function(local)
     return this.message;
 }
 
+FindAllPathes.prototype.getCategory = function()
+{
+    return 1;
+}
+
 FindAllPathes.prototype.result = function(resultCallback)
 {
     if (this.firstObject && this.secondObject)

script/plugins/FindShortPatchsFromOne.js

@@ -40,6 +40,11 @@ FindShortPatchsFromOne.prototype.getMessage = function(local)
     return this.message;
 }
 
+FindShortPatchsFromOne.prototype.getCategory = function()
+{
+    return 1;
+}
+
 FindShortPatchsFromOne.prototype.result = function(resultCallback)
 {
     if (this.firstObject)

script/plugins/Floid.js

@@ -39,6 +39,11 @@ FloidAlgorithm.prototype.getMessage = function(local)
     return this.message;
 }
 
+FloidAlgorithm.prototype.getCategory = function()
+{
+    return 1;
+}
+
 FloidAlgorithm.prototype.result = function(resultCallback)
 {
     var result = {};

script/plugins/HamiltonianLoop.js

@@ -30,6 +30,11 @@ FindHamiltonianLoop.prototype.getMessage = function(local)
     return this.message;
 }
 
+FindHamiltonianLoop.prototype.getCategory = function()
+{
+    return 1;
+}
+
 FindHamiltonianLoop.prototype.result = function(resultCallback)
 {
     this.outResultCallback = function (result ) { resultCallback(result); };

script/plugins/HamiltonianPath.js

@@ -30,6 +30,11 @@ FindHamiltonianPath.prototype.getMessage = function(local)
     return this.message;
 }
 
+FindHamiltonianPath.prototype.getCategory = function()
+{
+    return 1;
+}
+
 FindHamiltonianPath.prototype.result = function(resultCallback)
 {
     this.outResultCallback = function (result ) { resultCallback(result); };

script/plugins/ShortestPath.js

@@ -37,6 +37,11 @@ FindShortPathNew.prototype.getMessage = function(local)
     return this.message;
 }
 
+FindShortPathNew.prototype.getCategory = function()
+{
+    return 1;
+}
+
 FindShortPathNew.prototype.result = function(resultCallback)
 {
     if (this.firstObject && this.secondObject)