populate-me 0.12.0 → 0.13.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b2770ba89bcfa96ad56baafdf141c67891317044051f44b117a8e6b438f7c432
-  data.tar.gz: f076278f23d91e5c59c141b39698c34a9083c5861ba01f41a3692d587bc0b73b
+  metadata.gz: 514291d44eb8b068db7c98d742dc8395a5a2821255ac31ba054522823f6c55d9
+  data.tar.gz: 5a5c76cec480ed1c057ee70d33a38f21f1bd536c3ca5eabfdbbf2bf1d14c4b3c
 SHA512:
-  metadata.gz: f952a4160015147d54bab9a504f189613521e33342561e95ae33710cb2c3929a9a9512a96d6b0ed2812571a3faa7c972f3b550556884e44c9c0cd7df19922ed0
-  data.tar.gz: cd10b6ec3d88432f6255803150c6c1b129b0ffab6a6736d92243238976cfbf295413ea5a1cd9251029edfd798cdead3ac98fcbf51cd3f415a0011702ada41c5b
+  metadata.gz: 72e7c460a58523cf8cd9a1e9dadba107f5bfa810ec552b93af0fe113d4bf98f0941cb168ac4323291ab5fee478c1d018ceaa017c2f4bf5ea3460ce6d0b4a4130
+  data.tar.gz: 41cf0a2e8705a2b184e3c840b001424cd4d69f00a447da72b89d2339ee0390a24b76c07e886b48127594ed73ad762e43560497097aa672dbc89ff2d7c9af2141

data/lib/populate_me/admin/__assets__/css/main.css

@@ -184,16 +184,20 @@ form {
   margin-bottom: 1em;
 }
 
-input[type=text], input[type=email],
+input[type=text], input[type=email], input[type=search],
 textarea {
   border: 0px;
   color: #839496;
-  background: #ffffff;
+  background-color: #ffffff;
   width: 400px;
   padding: 0.5em;
   font-size: 1em;
+  outline: 0;
+}
+input[type=text].search-items {
+  border-radius: 1em;
 }
-input[type=text]:focus, input[type=email]:focus,
+input[type=text]:focus, input[type=email]:focus, input[type=email]:focus,
 textarea:focus {
   /* color: #002b36; */
 }

data/lib/populate_me/admin/__assets__/js/columnav.js

