From 9fb88a6b92d032c2ffa2c8259e3afd68b21d828c Mon Sep 17 00:00:00 2001
From: yuri <yurak@list.ru>
Date: Fri, 30 Oct 2015 17:48:48 +0200
Subject: [PATCH] changes for navigation buttons

---
 frontend/client/res/templates/record/detail.tpl |  2 +-
 frontend/client/src/views/record/detail.js      | 15 +++++++++++----
 frontend/less/espo/custom.less                  |  2 +-
 frontend/less/espo/variables.less               |  6 ++++--
 4 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/frontend/client/res/templates/record/detail.tpl b/frontend/client/res/templates/record/detail.tpl
index f25570eeca..5f5cab5915 100644
--- a/frontend/client/res/templates/record/detail.tpl
+++ b/frontend/client/res/templates/record/detail.tpl
@@ -14,7 +14,7 @@
         </ul>
         {{/if}}
         </div>
-        {{#if nextPreviousButtonsEnabled}}
+        {{#if navigateButtonsEnabled}}
         <div class="pull-right">
             <div class="btn-group" role="group">
                 <button type="button" class="btn btn-default action {{#unless previousButtonEnabled}} disabled{{/unless}}" data-action="previous">
diff --git a/frontend/client/src/views/record/detail.js b/frontend/client/src/views/record/detail.js
index f4cd3edefe..25e765b6fa 100644
--- a/frontend/client/src/views/record/detail.js
+++ b/frontend/client/src/views/record/detail.js
@@ -90,6 +90,8 @@ Espo.define('views/record/detail', 'views/record/base', function (Dep) {
 
         editModeDisabled: false,
 
+        navigateButtonsDisabled: false,
+
         readOnly: false,
 
         isWide: false,
@@ -316,12 +318,11 @@ Espo.define('views/record/detail', 'views/record/base', function (Dep) {
         },
 
         data: function () {
-
-            var nextPreviousButtonsEnabled = !!this.model.collection;
+            var navigateButtonsEnabled = !this.navigateButtonsDisabled && !!this.model.collection;
 
             var previousButtonEnabled = false;
             var nextButtonEnabled = false;
-            if (nextPreviousButtonsEnabled) {
+            if (navigateButtonsEnabled) {
                 if (this.indexOfRecord > 0) {
                     previousButtonEnabled = true;
                 }
@@ -351,7 +352,7 @@ Espo.define('views/record/detail', 'views/record/base', function (Dep) {
                 id: this.id,
                 isWide: this.isWide,
                 isSmall: this.type == 'editSmall' || this.type == 'detailSmall',
-                nextPreviousButtonsEnabled: nextPreviousButtonsEnabled,
+                navigateButtonsEnabled: navigateButtonsEnabled,
                 previousButtonEnabled: previousButtonEnabled,
                 nextButtonEnabled: nextButtonEnabled
             }
@@ -447,6 +448,12 @@ Espo.define('views/record/detail', 'views/record/base', function (Dep) {
                 }
             }
 
+            if (!this.navigateButtonsDisabled) {
+                if ('navigateButtonsDisabled' in this.options) {
+                    this.navigateButtonsDisabled = this.options.navigateButtonsDisabled;
+                }
+            }
+
             if (this.model.isNew()) {
                 this.isNew = true;
                 this.removeButton('delete');
diff --git a/frontend/less/espo/custom.less b/frontend/less/espo/custom.less
index b6ba02aa0e..b39552e9c9 100644
--- a/frontend/less/espo/custom.less
+++ b/frontend/less/espo/custom.less
@@ -601,7 +601,7 @@ td.cell-buttons > .btn-group {
 
 .stick-sub.button-container {
     background-color: @body-bg;
-    padding: 3px 3px 3px 0;
+    padding: 3px @container-padding*2 3px 0;
     width: 100%;
 }
 
diff --git a/frontend/less/espo/variables.less b/frontend/less/espo/variables.less
index 235a39880f..4df4569d3e 100644
--- a/frontend/less/espo/variables.less
+++ b/frontend/less/espo/variables.less
@@ -17,11 +17,13 @@
 @grid-gutter-width: 16px;
 @container-lg: @container-large-desktop;
 
+@container-padding: 15px;
+
 .container-fixed() {
   margin-right: auto;
   margin-left: auto;
-  padding-left: 15px;
-  padding-right: 15px;
+  padding-left: @container-padding;
+  padding-right: @container-padding;
   .clearfix();
 }