diff --git a/changelog.html b/changelog.html index ba946537..1dcca515 100644 --- a/changelog.html +++ b/changelog.html @@ -1,3 +1,18 @@ +
Minimum: 250
Default: 340", old_val, function(new_val) {
- if ( new_val === null || new_val === undefined )
- return;
+ utils.prompt("Right Sidebar Width", "Please enter a new width for the right sidebar, in pixels.
Minimum: 250
Default: 340", old_val, function(new_val) {
+ if ( new_val === null || new_val === undefined )
+ return;
- var width = parseInt(new_val);
- if ( ! width || Number.isNaN(width) || ! Number.isFinite(width) )
- width = 340;
+ var width = parseInt(new_val);
+ if ( ! width || Number.isNaN(width) || ! Number.isFinite(width) )
+ width = 340;
- f.settings.set('right_column_width', Math.max(250, width));
- });
- },
+ f.settings.set('right_column_width', Math.max(250, width));
+ });
+ },
on_update: function(val) {
- if ( this.has_bttv )
- return;
+ if ( this.has_bttv )
+ return;
- var Layout = utils.ember_lookup('service:layout');
- if ( ! Layout )
- return;
+ var Layout = utils.ember_lookup('service:layout');
+ if ( ! Layout )
+ return;
- Layout.set('rightColumnWidth', val);
- Ember.propertyDidChange(Layout, 'contentWidth');
- }
- };
+ Layout.set('rightColumnWidth', val);
+ Ember.propertyDidChange(Layout, 'contentWidth');
+ }
+};
+
+
+FFZ.settings_info.minimize_navigation = {
+ type: "boolean",
+ value: false,
+
+ category: "Sidebar",
+ no_mobile: true,
+ no_bttv: true,
+
+ name: "Minimize Navigation",
+ help: "Slide the navigation bar mostly out of view when it's not being used.",
+
+ on_update: function(val) {
+ if ( this.has_bttv )
+ return;
+
+ var Layout = utils.ember_lookup('service:layout');
+ if ( ! Layout )
+ return;
+
+ utils.toggle_cls('ffz-sidebar-minimize')(val);
+ Layout.set('ffzMinimizeNavigation', val);
+ //Ember.propertyDidChange(Layout, 'contentWidth');
+ }
+}
// --------------------
@@ -135,7 +161,8 @@ FFZ.prototype.setup_layout = function() {
if ( this.has_bttv )
return;
- document.body.classList.toggle("ffz-sidebar-swap", this.settings.swap_sidebars);
+ utils.toggle_cls("ffz-sidebar-swap")(this.settings.swap_sidebars);
+ utils.toggle_cls('ffz-sidebar-minimize')(this.settings.minimize_navigation);
this.log("Creating layout style element.");
var s = this._layout_style = document.createElement('style');
@@ -186,12 +213,12 @@ FFZ.prototype.setup_layout = function() {
}.property("ffzExtraHeight", "windowWidth", "rightColumnWidth", "fullSizePlayerDimensions", "windowHeight"),
contentWidth: function() {
- var left_width = this.get("isLeftColumnClosed") ? 50 : 240,
+ var left_width = this.get('ffzMinimizeNavigation') ? 10 : this.get("isLeftColumnClosed") ? 50 : 240,
right_width = ! f.has_bttv && this.get('portraitMode') ? 0 : this.get("isRightColumnClosed") ? 0 : this.get("rightColumnWidth");
return this.get("windowWidth") - left_width - right_width - 60;
- }.property("windowWidth", "portraitMode", "isRightColumnClosed", "isLeftColumnClosed", "rightColumnWidth"),
+ }.property("windowWidth", 'ffzMinimizeNavigation', "portraitMode", "isRightColumnClosed", "isLeftColumnClosed", "rightColumnWidth"),
ffzExtraHeight: function() {
return (f.settings.channel_bar_collapse ? 10 : 60) + 15 +
@@ -223,7 +250,7 @@ FFZ.prototype.setup_layout = function() {
}.property("ffzExtraHeight", "contentWidth", "windowHeight", "portraitMode", "PLAYER_CONTROLS_HEIGHT"),
- fullSizePlayerStyle: function() {
+ playerStyle: function() {
var size = this.get('fullSizePlayerDimensions');
return '