Download as
Browse Code »

Commit ce1c8afe4e65e55efa1feadbb3d48eb20e92a24f

Authored by Michel Felipe
1 parent 82270a3f
Exists in theme-brasil-digital-from-staging and in 9 other branches angular_poc, api-article-archived, backup-7-jan-2016, captcha_serpro_plugin, login-captcha, production, resend_confirmation_email, staging, staging_rails3

Added tags widget on tasks list using inputosaurus jquery plugin

Showing 3 changed files with 34 additions and 0 deletions   Show diff stats
app/views/tasks/_task.html.erb
  Diff comments   View file @ce1c8af
... ... @@ -40,6 +40,13 @@
40 40 <%= render :partial => partial_for_class(task.class, nil, :reject_details), :locals => {:task => task, :f => f} %>
41 41 </div>
42 42 <% end %>
  43 +
  44 + <div class="formfieldline">
  45 + <div class="formfield tag-list-fields">
  46 + <%= labelled_text_field(_('Tags'),"tasks[#{task.id}][task][tag_list]", '', :size => 36, :class => 'tag-list') %>
  47 + </div>
  48 + </div>
  49 +
43 50 <% end %>
44 51  
45 52 </div><!-- class="task_box" -->
... ...
app/views/tasks/index.html.erb
  Diff comments   View file @ce1c8af
... ... @@ -51,6 +51,13 @@
51 51 </p>
52 52 </ul>
53 53  
  54 + <script>
  55 + jQuery('.tag-list').inputosaurus({
  56 + autoCompleteSource: <%= "'/myprofile/#{profile.identifier}/cms/search_tags'," %>
  57 + activateFinalResult : true
  58 + })
  59 + </script>
  60 +
54 61 <%= pagination_links(@tasks)%>
55 62  
56 63 <% button_bar do %>
... ...
public/stylesheets/tasks.css
  Diff comments   View file @ce1c8af
... ... @@ -44,3 +44,23 @@
44 44 text-decoration: underline;
45 45 font-weight: bold;
46 46 }
  47 +
  48 +/* Task tags list */
  49 +
  50 +.formfieldline label {
  51 + font-weight: bold;
  52 + margin: 0 5px 0 10px;
  53 +}
  54 +
  55 +.formfieldline .inputosaurus-container {
  56 + vertical-align: middle;
  57 +}
  58 +
  59 +.tag-list-fields input {
  60 + background-color: #fff !important;
  61 +}
  62 +
  63 +.formfield.tag-list-fields .ui-autocomplete-loading {
  64 + background: url('/images/loading-small.gif') right center no-repeat !important;
  65 + background-color: #fff !important;
  66 +}
... ...