From 657a0f05ff4da951f48dab7b2a9ffc36d53ae226 Mon Sep 17 00:00:00 2001
From: Alex <kennen.md@gmail.com>
Date: Thu, 30 Mar 2017 17:16:19 +0300
Subject: [PATCH] -Button up

---
 frontend/views/layouts/main.php | 12 +++++++-----
 frontend/web/css/custom.css     | 33 ++++++++++++++++++++++++++++++++-
 frontend/web/js/script.js       | 35 +++++++++++++++++++++++++++++++++++
 3 files changed, 74 insertions(+), 6 deletions(-)

diff --git a/frontend/views/layouts/main.php b/frontend/views/layouts/main.php
index fed59a5..144b3fc 100644
--- a/frontend/views/layouts/main.php
+++ b/frontend/views/layouts/main.php
@@ -147,7 +147,7 @@ _________________________________________________________ -->
   
         <div class="modal fade" id="feedback-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">
           <div class="modal-dialog">
-      
+  
             <div class="modal-content">
               <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
@@ -202,14 +202,14 @@ _________________________________________________________ -->
   
         <div class="modal fade" id="success-modal" tabindex="-1" role="dialog" aria-labelledby="Success" aria-hidden="true">
           <div class="modal-dialog">
-      
+  
             <div class="modal-content">
               <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
                 <h3 class="modal-title" id="Success">Success</h3>
               </div>
               <div class="modal-body">
-          
+  
                 <p>Thank for your reply, we will call you, maybe.</p>
                 <p class="text-center">
                   <button type="button" class="btn btn-template-primary" data-dismiss="modal">Close</button>
@@ -234,7 +234,7 @@ _________________________________________________________ -->
                           'links' => isset($this->params[ 'breadcrumbs' ]) ? $this->params[ 'breadcrumbs' ] : [],
                       ]
                   ) ?>
-        
+
               </div>
             </div>
           </div>
@@ -424,7 +424,9 @@ _________________________________________________________ -->
         <!-- /#copyright -->
   
         <!-- *** COPYRIGHT END *** -->
-
+  
+        <div id="content">Scroll &darr;</div>
+        <a href="#" id="back-to-top" title="Back to top">&uarr;</a>
 
       </div>
       <!-- /#all -->
diff --git a/frontend/web/css/custom.css b/frontend/web/css/custom.css
index 39db962..990a9eb 100644
--- a/frontend/web/css/custom.css
+++ b/frontend/web/css/custom.css
@@ -77,11 +77,42 @@
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
-
 .has-success .form-control {
     border-color: #d6e9c6;
 }
 
 .has-error .form-control {
     border-color: #ebccd1;
+}
+
+#back-to-top {
+    position: fixed;
+    bottom: 90px;
+    right: 120px;
+    z-index: 9999;
+    width: 50px;
+    height: 50px;
+    text-align: center;
+    line-height: 30px;
+    background: #f5f5f5;
+    color: #444;
+    cursor: pointer;
+    border-radius: 50%;
+    text-decoration: none;
+    transition: opacity 0.2s ease-out;
+    opacity: 0;
+    border-color: #38a7bb;
+    border-width: 2px;
+}
+
+#back-to-top:hover {
+    background: #e9ebec;
+}
+
+#back-to-top.show {
+    opacity: 1;
+}
+
+#content {
+    height: 2000px;
 }
\ No newline at end of file
diff --git a/frontend/web/js/script.js b/frontend/web/js/script.js
index 2df5e90..af2b67d 100644
--- a/frontend/web/js/script.js
+++ b/frontend/web/js/script.js
@@ -1,5 +1,6 @@
 $(
     function() {
+
         $(document)
             .on(
                 'beforeSubmit', '#feedback-form', function(e) {
@@ -31,5 +32,39 @@ $(
                     e.preventDefault();
                 }
             );
+
+        if ($('#back-to-top').length) {
+            var scrollTrigger = 100, // px
+                backToTop = function() {
+                    var scrollTop = $(window)
+                        .scrollTop();
+                    if (scrollTop > scrollTrigger) {
+                        $('#back-to-top')
+                            .addClass('show');
+                    } else {
+                        $('#back-to-top')
+                            .removeClass('show');
+                    }
+                };
+            backToTop();
+            $(window)
+                .on(
+                    'scroll', function() {
+                        backToTop();
+                    }
+                );
+            $('#back-to-top')
+                .on(
+                    'click', function(e) {
+                        e.preventDefault();
+                        $('html,body')
+                            .animate(
+                                {
+                                    scrollTop: 0
+                                }, 700
+                            );
+                    }
+                );
+        }
     }
 );
\ No newline at end of file
--
libgit2 0.21.4