#869 convert links to buttons

4 files changed, 26 insertions, 27 deletions

diff --git a/www/js/HelpCtrl.js b/www/js/HelpCtrl.js
index b022121d..6f4a7466 100644
--- a/www/js/HelpCtrl.js
+++ b/www/js/HelpCtrl.js
@@ -61,6 +61,15 @@ angular.module('zmApp.controllers').controller('zmApp.HelpCtrl', ['$scope', '$ro
 
   }
 
+  $scope.launchUrl = function (url) {
+
+    options = {
+    };
+    console.log ('got '+url);
+    cordova.InAppBrowser.open(url, '_blank', options);
+
+  };
+
   //-------------------------------------------------------------------------
   // Lets make sure we set screen dim properly as we enter
   // The problem is we enter other states before we leave previous states
diff --git a/www/lang/help/help-de.html b/www/lang/help/help-de.html
index c18e71d4..a63fa19c 100644
--- a/www/lang/help/help-de.html
+++ b/www/lang/help/help-de.html
@@ -1,28 +1,24 @@
 <ion-item class="item-text-wrap">
-  <h2>
-    <b>Videoanleitung</b>
-  </h2>Wenn Du Hilfe mit zmNinja brauchst, schau Dir die neue
-  <a href="#" onclick="window.open('https://github.com/pliablepixels/zmNinja/wiki/Help-Videos-for-zmNinja', '_blank', 'location=yes'); return false;">Videoanleitung</a> an.
-</ion-item>
+    <h2>
+      <b>What do all the buttons do?</b>
+    </h2>If you need help with zmNinja screens, take a look at the new help screens <button class="button button-small button-outline button-positive icon ion-play" ng-click="launchUrl('https://docs.google.com/document/d/e/2PACX-1vS9z-ANNUbPRMhCWbS-PFJtB_6y6O_vwrZfLE6-TjPo3O0bPQeMUjjeTSXFvILU_w4ZTgU01CM9Hz8p/pub')"></button>
+  </ion-item>
 
 <ion-item class="item-text-wrap">
   <h2>
     <b>Bitte schau in den zmNinja FAQ für Hilfe</b>
-  </h2>Es ist schwierig die appseitige Hilfe aktuell zu halten, schaue daher bitte
-  <a href="#" onclick="window.open('https://zmninja.readthedocs.io/en/latest/guides/FAQ.html', '_blank', 'location=yes'); return false;">hier</a>
-  in den aktuellen FAQ.
+  </h2>Es ist schwierig die appseitige Hilfe aktuell zu halten, schaue daher bitte in den aktuellen FAQ. <button class="button icon ion-play button-small button-outline button-positive" ng-click="launchUrl('https://zmninja.readthedocs.io/en/latest/guides/FAQ.html')"></button>
 </ion-item>
 
 <ion-item class="item-text-wrap">
   <h2>
     <b>zmNinja, Datenschutz & Privatsphäre</b>
-  </h2>Lese dazu
-  <a href="#" onclick="window.open('https://medium.com/zmninja/zmninja-privacy-and-your-data-5489a5974baf', '_blank', 'location=yes'); return false;">diesen Beitrag</a>
+  </h2>
+  Click to read privacy post <button class="button icon ion-play button-small button-outline button-positive" ng-click="launchUrl('https://medium.com/zmninja/zmninja-privacy-and-your-data-5489a5974baf')"></button>
 </ion-item>
 
 <ion-item class="item-text-wrap">
   <h2>
     <b>Wie kontaktiere ich den Programmierer?</b>
-  </h2> Schick mir eine
-  <a href="#" onclick="window.open('mailto:pliablepixels@gmail.com', '_blank', 'location=yes'); return false;">E-Mail</a>
+  </h2> Schick mir eine E-Mail <button class="button icon ion-play button-small button-outline button-positive" ng-click="launchUrl('mailto:pliablepixels@gmail.com')"></button>
 </ion-item>
diff --git a/www/lang/help/help-en.html b/www/lang/help/help-en.html
index da52f207..3dc07589 100644
--- a/www/lang/help/help-en.html
+++ b/www/lang/help/help-en.html
@@ -2,27 +2,24 @@
 <ion-item class="item-text-wrap">
   <h2>
     <b>What do all the buttons do?</b>
-  </h2>If you need help with zmNinja screens, take a look at the new 
-  <a href="#" onclick="window.open('https://docs.google.com/document/d/e/2PACX-1vS9z-ANNUbPRMhCWbS-PFJtB_6y6O_vwrZfLE6-TjPo3O0bPQeMUjjeTSXFvILU_w4ZTgU01CM9Hz8p/pub', '_blank', 'location=yes'); return false;">help screens</a>. 
+  </h2>If you need help with zmNinja screens, take a look at the new help screens <button class="button button-small button-outline button-positive icon ion-play" ng-click="launchUrl('https://docs.google.com/document/d/e/2PACX-1vS9z-ANNUbPRMhCWbS-PFJtB_6y6O_vwrZfLE6-TjPo3O0bPQeMUjjeTSXFvILU_w4ZTgU01CM9Hz8p/pub')"></button>
 </ion-item>
 
 <ion-item class="item-text-wrap">
   <h2>
     <b>Please visit zmNinja FAQ for help</b>
-  </h2>It was hard to keep updating help inside the app. Please consult the
-  <a href="#" onclick="window.open('https://zmninja.readthedocs.io/en/latest/guides/FAQ.html', '_blank', 'location=yes'); return false;">FAQ</a> for the most updated help
+  </h2>It was hard to keep updating help inside the app. Please consult the FAQ for the most updated help <button class="button icon ion-play button-small button-outline button-positive" ng-click="launchUrl('https://zmninja.readthedocs.io/en/latest/guides/FAQ.html')"></button>
 </ion-item>
 
 <ion-item class="item-text-wrap">
   <h2>
     <b>zmNinja, Privacy & Transparency</b>
   </h2>
-  <a href="#" onclick="window.open('https://medium.com/zmninja/zmninja-privacy-and-your-data-5489a5974baf', '_blank', 'location=yes'); return false;">Read this post</a>
+ Click to read privacy post <button class="button icon ion-play button-small button-outline button-positive" ng-click="launchUrl('https://medium.com/zmninja/zmninja-privacy-and-your-data-5489a5974baf')"></button>
 </ion-item>
 
 <ion-item class="item-text-wrap">
   <h2>
     <b>How do I contact the author?</b>
-  </h2> Send me an
-  <a href="#" onclick="window.open('mailto:pliablepixels@gmail.com', '_blank', 'location=yes'); return false;">email</a>
+  </h2> Send me an email <button class="button icon ion-play button-small button-outline button-positive" ng-click="launchUrl('mailto:pliablepixels@gmail.com')"></button>
 </ion-item>
diff --git a/www/lang/help/help-pl.html b/www/lang/help/help-pl.html
index 48e8580c..d36c7715 100644
--- a/www/lang/help/help-pl.html
+++ b/www/lang/help/help-pl.html
@@ -1,28 +1,25 @@
 
 <ion-item class="item-text-wrap">
   <h2>
-    <b>Filmy instruktażowe</b>
-  </h2>Jeśli potrzebujesz pomocy z opcjami zmNinja
-  <a href="#" onclick="window.open('https://docs.google.com/document/d/e/2PACX-1vS9z-ANNUbPRMhCWbS-PFJtB_6y6O_vwrZfLE6-TjPo3O0bPQeMUjjeTSXFvILU_w4ZTgU01CM9Hz8p/pub', '_blank', 'location=yes'); return false;">instrukcję</a>. 
+    <b>Instruktażowe</b>
+  </h2>Jeśli potrzebujesz pomocy z opcjami zmNinja instrukcję. <button class="button button-small button-outline button-positive icon ion-play" ng-click="launchUrl('https://docs.google.com/document/d/e/2PACX-1vS9z-ANNUbPRMhCWbS-PFJtB_6y6O_vwrZfLE6-TjPo3O0bPQeMUjjeTSXFvILU_w4ZTgU01CM9Hz8p/pub')"></button>
 </ion-item>
 
 <ion-item class="item-text-wrap">
   <h2>
     <b>W celu uzyskania pomocy proszę odwiedzić zmNinja FAQ</b>
-  </h2>Aktualizowanie pomocy w aplikacji było trudne. Proszę sprawdzić 
-  <a href="#" onclick="window.open('https://zmninja.readthedocs.io/en/latest/guides/FAQ.html', '_blank', 'location=yes'); return false;">FAQ</a> najbardziej aktualną pomoc
+  </h2>Aktualizowanie pomocy w aplikacji było trudne. Proszę sprawdzić FAQ najbardziej aktualną pomoc <button class="button icon ion-play button-small button-outline button-positive" ng-click="launchUrl('https://zmninja.readthedocs.io/en/latest/guides/FAQ.html')"></button>
 </ion-item>
 
 <ion-item class="item-text-wrap">
   <h2>
     <b>zmNinja, Prywatność & Przejrzystość</b>
   </h2>
-  <a href="#" onclick="window.open('https://medium.com/zmninja/zmninja-privacy-and-your-data-5489a5974baf', '_blank', 'location=yes'); return false;">Przeczytaj ten post</a>
+  Przeczytaj ten post <button class="button icon ion-play button-small button-outline button-positive" ng-click="launchUrl('https://medium.com/zmninja/zmninja-privacy-and-your-data-5489a5974baf')"></button>
 </ion-item>
 
 <ion-item class="item-text-wrap">
   <h2>
     <b>Jak skontaktuję się z autorem?</b>
-  </h2> Napisz do mnie
-  <a href="#" onclick="window.open('mailto:pliablepixels@gmail.com', '_blank', 'location=yes'); return false;">email</a>
+  </h2> Napisz do mnie email <button class="button icon ion-play button-small button-outline button-positive" ng-click="launchUrl('mailto:pliablepixels@gmail.com')"></button>
 </ion-item>