Commit @4015ec2b9c92c35ec080b6b05afef11365d72eab

doortts 2017-03-07

usermenu: Load usermenu asynchronously

@4015ec2b9c92c35ec080b6b05afef11365d72eab

59be649

4015ec2

app/controllers/UserApp.java

--- app/controllers/UserApp.java

+++ app/controllers/UserApp.java

...	...	@@ -1154,4 +1154,8 @@
1154	1154	return false;
1155	1155	}
1156	1156	}
	1157	+
	1158	+ public static Result usermenuTabContentList(){
	1159	+ return ok(views.html.common.usermenu_tab_content_list.render());
	1160	+ }
1157	1161	}

59be649

4015ec2

app/views/common/navbar.scala.html

--- app/views/common/navbar.scala.html

+++ app/views/common/navbar.scala.html


                 </form>
             </li>
         </ul>
-        @common.usermenu(null)
+        @common.usermenu()
     </div>
 </header>

59be649

4015ec2

app/views/common/usermenu.scala.html

--- app/views/common/usermenu.scala.html

+++ app/views/common/usermenu.scala.html


 * https://yona.io
 **@
 @import org.apache.commons.lang3.StringUtils
-@(project:Project)
+@()
 @import utils.TemplateHelper._
 @import com.feth.play.module.pa.PlayAuthenticate._
 @import com.feth.play.module.pa.views.html._

             </li>
         </ul>
         <div class="tab-content tab-box">
-            <div class="tab-content">
-                <div class="tab-pane user-project-list active" id="myProjectList">
-                @views.html.index.myProjectList(UserApp.currentUser())
-                </div>
-                <div class="tab-pane user-project-list" id="myOrganizationList">
-                @views.html.index.myOrganizationList(UserApp.currentUser())
-                </div>
+            <div id="usermenu-tab-content-list" class="tab-content">
+                Loading...
             </div>
         </div>
     </div>

4015ec2

app/views/common/usermenu_tab_content_list.scala.html (added)

+++ app/views/common/usermenu_tab_content_list.scala.html

...	...	@@ -0,0 +1,12 @@
	1	+@**
	2	+* Yona, 21st Century Project Hosting SW
	3	+*
	4	+* Copyright Yona & Yobi Authors & NAVER Corp.
	5	+* https://yona.io
	6	+**@
	7	+<div class="tab-pane user-project-list active" id="myProjectList">
	8	+@views.html.index.myProjectList(UserApp.currentUser())
	9	+</div>
	10	+<div class="tab-pane user-project-list" id="myOrganizationList">
	11	+@views.html.index.myOrganizationList(UserApp.currentUser())
	12	+</div>

59be649

4015ec2

app/views/error/notfound_default.scala.html

--- app/views/error/notfound_default.scala.html

+++ app/views/error/notfound_default.scala.html


                     <a href="https://github.com/nforge/yobi/issues?state=open" target="_blank">@Messages("title.yobi.feedback")</a>
                 </li>
             </ul>
-            @common.usermenu(null)
+            @common.usermenu()
         </div>
     </header>
     <div class="page-wrap-outer">

59be649

4015ec2

app/views/layout.scala.html

--- app/views/layout.scala.html

+++ app/views/layout.scala.html


         var UsermenuToggleFavoriteProjectUrl = "@api.routes.UserApi.toggleFoveriteProject("")";
         var UsermenuToggleFoveriteOrganizationUrl = "@api.routes.UserApi.toggleFoveriteOrganization("")";
         var UsermenuGetFoveriteProjectsUrl = "@api.routes.UserApi.getFoveriteProjects()";
+        var UsermenuUrl = "@routes.UserApp.usermenuTabContentList()";
     </script>
     <script type="text/javascript" src="@routes.Assets.at("javascripts/common/yona.Usermenu.js")"></script>
 </body>

59be649

4015ec2

conf/routes

--- conf/routes

+++ conf/routes


 POST           /user/resetVisitedList                                                 controllers.UserApp.resetUserVisitedList()
 GET            /user/isUsed                                                           controllers.UserApp.isUsed(name:String)
 GET            /user/isEmailExist                                                     controllers.UserApp.isEmailExist(email:String)
