Add search in archive

southbridgeio · Apr 4, 2016 · 74e9f22 · 74e9f22
1 parent ee27122
commit 74e9f22
Show file tree

Hide file tree

Showing 6 changed files with 76 additions and 5 deletions.
diff --git a/app/views/issues/_chat_telegram_assets.html.erb b/app/views/issues/_chat_telegram_assets.html.erb
@@ -2,4 +2,5 @@
   <%= stylesheet_link_tag 'style', :plugin => 'redmine_chat_telegram' %>
   <%= stylesheet_link_tag 'jquery.datetimepicker', :plugin => 'redmine_chat_telegram' %>
   <%= javascript_include_tag 'jquery.datetimepicker.full.min', :plugin => 'redmine_chat_telegram' %>
+  <%= javascript_include_tag 'fuse.min', :plugin => 'redmine_chat_telegram' %>
 <% end %>
diff --git a/app/views/telegram_messages/_message.html.erb b/app/views/telegram_messages/_message.html.erb
@@ -6,7 +6,7 @@
     <span><%= message.message %></div>
   </div>
 <% else %>
-  <div class="telegram-message" data-sent-at=<%= message.sent_at.to_i %>>
+  <div class="telegram-message" id="telegram_message_<%= message.id %>" data-sent-at=<%= message.sent_at.to_i %>>
     <%= check_box_tag 'telegram_message_ids[]', message.id, false, class: "telegram-message-checkbox" %>
     <time><%= format_time message.sent_at, false %></time>
     <div class="telegram-author-photo <%= "user-bgcolor-#{color_number_for_user(message.user_id)}" %>">

diff --git a/app/views/telegram_messages/_modal_window.html.erb b/app/views/telegram_messages/_modal_window.html.erb
@@ -1,6 +1,13 @@
-<div class="archive-date-picker">
-  <span>Перейти к дате:</span>
-  <input id="datetimepicker" type="text" placeholder="выберите дату">
+<div class="archive-top">
+  <div class="archive-datetimepicker">
+    <span>Перейти к дате:</span>
+    <input id="datetimepicker" type="text" placeholder="выберите дату">
+  </div>
+  <div class="archive-search">
+    <span>Поиск:</span>
+    <input size="38" id="telegram-search-input" type="text" data-messages="<%= @telegram_messages.to_json %>" placeholder="введите строку для поиска">
+  </div>
+  <div style="clear: both;"></div>
   <hr>
 </div>
 <%= render partial: 'archive_form'%>

diff --git a/app/views/telegram_messages/index.js.erb b/app/views/telegram_messages/index.js.erb
@@ -67,3 +67,35 @@ $(".telegram-message").hover(function(){
     $(this).find(".telegram-message-checkbox").css("visibility", "hidden");
   }
 })
+
+
+// Search
+var messages = $("#telegram-search-input").data("messages")
+
+var searchOptions = {
+  caseSensitive: false,
+  tokenize: true,
+  threshold: 0.0,
+  location: 0,
+  distance: 10000,
+  maxPatternLength: 32,
+  keys: ["message"]
+};
+
+var fuse = new Fuse(messages, searchOptions);
+
+$("#telegram-search-input").keyup(function(event){
+  query = event.target.value
+  console.log(query)
+  if (query){
+    $(".archive-form").children().hide()
+    matchedMessages = fuse.search(query)
+    matchedMessages.forEach(function(message){
+      if (!message['is_system']){
+        $("#telegram_message_" + message.id).show()
+      }
+    })
+  } else {
+    $(".archive-form").children().show()
+  }
+})
diff --git a/assets/javascripts/fuse.min.js b/assets/javascripts/fuse.min.js
diff --git a/assets/stylesheets/style.css b/assets/stylesheets/style.css
@@ -8,10 +8,21 @@
   overflow: auto;
 }
 
-.archive-date-picker{
+.archive-top{
   height: 40px;
 }
 
+.archive-datetimepicker{
+  float:left;
+}
+
+.archive-search{
+  float:right;
+}
+
+.archive-submit-button{
+  float:right;
+}
 
 .telegram-message{
   padding: 15px 0px;