Adds #170 - Copy Localization Key to clipboard

Author: mlitwiniuk

app/assets/javascripts/lit/backend/localizations.js.coffee

@@ -2,25 +2,32 @@
 $(document).ready ->
   $('td.localization_row[data-editing=0]').on 'click', ->
     $this = $(this)
-    if parseInt($this.data('editing'))==0
+    if parseInt($this.data('editing')) == 0
       edited_rows[$this.data('id')] = $this.html()
       unless parseInt($this.data('editing'))
         $this.data('editing', '1')
         $.get $this.data('edit')
-  $('td.localization_row').on 'click', 'form button.cancel', (e)->
+  $('td.localization_row').on 'click', 'form button.cancel', (e) ->
     $this = $(this)
-    if $this[0].localName=='button'
+    if $this[0].localName == 'button'
       $this = $this.parents('td.localization_row')
     $this.data('editing', 0)
     $this.html edited_rows[$this.data('id')]
     e.preventDefault()
     false
-  $('tr.localization_versions_row').on 'click', '.close_versions', (e)->
+  $('tr.localization_versions_row').on 'click', '.close_versions', (e) ->
     $this = $(this)
     $parent = $this.parents('tr.localization_versions_row')
     $parent.addClass('hidden')
     $parent.children('td').html('')
-  $('tr.localization_key_row').on 'click', 'input.wysiwyg_switch', (e)->
+  $('tr.localization_key_row').on 'click', 'input.wysiwyg_switch', (e) ->
     $(this).parents('form').find("textarea").jqte()
-  $('tr.localization_key_row').on 'click', '.request_info_link', (e)->
+  $('tr.localization_key_row').on 'click', '.request_info_link', (e) ->
     $(this).parents('tr.localization_key_row').find(".request_info_row").toggleClass('hidden')
+  $('tr.localization_key_row').on 'click', '.js-copy_to_clipboard', (e) ->
+    if(!navigator.clipboard)
+      alert('No browser support for clipboard')
+    else
+      navigator.clipboard.writeText($(this).data('key'))
+    e.preventDefault()
+    false

app/assets/stylesheets/lit/application.css

@@ -11,47 +11,47 @@
  *= require './backend/jquery-te-1.4.0.css'
  *= require_self
  */
-.detail_wrapper{
+.detail_wrapper {
   padding: 10px 0 0 50px;
 }
-.detail_wrapper table tr td.locale_row{
+.detail_wrapper table tr td.locale_row {
   width: 75px;
 }
-.localization_key_row .localization_keys_options{
+.localization_key_row .localization_keys_options {
   display: none;
   float: right;
 }
-.localization_key_row:hover .localization_keys_options{
+.localization_key_row:hover .localization_keys_options {
   display: block;
 }
 
 li.key_prefix .fa-chevron-right {
   float: right;
   margin-top: 2px;
   margin-right: -6px;
-  opacity: .25;
+  opacity: 0.25;
 }
 
-.hidden{
+.hidden {
   display: none;
 }
-i.fa{
+i.fa {
   color: black;
 }
-.nav.nav-stacked>li>a {
-padding: 5px 7px;
+.nav.nav-stacked > li > a {
+  padding: 5px 7px;
 }
-.well{
+.well {
   background-color: white;
   border-radius: 0px;
 }
-.well label{
+.well label {
   font-weight: normal;
 }
 .well .form-search {
   margin-bottom: 15px;
 }
-.localization_row em{
+.localization_row em {
   color: #bbb;
 }
 .loading {
@@ -60,3 +60,6 @@ padding: 5px 7px;
 .loaded {
   display: none;
 }
+.copy_to_clipboard_btn {
+  cursor: pointer;
+}

app/views/lit/localization_keys/_localizations_list.html.erb

@@ -3,6 +3,7 @@
     <tr class="localization_key_row" data-id="<%= lk.id %>">
       <td>
         <strong><%= lk.localization_key %></strong>
+        <i class="fa fa-clipboard js-copy_to_clipboard copy_to_clipboard_btn " data-key="<%= lk.localization_key %>"></i>
         <span class="badge"><%= Lit.init.cache.get_global_hits_counter(lk.localization_key) %></span>
         <div class="localization_keys_options">
           <% if Lit.store_request_info %>