@@ -45,14 +45,18 @@
      root.busy = false;
      root.on('push.columnav', function(e,data,cb) {
        var $data = $("<li class='"+settings.column_class+"'>"+data+"</li>");
-       root.append($data);
-       new_column($data, root);
-       var cb_object = {event:e,column:$data,container:root,settings:settings};
-       root.animate({scrollLeft: root.width()},function(){
+       async function push_callback_stack() {
+         await root.append($data);
+         await new_column($data, root);
+         var cb_object = {event:e,column:$data,container:root,settings:settings};
+         await settings.on_push(cb_object);
+         if (typeof cb == 'function') await cb(cb_object);
          root.busy = false;
-         settings.on_push(cb_object);
-         if (typeof cb == 'function') cb(cb_object);
-       });
+         root.find('> li:last-child').get(0).scrollIntoView({
+           behavior: 'smooth', inline: 'start'
+         });
+       }
+       push_callback_stack();
      });
      root.on('getandpush.columnav', function(e,url,cb) {
        $.get(url, function(data) {
@@ -63,7 +67,7 @@
        });
      });
      root.on('pop.columnav', function(e,removable,cb) {
-       removable = removable || root.children().last();
+       removable = removable || root.find('> li:last-child');
        removable.css({visibility:'hidden'})
        .animate({width:0},function(){
          // Trick to make sure it runs only once

data/lib/populate_me/admin/__assets__/js/main.js

@@ -94,12 +94,24 @@ PopulateMe.make_sortable = function(selector,context) {
   });
 };
 
+// Copy and restore column search.
+// Used when saving pops the columns.
+PopulateMe.copy_column_search = function(column) {
+  return column.find('.search-items').val();
+};
+PopulateMe.restore_column_search = function(column, value) {
+  if (value !== '' && column.data('qs')) {
+    column.find('.search-items').val(value);
+    column.data('qs').search(value);
+  }
+};
+
 // Scroll to an element, possibly in a specific column.
 PopulateMe.scroll_to = function(el, column) {
   if (!column) {
     column = el.closest('.column');
   }
-  column.animate({scrollTop: el.position().top});
+  el.get(0).scrollIntoView({ behavior: 'smooth'});
 };
 
 // Mark errors for report after form validation.
@@ -162,33 +174,54 @@ PopulateMe.jsValidationsPassed = function(context) {
 // in case you have things to put in your custom javascript.
 PopulateMe.init_column = function(c) {
 
+  var documents = $('.documents', c); 
+
   // Sort list item
-  PopulateMe.make_sortable('.documents',c).bind('sortupdate', function(e, ui) {
-    var list = $(ui.item).closest('.documents');
-    var ids = list.children().map(function() {
-      return $(this).data().id;
-    }).get();
-    $.ajax({
-      url: list.data().sortUrl,
-      type: 'put',
-      data: {
-        action: 'sort',
-        field: list.data().sortField,
-        ids: ids
-      }
+  if (documents.data('sort-field') !== '') {
+    PopulateMe.make_sortable(documents).bind('sortupdate', function(e, ui) {
+      var list = $(ui.item).closest('.documents');
+      var ids = list.children().map(function() {
+        return $(this).data().id;
+      }).get();
+      $.ajax({
+        url: list.data().sortUrl,
+        type: 'put',
+        data: {
+          action: 'sort',
+          field: list.data().sortField,
+          ids: ids
+        }
+      });
+      /*
+      ui.item contains the current dragged element.
+      ui.item.index() contains the new index of the dragged element
+      ui.oldindex contains the old index of the dragged element
+      ui.startparent contains the element that the dragged item comes from
+      ui.endparent contains the element that the dragged item was added to
+      */
     });
-    /*
-    ui.item contains the current dragged element.
-    ui.item.index() contains the new index of the dragged element
-    ui.oldindex contains the old index of the dragged element
-    ui.startparent contains the element that the dragged item comes from
-    ui.endparent contains the element that the dragged item was added to
-    */
-  });
+  }
 
   // Sort nested documents
   PopulateMe.make_sortable('.nested-documents',c);
 
+  $('.search-items', c).each(function() {
+    var field = $(this)
+    var qs = field.quicksearch($('.admin-list-item', c), {
+      selector: '.item-title',
+      onAfter: function() {
+        if (documents.is('.ui-sortable')) {
+          if (field.val() == '') {
+            documents.sortable('enable');
+          } else {
+            documents.sortable('disable');
+          }
+        }
+      }
+    });
+    c.data('qs', qs);
+  });
+
   // Init textareas
   $('textarea',c).trigger('input');
 
@@ -285,11 +318,14 @@ $(function() {
         contentType: false,
         success: function(res) {
           if (res.success==true) {
-            var reloader = PopulateMe.finder.find('> li:nth-last-child(3) .selected')
+            var reloader = PopulateMe.finder.find('> li:nth-last-child(3) .selected');
             if (reloader.size()>0) {
+              var reloadee = PopulateMe.finder.find('> li:nth-last-child(2)');
+              var current_search = PopulateMe.copy_column_search(reloadee);
               reloader.trigger('click.columnav',[function(cb_object) {
-                var target = $('[data-id='+res.data.id+']', cb_object.column);
+                var target = $('[data-id='+res.data._id+']', cb_object.column);
                 if (target.size()>0) {
+                  PopulateMe.restore_column_search(cb_object.column, current_search);
                   PopulateMe.scroll_to(target, cb_object.column);
                 }
               }]);

data/lib/populate_me/admin/__assets__/js/quicksearch.js

@@ -0,0 +1 @@
+(function($,window,document,undefined){$.fn.quicksearch=function(target,opt){var timeout,cache,rowcache,jq_results,val="",e=this,options=$.extend({delay:100,selector:null,stripeRows:null,loader:null,noResults:"",matchedResultsCount:0,bind:"keyup",onBefore:function(){return},onAfter:function(){return},show:function(){this.style.display=""},hide:function(){this.style.display="none"},prepareQuery:function(val){return val.toLowerCase().split(" ")},testQuery:function(query,txt,_row){for(var i=0;i<query.length;i+=1){if(txt.indexOf(query[i])===-1){return false}}return true}},opt);this.go=function(){var i=0,numMatchedRows=0,noresults=true,query=options.prepareQuery(val),val_empty=val.replace(" ","").length===0;for(var i=0,len=rowcache.length;i<len;i++){if(val_empty||options.testQuery(query,cache[i],rowcache[i])){options.show.apply(rowcache[i]);noresults=false;numMatchedRows++}else{options.hide.apply(rowcache[i])}}if(noresults){this.results(false)}else{this.results(true);this.stripe()}this.matchedResultsCount=numMatchedRows;this.loader(false);options.onAfter();return this};this.search=function(submittedVal){val=submittedVal;e.trigger()};this.currentMatchedResults=function(){return this.matchedResultsCount};this.stripe=function(){if(typeof options.stripeRows==="object"&&options.stripeRows!==null){var joined=options.stripeRows.join(" ");var stripeRows_length=options.stripeRows.length;jq_results.not(":hidden").each(function(i){$(this).removeClass(joined).addClass(options.stripeRows[i%stripeRows_length])})}return this};this.strip_html=function(input){var output=input.replace(new RegExp("<[^<]+>","g"),"");output=$.trim(output.toLowerCase());return output};this.results=function(bool){if(typeof options.noResults==="string"&&options.noResults!==""){if(bool){$(options.noResults).hide()}else{$(options.noResults).show()}}return this};this.loader=function(bool){if(typeof options.loader==="string"&&options.loader!==""){bool?$(options.loader).show():$(options.loader).hide()}return this};this.cache=function(){jq_results=$(target);if(typeof options.noResults==="string"&&options.noResults!==""){jq_results=jq_results.not(options.noResults)}var t=typeof options.selector==="string"?jq_results.find(options.selector):$(target).not(options.noResults);cache=t.map(function(){return e.strip_html(this.innerHTML)});rowcache=jq_results.map(function(){return this});val=val||this.val()||"";return this.go()};this.trigger=function(){this.loader(true);options.onBefore();window.clearTimeout(timeout);timeout=window.setTimeout(function(){e.go()},options.delay);return this};this.cache();this.results(true);this.stripe();this.loader(false);return this.each(function(){$(this).on(options.bind,function(){val=$(this).val();e.trigger()})})}})(jQuery,this,document);

data/lib/populate_me/admin/views/page.erb

@@ -46,6 +46,9 @@
         {{/is_polymorphic}}
         <a href="<%= request.script_name %>/form/{{dasherized_class_name}}{{#new_data}}?{{new_data}}{{/new_data}}" class='column-push new-document-btn' title='Create'>+</a>
       </p>
+      <form class='form-search-items'>
+        <input type='text' class='search-items' placeholder='Search'>
+      </form>
       <ol class='documents {{#grid_view}}grid{{/grid_view}}' data-sort-field='{{sort_field}}' data-sort-url='<%= request.script_name %>/api/{{dasherized_class_name}}'>
         {{#items}}{{#custom_partial_or_default}}template_document{{/custom_partial_or_default}}{{/items}}
       </ol>
@@ -57,7 +60,7 @@
           <button type='button' class='admin-delete' title='Delete' value='<%= request.script_name %>/api/{{admin_url}}'>&times;</button>
         </header>
         <a href="<%= request.script_name %>/form/{{admin_url}}" class='column-push' title='Edit'>
-          {{title}}
+          <span class='item-title'>{{title}}</span>
           {{#image_url}}
             <br />
             <img src='{{image_url}}{{cache_buster}}' alt='{{title}}' width='300' />
@@ -176,6 +179,7 @@
     <script src="<%= request.script_name %>/__assets__/js/columnav.js" type="text/javascript" charset="utf-8"></script>
     <%# <script src="<%= request.script_name %1>/__assets__/js/sortable.js" type="text/javascript" charset="utf-8"></script> %>
     <script src="<%= request.script_name %>/__assets__/js/asmselect.js" type="text/javascript" charset="utf-8"></script>
+    <script src="<%= request.script_name %>/__assets__/js/quicksearch.js" type="text/javascript" charset="utf-8"></script>
     <script type="text/javascript">
       window.admin_path = "<%= request.script_name %>";
       window.index_path = "<%= settings.index_path %>";

data/lib/populate_me/document_mixins/admin_adapter.rb

@@ -124,6 +124,7 @@ module PopulateMe
             end
             new_data = Rack::Utils.build_nested_query(data: o[:params][:filter])
           end
+          items = self.admin_find(query: query)
           {
             template: 'template_list',
             grid_view: self.settings[:grid_view]==true,
@@ -135,7 +136,7 @@ module PopulateMe
             sort_field: self.sort_field_for(o),
             # 'command_plus'=> !self.populate_config[:no_plus],
             # 'command_search'=> !self.populate_config[:no_search],
-            items: self.admin_find(query: query).map do |d| 
+            items: items.map do |d| 
               d.to_admin_list_item(o) 
             end
           }

data/lib/populate_me/version.rb

@@ -1,4 +1,4 @@
 module PopulateMe
-  VERSION = '0.12.0'
+  VERSION = '0.13.0'
 end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: populate-me
 version: !ruby/object:Gem::Version
-  version: 0.12.0
+  version: 0.13.0
 platform: ruby
 authors:
 - Mickael Riga
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-07-21 00:00:00.000000000 Z
+date: 2020-08-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: web-utils
@@ -216,6 +216,7 @@ files:
 - lib/populate_me/admin/__assets__/js/jquery-ui.min.js
 - lib/populate_me/admin/__assets__/js/main.js
 - lib/populate_me/admin/__assets__/js/mustache.js
+- lib/populate_me/admin/__assets__/js/quicksearch.js
 - lib/populate_me/admin/__assets__/js/sortable.js
 - lib/populate_me/admin/views/help.erb
 - lib/populate_me/admin/views/page.erb