rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add collapsed classes on app element

Browse Source
This commit is contained in:
Mo Bitar
2018-12-16 12:05:40 -06:00
parent dcd44083ac
commit 1d59fb7c90
7 changed files with 33 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/javascripts/app/controllers/home.js
View File

@@ -11,6 +11,17 @@ angular.module('app')
$rootScope.$broadcast('new-update-available', version);
}
$rootScope.$on("panel-resized", (event, info) => {
if(info.panel == "notes") { this.notesCollapsed = info.collapsed; }
if(info.panel == "tags") { this.tagsCollapsed = info.collapsed; }
let appClass = "";
if(this.notesCollapsed) { appClass += "collapsed-notes"; }
if(this.tagsCollapsed) { appClass += " collapsed-tags"; }
$scope.appClass = appClass;
})
/* Used to avoid circular dependencies where syncManager cannot be imported but rootScope can */
$rootScope.sync = function(source) {
syncManager.sync();

6
app/assets/javascripts/app/controllers/notes.js
View File

@@ -66,14 +66,18 @@ angular.module('app')
let width = authManager.getUserPrefValue("notesPanelWidth");
if(width) {
this.panelController.setWidth(width);
if(this.panelController.isCollapsed) {
$rootScope.$broadcast("panel-resized", {panel: "notes", collapsed: this.panelController.isCollapsed})
}
}
}
this.loadPreferences();
this.onPanelResize = function(newWidth) {
this.onPanelResize = function(newWidth, lastLeft, isAtMaxWidth, isCollapsed) {
authManager.setUserPrefValue("notesPanelWidth", newWidth);
authManager.syncUserPreferences();
$rootScope.$broadcast("panel-resized", {panel: "notes", collapsed: isCollapsed})
}
angular.element(document).ready(() => {

6
app/assets/javascripts/app/controllers/tags.js
View File

@@ -47,13 +47,17 @@ angular.module('app')
let width = authManager.getUserPrefValue("tagsPanelWidth");
if(width) {
this.panelController.setWidth(width);
if(this.panelController.isCollapsed) {
$rootScope.$broadcast("panel-resized", {panel: "tags", collapsed: this.panelController.isCollapsed})
}
}
}
this.loadPreferences();
this.onPanelResize = function(newWidth) {
this.onPanelResize = function(newWidth, lastLeft, isAtMaxWidth, isCollapsed) {
authManager.setUserPrefValue("tagsPanelWidth", newWidth, true);
$rootScope.$broadcast("panel-resized", {panel: "tags", collapsed: isCollapsed})
}
this.componentManager = componentManager;

8
app/assets/javascripts/app/directives/views/panelResizer.js
View File

@@ -32,6 +32,10 @@ class PanelResizer {
scope.control.flash = function() {
scope.flash();
}
scope.control.isCollapsed = function() {
return scope.isCollapsed();
}
}
controller($scope, $element, modelManager, actionsManager, $timeout, $compile) {
@@ -61,7 +65,7 @@ class PanelResizer {
$scope.setWidth(minWidth);
}
$scope.finishSettingWidth();
$scope.onResizeFinish()(lastWidth, lastLeft, $scope.isAtMaxWidth());
$scope.onResizeFinish()(lastWidth, lastLeft, $scope.isAtMaxWidth(), collapsed);
})
}
@@ -274,7 +278,7 @@ class PanelResizer {
let isMaxWidth = $scope.isAtMaxWidth();
if($scope.onResizeFinish) {
$scope.onResizeFinish()(lastWidth, lastLeft, isMaxWidth);
$scope.onResizeFinish()(lastWidth, lastLeft, isMaxWidth, $scope.isCollapsed());
}
$scope.finishSettingWidth();