+GET            /user/usermenuTabContentList                                           controllers.UserApp.usermenuTabContentList()
 GET            /info/leave/:user/:project                                             controllers.UserApp.leave(user, project)
 POST           /user/email                                                            controllers.UserApp.addEmail()
 DELETE         /user/email/delete/:emailId                                            controllers.UserApp.deleteEmail(emailId:Long)

59be649

4015ec2

public/javascripts/common/yona.Usermenu.js

--- public/javascripts/common/yona.Usermenu.js

+++ public/javascripts/common/yona.Usermenu.js


 $(function() {
-    /* Set side navigation */
-    // Also, see index.scala.html for home page menu sliding actions !!
-    var $sidebar = $("#mySidenav");
-    var viewSize = $(window).width();
-    var PIXEL_CRITERIA_FOR_SMALL_DEVICE = 720;  // Criteria to distinguish small devices
-    var SIDE_BAR_DEFAULT_WIDTH = "420px";
+    $.get(UsermenuUrl)
+        .done(function (data) {
+            $("#usermenu-tab-content-list").html(data);
+            afterUsermenuLoaded();
+        })
+        .fail(function (data) {
+            $yobi.alert("Usermenu loading failed: " + data);
+        });;
 
-    $("#main").on("click", function(event){
-        if( $sidebar.width() !== 0 && $(event.target).parents("#mySidenav").length == 0) {
-            closeSidebar($sidebar);
-        }
-    });
+    function afterUsermenuLoaded(){
+        /* Set side navigation */
+        // Also, see index.scala.html for home page menu sliding actions !!
+        var $sidebar = $("#mySidenav");
+        var viewSize = $(window).width();
+        var PIXEL_CRITERIA_FOR_SMALL_DEVICE = 720;  // Criteria to distinguish small devices
+        var SIDE_BAR_DEFAULT_WIDTH = "420px";
 
-    $("#sidebar-open-btn").on("click", function (event) {
-        event.stopPropagation();
-        if( $sidebar.width() !== 0){
-            closeSidebar($sidebar);
-        } else {
-            openSidebar($sidebar);
-            updateStar();
-        }
-    });
-
-    function closeSidebar($sidebar) {
-        $sidebar.width("0").css("border", "none");
-        $(".main-stream").removeClass("span8").addClass("span12");
-    }
-
-    function openSidebar($sidebar){
-        // 720px is a criteria to distinguish small devices
-        if (viewSize > PIXEL_CRITERIA_FOR_SMALL_DEVICE) {
-            $sidebar.width(SIDE_BAR_DEFAULT_WIDTH).css("border", "1px solid #ccc");
-            $(".search-input").focus();
-        } else {
-            $sidebar.width("100vw").css("border", "1px solid #ccc");
-        }
-        $(".main-stream").removeClass("span12").addClass("span8");
-    }
-
-    // used for new project list ui
-    $(".right-menu").on('click', ".myProjectList, a[href='#recentlyVisited'], a[href='#createdByMe'], a[href='#watching'], a[href='#joinmember']", function() {
-        updateStar();
-        setTimeout(function focusToProjectSearchInput() {
-            var $projectSearch = $('.project-search');
-            var $orgSearch = $('.org-search');
-            if (viewSize > PIXEL_CRITERIA_FOR_SMALL_DEVICE) {
-                $projectSearch.focus();
-            }
-            if(!$projectSearch.val()){
-                $projectSearch.val($orgSearch.val());
-            }
-            $orgSearch.val("");
-        }, 200);
-
-    });
-
-    $('.myOrganizationList').on('click', function focusToOrgSearchInput(){
-        setTimeout(function () {
-            var $projectSearch = $('.project-search');
-            var $orgSearch = $('.org-search');
-            if (viewSize > PIXEL_CRITERIA_FOR_SMALL_DEVICE) {
-                $orgSearch.focus();
-            }
-            $orgSearch.val($projectSearch.val());
-            $projectSearch.val("");
-        }, 200);
-    });
-
-    // search by keyword
-    $(".search-input").on("keyup", function() {
-        var value = $(this).val().toLowerCase().trim();
-        $(".user-li").each(function() {
-            $(this).toggle($(this).text().toLowerCase().indexOf(value) !== -1);
-        });
-    }).on("keydown.moveCursorFromInputform", function(e) {
-        switch (e.keyCode) {
-            case 27:   // ESC
+        $("#main").on("click", function(event){
+            if( $sidebar.width() !== 0 && $(event.target).parents("#mySidenav").length == 0) {
                 closeSidebar($sidebar);
-                break;
-            default:
-                break;
+            }
+        });
+
+        $("#sidebar-open-btn").on("click", function (event) {
+            event.stopPropagation();
+            if( $sidebar.width() !== 0){
+                closeSidebar($sidebar);
+            } else {
+                openSidebar($sidebar);
+                updateStar();
+            }
+        });
+
+        function closeSidebar($sidebar) {
+            $sidebar.width("0").css("border", "none");
+            $(".main-stream").removeClass("span8").addClass("span12");
         }
-    });
 
-    $(".project-list > .star-project").on("click", function toggleProjectFavorite(e) {
-        e.stopPropagation();
-        var that = $(this);
-        $.post(UsermenuToggleFavoriteProjectUrl + that.data("projectId"))
-        .done(function (data) {
-            if(data.favored){
-                that.find('i').addClass("starred");
+        function openSidebar($sidebar){
+            // 720px is a criteria to distinguish small devices
+            if (viewSize > PIXEL_CRITERIA_FOR_SMALL_DEVICE) {
+                $sidebar.width(SIDE_BAR_DEFAULT_WIDTH).css("border", "1px solid #ccc");
+                $(".search-input").focus();
             } else {
-                that.find('i').removeClass("starred");
-                that.parent(".project-list").remove();
+                $sidebar.width("100vw").css("border", "1px solid #ccc");
             }
-        })
-            .fail(function (data) {
-                $yobi.alert("Update failed: " + JSON.parse(data.responseText).reason);
-            });
-    });
+            $(".main-stream").removeClass("span12").addClass("span8");
+        }
 
-    $(".org-list > .star-org").on("click", function toggleOrgFavorite(e) {
-        e.stopPropagation();
-        var that = $(this);
-        $.post(UsermenuToggleFoveriteOrganizationUrl + that.data("organizationId"))
-        .done(function (data) {
-            if(data.favored){
-                that.find('i').addClass("starred");
-            } else {
-                that.find('i').removeClass("starred");
+        // used for new project list ui
+        $(".right-menu").on('click', ".myProjectList, a[href='#recentlyVisited'], a[href='#createdByMe'], a[href='#watching'], a[href='#joinmember']", function() {
+            updateStar();
+            setTimeout(function focusToProjectSearchInput() {
+                var $projectSearch = $('.project-search');
+                var $orgSearch = $('.org-search');
+                if (viewSize > PIXEL_CRITERIA_FOR_SMALL_DEVICE) {
+                    $projectSearch.focus();
+                }
+                if(!$projectSearch.val()){
+                    $projectSearch.val($orgSearch.val());
+                }
+                $orgSearch.val("");
+            }, 200);
+
+        });
+
+        $('.myOrganizationList').on('click', function focusToOrgSearchInput(){
+            setTimeout(function () {
+                var $projectSearch = $('.project-search');
+                var $orgSearch = $('.org-search');
+                if (viewSize > PIXEL_CRITERIA_FOR_SMALL_DEVICE) {
+                    $orgSearch.focus();
+                }
+                $orgSearch.val($projectSearch.val());
+                $projectSearch.val("");
+            }, 200);
+        });
+
+        // search by keyword
+        $(".search-input").on("keyup", function() {
+            var value = $(this).val().toLowerCase().trim();
+            $(".user-li").each(function() {
+                $(this).toggle($(this).text().toLowerCase().indexOf(value) !== -1);
+            });
+        }).on("keydown.moveCursorFromInputform", function(e) {
+            switch (e.keyCode) {
+                case 27:   // ESC
+                    closeSidebar($sidebar);
+                    break;
+                default:
+                    break;
             }
-        })
-            .fail(function (data) {
-                $yobi.alert("Update failed: " + JSON.parse(data.responseText).reason);
-            });
-    });
+        });
 
-    // This method intended to sync sub tab list of projects
-    function updateStar(){
-        $.get(UsermenuGetFoveriteProjectsUrl)
-            .done(function(data){
-                $(".star-project").each(function () {
-                    var $this = $(this);
-                    if (data.projectIds.includes($this.data("projectId"))) {
-                        $this.find("i").addClass("starred");
+        $(".project-list > .star-project").on("click", function toggleProjectFavorite(e) {
+            e.stopPropagation();
+            var that = $(this);
+            $.post(UsermenuToggleFavoriteProjectUrl + that.data("projectId"))
+                .done(function (data) {
+                    if(data.favored){
+                        that.find('i').addClass("starred");
                     } else {
-                        $this.find("i").removeClass("starred");
+                        that.find('i').removeClass("starred");
+                        that.parent(".project-list").remove();
                     }
+                })
+                .fail(function (data) {
+                    $yobi.alert("Update failed: " + JSON.parse(data.responseText).reason);
                 });
-            });
+        });
+
+        $(".org-list > .star-org").on("click", function toggleOrgFavorite(e) {
+            e.stopPropagation();
+            var that = $(this);
+            $.post(UsermenuToggleFoveriteOrganizationUrl + that.data("organizationId"))
+                .done(function (data) {
+                    if(data.favored){
+                        that.find('i').addClass("starred");
+                    } else {
+                        that.find('i').removeClass("starred");
+                    }
+                })
+                .fail(function (data) {
+                    $yobi.alert("Update failed: " + JSON.parse(data.responseText).reason);
+                });
+        });
+
+        // This method intended to sync sub tab list of projects
+        function updateStar(){
+            $.get(UsermenuGetFoveriteProjectsUrl)
+                .done(function(data){
+                    $(".star-project").each(function () {
+                        var $this = $(this);
+                        if (data.projectIds.includes($this.data("projectId"))) {
+                            $this.find("i").addClass("starred");
+                        } else {
+                            $this.find("i").removeClass("starred");
+                        }
+                    });
+                });
+        }
     }
 });

Add a comment

Open 0
Closed 0

List

...	...	@@ -122,6 +122,6 @@
122	122	</form>
123	123	</li>
124	124	</ul>
125		- @common.usermenu(null)
	125	+ @common.usermenu()
126	126	</div>
127	127	</header>

...	...	@@ -96,6 +96,7 @@
96	96	POST /user/resetVisitedList controllers.UserApp.resetUserVisitedList()
97	97	GET /user/isUsed controllers.UserApp.isUsed(name:String)
98	98	GET /user/isEmailExist controllers.UserApp.isEmailExist(email:String)
	99	+GET /user/usermenuTabContentList controllers.UserApp.usermenuTabContentList()
99	100	GET /info/leave/:user/:project controllers.UserApp.leave(user, project)
100	101	POST /user/email controllers.UserApp.addEmail()
101	102	DELETE /user/email/delete/:emailId controllers.UserApp.deleteEmail(emailId:Long)

...	...	@@ -5,7 +5,7 @@
5	5	* https://yona.io
6	6	**@
7	7	@import org.apache.commons.lang3.StringUtils
8		-@(project:Project)
	8	+@()
9	9	@import utils.TemplateHelper._
10	10	@import com.feth.play.module.pa.PlayAuthenticate._
11	11	@import com.feth.play.module.pa.views.html._
...	...	@@ -51,13 +51,8 @@
51	51	</li>
52	52	</ul>
53	53	<div class="tab-content tab-box">
54		- <div class="tab-content">
55		- <div class="tab-pane user-project-list active" id="myProjectList">
56		- @views.html.index.myProjectList(UserApp.currentUser())
57		- </div>
58		- <div class="tab-pane user-project-list" id="myOrganizationList">
59		- @views.html.index.myOrganizationList(UserApp.currentUser())
60		- </div>
	54	+ <div id="usermenu-tab-content-list" class="tab-content">
	55	+ Loading...
61	56	</div>
62	57	</div>
63	58	</div>

...	...	@@ -35,7 +35,7 @@
35	35	<a href="https://github.com/nforge/yobi/issues?state=open" target="_blank">@Messages("title.yobi.feedback")</a>
36	36	</li>
37	37	</ul>
38		- @common.usermenu(null)
	38	+ @common.usermenu()
39	39	</div>
40	40	</header>
41	41	<div class="page-wrap-outer">

...	...	@@ -55,6 +55,7 @@
55	55	var UsermenuToggleFavoriteProjectUrl = "@api.routes.UserApi.toggleFoveriteProject("")";
56	56	var UsermenuToggleFoveriteOrganizationUrl = "@api.routes.UserApi.toggleFoveriteOrganization("")";
57	57	var UsermenuGetFoveriteProjectsUrl = "@api.routes.UserApi.getFoveriteProjects()";
	58	+ var UsermenuUrl = "@routes.UserApp.usermenuTabContentList()";
58	59	</script>
59	60	<script type="text/javascript" src="@routes.Assets.at("javascripts/common/yona.Usermenu.js")"></script>
60	61	</body>

...	...	@@ -1,133 +1,144 @@
1	1	$(function() {
2		- /* Set side navigation */
3		- // Also, see index.scala.html for home page menu sliding actions !!
4		- var $sidebar = $("#mySidenav");
5		- var viewSize = $(window).width();
6		- var PIXEL_CRITERIA_FOR_SMALL_DEVICE = 720; // Criteria to distinguish small devices
7		- var SIDE_BAR_DEFAULT_WIDTH = "420px";
	2	+ $.get(UsermenuUrl)
	3	+ .done(function (data) {
	4	+ $("#usermenu-tab-content-list").html(data);
	5	+ afterUsermenuLoaded();
	6	+ })
	7	+ .fail(function (data) {
	8	+ $yobi.alert("Usermenu loading failed: " + data);
	9	+ });;
8	10
9		- $("#main").on("click", function(event){
10		- if( $sidebar.width() !== 0 && $(event.target).parents("#mySidenav").length == 0) {
11		- closeSidebar($sidebar);
12		- }
13		- });
	11	+ function afterUsermenuLoaded(){
	12	+ /* Set side navigation */
	13	+ // Also, see index.scala.html for home page menu sliding actions !!
	14	+ var $sidebar = $("#mySidenav");
	15	+ var viewSize = $(window).width();
	16	+ var PIXEL_CRITERIA_FOR_SMALL_DEVICE = 720; // Criteria to distinguish small devices
	17	+ var SIDE_BAR_DEFAULT_WIDTH = "420px";
14	18
15		- $("#sidebar-open-btn").on("click", function (event) {
16		- event.stopPropagation();
17		- if( $sidebar.width() !== 0){
18		- closeSidebar($sidebar);
19		- } else {
20		- openSidebar($sidebar);
21		- updateStar();
22		- }
23		- });
24		-
25		- function closeSidebar($sidebar) {
26		- $sidebar.width("0").css("border", "none");
27		- $(".main-stream").removeClass("span8").addClass("span12");
28		- }
29		-
30		- function openSidebar($sidebar){
31		- // 720px is a criteria to distinguish small devices
32		- if (viewSize > PIXEL_CRITERIA_FOR_SMALL_DEVICE) {
33		- $sidebar.width(SIDE_BAR_DEFAULT_WIDTH).css("border", "1px solid #ccc");
34		- $(".search-input").focus();
35		- } else {
36		- $sidebar.width("100vw").css("border", "1px solid #ccc");
37		- }
38		- $(".main-stream").removeClass("span12").addClass("span8");
39		- }
40		-
41		- // used for new project list ui
42		- $(".right-menu").on('click', ".myProjectList, a[href='#recentlyVisited'], a[href='#createdByMe'], a[href='#watching'], a[href='#joinmember']", function() {
43		- updateStar();
44		- setTimeout(function focusToProjectSearchInput() {
45		- var $projectSearch = $('.project-search');
46		- var $orgSearch = $('.org-search');
47		- if (viewSize > PIXEL_CRITERIA_FOR_SMALL_DEVICE) {
48		- $projectSearch.focus();
49		- }
50		- if(!$projectSearch.val()){
51		- $projectSearch.val($orgSearch.val());
52		- }
53		- $orgSearch.val("");
54		- }, 200);
55		-
56		- });
57		-
58		- $('.myOrganizationList').on('click', function focusToOrgSearchInput(){
59		- setTimeout(function () {
60		- var $projectSearch = $('.project-search');
61		- var $orgSearch = $('.org-search');
62		- if (viewSize > PIXEL_CRITERIA_FOR_SMALL_DEVICE) {
63		- $orgSearch.focus();
64		- }
65		- $orgSearch.val($projectSearch.val());
66		- $projectSearch.val("");
67		- }, 200);
68		- });
69		-
70		- // search by keyword
71		- $(".search-input").on("keyup", function() {
72		- var value = $(this).val().toLowerCase().trim();
73		- $(".user-li").each(function() {
74		- $(this).toggle($(this).text().toLowerCase().indexOf(value) !== -1);
75		- });
76		- }).on("keydown.moveCursorFromInputform", function(e) {
77		- switch (e.keyCode) {
78		- case 27: // ESC
	19	+ $("#main").on("click", function(event){
	20	+ if( $sidebar.width() !== 0 && $(event.target).parents("#mySidenav").length == 0) {
79	21	closeSidebar($sidebar);
80		- break;
81		- default:
82		- break;
	22	+ }
	23	+ });
	24	+
	25	+ $("#sidebar-open-btn").on("click", function (event) {
	26	+ event.stopPropagation();
	27	+ if( $sidebar.width() !== 0){
	28	+ closeSidebar($sidebar);
	29	+ } else {
	30	+ openSidebar($sidebar);
	31	+ updateStar();
	32	+ }
	33	+ });
	34	+
	35	+ function closeSidebar($sidebar) {
	36	+ $sidebar.width("0").css("border", "none");
	37	+ $(".main-stream").removeClass("span8").addClass("span12");
83	38	}
84		- });
85	39
86		- $(".project-list > .star-project").on("click", function toggleProjectFavorite(e) {
87		- e.stopPropagation();
88		- var that = $(this);
89		- $.post(UsermenuToggleFavoriteProjectUrl + that.data("projectId"))
90		- .done(function (data) {
91		- if(data.favored){
92		- that.find('i').addClass("starred");
	40	+ function openSidebar($sidebar){
	41	+ // 720px is a criteria to distinguish small devices
	42	+ if (viewSize > PIXEL_CRITERIA_FOR_SMALL_DEVICE) {
	43	+ $sidebar.width(SIDE_BAR_DEFAULT_WIDTH).css("border", "1px solid #ccc");
	44	+ $(".search-input").focus();
93	45	} else {
94		- that.find('i').removeClass("starred");
95		- that.parent(".project-list").remove();
	46	+ $sidebar.width("100vw").css("border", "1px solid #ccc");
96	47	}
97		- })
98		- .fail(function (data) {
99		- $yobi.alert("Update failed: " + JSON.parse(data.responseText).reason);
100		- });
101		- });
	48	+ $(".main-stream").removeClass("span12").addClass("span8");
	49	+ }
102	50
103		- $(".org-list > .star-org").on("click", function toggleOrgFavorite(e) {
104		- e.stopPropagation();
105		- var that = $(this);
106		- $.post(UsermenuToggleFoveriteOrganizationUrl + that.data("organizationId"))
107		- .done(function (data) {
108		- if(data.favored){
109		- that.find('i').addClass("starred");
110		- } else {
111		- that.find('i').removeClass("starred");
	51	+ // used for new project list ui
	52	+ $(".right-menu").on('click', ".myProjectList, a[href='#recentlyVisited'], a[href='#createdByMe'], a[href='#watching'], a[href='#joinmember']", function() {
	53	+ updateStar();
	54	+ setTimeout(function focusToProjectSearchInput() {
	55	+ var $projectSearch = $('.project-search');
	56	+ var $orgSearch = $('.org-search');
	57	+ if (viewSize > PIXEL_CRITERIA_FOR_SMALL_DEVICE) {
	58	+ $projectSearch.focus();
	59	+ }
	60	+ if(!$projectSearch.val()){
	61	+ $projectSearch.val($orgSearch.val());
	62	+ }
	63	+ $orgSearch.val("");
	64	+ }, 200);
	65	+
	66	+ });
	67	+
	68	+ $('.myOrganizationList').on('click', function focusToOrgSearchInput(){
	69	+ setTimeout(function () {
	70	+ var $projectSearch = $('.project-search');
	71	+ var $orgSearch = $('.org-search');
	72	+ if (viewSize > PIXEL_CRITERIA_FOR_SMALL_DEVICE) {
	73	+ $orgSearch.focus();
	74	+ }
	75	+ $orgSearch.val($projectSearch.val());
	76	+ $projectSearch.val("");
	77	+ }, 200);
	78	+ });
	79	+
	80	+ // search by keyword
	81	+ $(".search-input").on("keyup", function() {
	82	+ var value = $(this).val().toLowerCase().trim();
	83	+ $(".user-li").each(function() {
	84	+ $(this).toggle($(this).text().toLowerCase().indexOf(value) !== -1);
	85	+ });
	86	+ }).on("keydown.moveCursorFromInputform", function(e) {
	87	+ switch (e.keyCode) {
	88	+ case 27: // ESC
	89	+ closeSidebar($sidebar);
	90	+ break;
	91	+ default:
	92	+ break;
112	93	}
113		- })
114		- .fail(function (data) {
115		- $yobi.alert("Update failed: " + JSON.parse(data.responseText).reason);
116		- });
117		- });
	94	+ });
118	95
119		- // This method intended to sync sub tab list of projects
120		- function updateStar(){
121		- $.get(UsermenuGetFoveriteProjectsUrl)
122		- .done(function(data){
123		- $(".star-project").each(function () {
124		- var $this = $(this);
125		- if (data.projectIds.includes($this.data("projectId"))) {
126		- $this.find("i").addClass("starred");
	96	+ $(".project-list > .star-project").on("click", function toggleProjectFavorite(e) {
	97	+ e.stopPropagation();
	98	+ var that = $(this);
	99	+ $.post(UsermenuToggleFavoriteProjectUrl + that.data("projectId"))
	100	+ .done(function (data) {
	101	+ if(data.favored){
	102	+ that.find('i').addClass("starred");
127	103	} else {
128		- $this.find("i").removeClass("starred");
	104	+ that.find('i').removeClass("starred");
	105	+ that.parent(".project-list").remove();
129	106	}
	107	+ })
	108	+ .fail(function (data) {
	109	+ $yobi.alert("Update failed: " + JSON.parse(data.responseText).reason);
130	110	});
131		- });
	111	+ });
	112	+
	113	+ $(".org-list > .star-org").on("click", function toggleOrgFavorite(e) {
	114	+ e.stopPropagation();
	115	+ var that = $(this);
	116	+ $.post(UsermenuToggleFoveriteOrganizationUrl + that.data("organizationId"))
	117	+ .done(function (data) {
	118	+ if(data.favored){
	119	+ that.find('i').addClass("starred");
	120	+ } else {
	121	+ that.find('i').removeClass("starred");
	122	+ }
	123	+ })
	124	+ .fail(function (data) {
	125	+ $yobi.alert("Update failed: " + JSON.parse(data.responseText).reason);
	126	+ });
	127	+ });
	128	+
	129	+ // This method intended to sync sub tab list of projects
	130	+ function updateStar(){
	131	+ $.get(UsermenuGetFoveriteProjectsUrl)
	132	+ .done(function(data){
	133	+ $(".star-project").each(function () {
	134	+ var $this = $(this);
	135	+ if (data.projectIds.includes($this.data("projectId"))) {
	136	+ $this.find("i").addClass("starred");
	137	+ } else {
	138	+ $this.find("i").removeClass("starred");
	139	+ }
	140	+ });
	141	+ });
	142	+ }
132	143	}
133	144	});

Delete comment