Move copy to clipboard alert into ractive

hivewallet · Jul 29, 2014 · a5f10e4 · a5f10e4
1 parent 2f24a9f
commit a5f10e4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/app/widgets/modal-qr/content.ract b/app/widgets/modal-qr/content.ract
@@ -18,7 +18,7 @@
           <span class="_icon">
             {{>svg_clipboard}}
           </span>
-          <span class="_title">Copy to clipboard</span>
+          <span class="_title">{{clipboard_msg}}</span>
         </a>
       </div>
     </div>

diff --git a/app/widgets/modal-qr/index.js b/app/widgets/modal-qr/index.js
@@ -7,12 +7,15 @@ var getNetwork = require('hive-network')
 
 module.exports = function showTooltip(data){
 
+  var ractiveData = data
+  ractiveData.clipboard_msg = 'Copy to clipboard'
+
   var ractive = new Ractive({
     el: document.getElementById('tooltip'),
     partials: {
       content: require('./content.ract').template,
     },
-    data: data
+    data: ractiveData
   })
 
   var canvas = ractive.nodes['qr-canvas']
@@ -25,7 +28,10 @@ module.exports = function showTooltip(data){
 
   ractive.on('copy', function(){
     cordova.plugins.clipboard.copy(ractive.get('address'));
-    alert('Copied to clipboard');
+    ractive.set('clipboard_msg', 'Address copied!')
+    setTimeout(function(){
+      ractive.set('clipboard_msg', 'Copy to clipboard')
+    }, 1000)
   })
 
   return ractive