From 74b337f1a105950e261d804a015fa248f9b94891 Mon Sep 17 00:00:00 2001
From: Mokaddem <mokaddem.sami@gmail.com>
Date: Thu, 7 Jul 2016 09:31:04 +0200
Subject: [PATCH] search preview modal do not duplicate anymore but still needs
 improvements

---
 var/www/templates/search.html | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/var/www/templates/search.html b/var/www/templates/search.html
index 218bf606..deb53537 100644
--- a/var/www/templates/search.html
+++ b/var/www/templates/search.html
@@ -132,6 +132,10 @@ $(document).ready(function(){
 
 <!-- Dynamically update the modal -->
 <script type="text/javascript">
+    // static data
+    var alert_message = '<div class="alert alert-info alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><strong>No more data.</strong>The full paste is displayed.</div>';
+   
+
     // On click, get html content from url and update the corresponding modal
     $("[data-toggle='modal']").on("click", function (event) {
         event.preventDefault();
@@ -139,26 +143,30 @@ $(document).ready(function(){
         var url = " {{ url_for('showpreviewpaste')  }}?paste=" + $(this).attr('data-path') + "&num=" + $(this).attr('data-num');
         $.get(url, function (data) {
             $("#mymodalbody").html(data);
-
-            var button = '<button type="button" id="load-more-button" class="btn btn-info btn-xs pull-left" data-url="' + $(modal).attr('data-path') +'" data-toggle="tooltip" data-placement="bottom" title="Load more content"><span class="glyphicon glyphicon-download"></span></button>';
+            var button = '<button type="button" id="load-more-button" class="btn btn-info btn-xs center-block" data-url="' + $(modal).attr('data-path') +'" data-toggle="tooltip" data-placement="bottom" title="Load more content"><span class="glyphicon glyphicon-download"></span></button>';
             $("#mymodalbody").children(".panel-default").append(button);
 
             $("#button_show_path").attr('href', $(modal).attr('data-url'));
             $("#button_show_path").show('fast');
             
-            var index_preview = 0 // used for load more preview
+            var index_preview = 1 // used for load more preview
             
             // On load more content click, replace paste content
             $("#load-more-button").on("click", function (event) {
                 $.get("{{ url_for('getmoredata') }}"+"?paste="+$(modal).attr('data-path')+"&index="+index_preview, function(data, status){
                     index_preview++;
-                    console.log($("#mymodalbody").find("#panel-body"));
-                    var new_content = $('<p><xmp>'+data+'</xmp></p>').hide();
-                    $("#mymodalbody").find("#panel-body").append(new_content);
-                    new_content.show('fast');
+                    if (data != "") {
+                        var new_content = $('<p><xmp>'+data+'</xmp></p>').hide();
+                        $("#mymodalbody").find("#panel-body").append(new_content);
+                        new_content.show('fast');
+                    } else { // no more data
+                        var new_content = $(alert_message).hide();
+                        $("#mymodalbody").find("#panel-body").append(new_content);
+                        new_content.show('fast');
+                        $("#load-more-button").hide();
+                    }
                 });
             });
-
         });
     });
 
@@ -166,6 +174,7 @@ $(document).ready(function(){
     $("#mymodal").on('hidden.bs.modal', function () {
             $("#mymodalbody").html("<p>Loading paste information...</p>");
             $("#button_show_path").attr('href', '');
+            $("#button_show_path").hide();
     });