From ee8e572cce3d691b028985ad33181cb6c1f3310b Mon Sep 17 00:00:00 2001
From: Julia Svinareva <julia.svinaryova@onlyoffice.com>
Date: Wed, 19 Jun 2019 11:06:36 +0300
Subject: [PATCH] [SSE mobile] Add Sort into Filter Options

---
 .../mobile/app/controller/FilterOptions.js           |  6 ++++++
 .../mobile/app/template/FilterOptions.template       | 12 ++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/apps/spreadsheeteditor/mobile/app/controller/FilterOptions.js b/apps/spreadsheeteditor/mobile/app/controller/FilterOptions.js
index 0302340ff..a5984c53a 100644
--- a/apps/spreadsheeteditor/mobile/app/controller/FilterOptions.js
+++ b/apps/spreadsheeteditor/mobile/app/controller/FilterOptions.js
@@ -152,6 +152,8 @@ define([
                 this.setClearDisable();
                 $clearFilter.single('click',    _.bind(me.onClickClearFilter, me));
                 $deleteFilter.single('click',    _.bind(me.onClickDeleteFilter, me));
+                $('.sortdown').single('click',  _.bind(me.onClickSort, me, 'down'));
+                $('.sortup').single('click', _.bind(me.onClickSort, me, 'up'));
                 this.setDataFilterCells();
             },
 
@@ -159,6 +161,10 @@ define([
                 dataFilter = config;
             },
 
+            onClickSort: function(type) {
+                this.api.asc_sortColFilter(type == 'down' ? Asc.c_oAscSortOptions.Ascending : Asc.c_oAscSortOptions.Descending, '');
+            },
+
             onClickClearFilter: function () {
                 var me = this;
                 if (me.api)
diff --git a/apps/spreadsheeteditor/mobile/app/template/FilterOptions.template b/apps/spreadsheeteditor/mobile/app/template/FilterOptions.template
index 5c31395e7..4e983c907 100644
--- a/apps/spreadsheeteditor/mobile/app/template/FilterOptions.template
+++ b/apps/spreadsheeteditor/mobile/app/template/FilterOptions.template
@@ -10,6 +10,18 @@
         <div class="page" data-page="filter-root-view">
             <div class="page-content">
                 <div class="list-block">
+                    <ul><li>
+                        <div class="item-content buttons">
+                            <div class="item-inner">
+                                <div class="row">
+                                    <a class="button no-ripple"><i class="icon sortdown"></i></a>
+                                    <a class="button no-ripple"><i class="icon sortup"></i></a>
+                                </div>
+                            </div>
+                        </div>
+                    </li></ul>
+                </div>
+                <div class="list-block list-center">
                     <ul>
                         <li id="btn-clear-filter">
                             <div class="item-content">