feat(api): add JSON eXtract feature

Author: Дмитрий Бережнов

front/assets/js/app-search.js

@@ -400,12 +400,15 @@ $("#search").click(function(){
     //event.preventDefault();
 });
 
-$("#xtract_csv").click(function(){
+$( ".xtract_it" ).click(function(){
     $("#loading").removeClass('invisible');
     fname = (Math.random() + 1).toString(36).substring(4);
     fields = []
     tf = []
     xql = $('#xql').val()
+    format = $(this).hasClass('csv') ? 'csv' : 'json'
+    filePath = '/data/' + fname + "." + format
+    action = 'prepare_' + format
     indexOfLargestValue = 0
     for (var k in fmapping) {
       if (fmapping[k] =="date") {
@@ -425,7 +428,7 @@ $("#xtract_csv").click(function(){
       fields = mapping;
     }
     var post = {
-      "action": "prepare_csv",
+      "action": action,
       "search" : {
         "index": $('#igs').val(),
         "fields": fields,
@@ -449,8 +452,8 @@ $("#xtract_csv").click(function(){
       contentType: 'application/json',
       success: function (data) {},
       error: function (data) {
-        $("#download_link").html("<a href='/data/"+fname+".csv'>скачать</a>");
-        document.location.href = "/data/"+fname+".csv";
+        $("#download_link").html("<a href='" + filePath + "'>скачать</a>");
+        document.location.href = filePath;
       }
     })
     $("#loading").addClass('invisible');

front/search.html

@@ -69,7 +69,16 @@
                   <button type="button" class="btn btn-primary btn-sm" id="search">Search</button>
                 </div>
                 <div class="col">
-                  <button type="button" class="btn btn-success btn-sm" id="xtract_csv" disabled>Xtract it</button>
+                  <div class="btn-group" role="group">
+                    <button id="xtract_it" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                      Xtract it
+                    </button>
+                    <div class="dropdown-menu" aria-labelledby="xtract_it">
+                      <a class="dropdown-item xtract_it csv" href="#">CSV</a>
+                      <a class="dropdown-item xtract_it json" href="#">JSON</a>
+                    </div>
+                  </div>
+
                   <span id="download_link"></span>
                 </div>
               </div>