view logs in UX

public/views/includes/version.html

@@ -1,5 +1,4 @@
 <span ng-controller="versionController as v">
   <small>v{{v.version}}</small> 
-  <small>#{{v.commitHash}}</small> 
 </span>
 

public/views/preferences.html

@@ -2,6 +2,7 @@
 
   <ul class="no-bullet m0 size-14">
     <h4 class="title m0" translate>{{index.walletName}} settings</h4>
+
     <li class="line-b p20" ng-click="$root.go('preferencesColor')">
       <span translate>Color</span>
       <span class="right text-gray">
@@ -58,6 +59,11 @@
           {{preferences.bwsurl}}
         </span>
     </li>
+    <li class="line-b p20" ng-click="$root.go('about')">
+      <i class="icon-arrow-right3 size-24 right text-gray"></i>  
+      <span translate>About Copay</span>
+    </li>
+ 
   </ul>
 
 </div>

public/views/preferencesAbout.html

@@ -0,0 +1,34 @@
+<div class="content p20v" ng-controller="preferencesAbout as about">
+  <ul class="no-bullet m0 size-14">
+    <div class="m20t m20b text-center">
+      <img src="img/logo.svg" alt="Copay" width="120">
+    </div>
+    <h4 class="title m0" translate>Release Information</h4>
+
+    <div  ng-controller="versionController as v">
+      <li class="line-b p20" ng-conf>
+        <span translate>Version</span>
+        <span class="right text-gray">
+          v{{v.version}} 
+        </span>      
+      </li>
+      <li class="line-b p20" ng-conf ng-click="$root.openExternalLink('https://github.com/bitpay/copay/tree/'+v.commitHash)">
+        <span translate>Commit hash</span>
+        <span class="right text-gray">
+          #{{v.commitHash}}
+          <i class="icon-arrow-right3 size-24 right text-gray"></i>  
+        </span>      
+      </li>
+    </div>
+ 
+    <h4 class="title m0" translate>&nbsp;</h4>
+    <li class="line-b p20" ng-conf ng-click="$root.go('logs')">
+      <span translate>View session logs</span>
+      <span class="right text-gray">
+        <i class="icon-arrow-right3 size-24 right text-gray"></i>  
+      </span>      
+    </li>
+
+  </ul>
+
+</div>

public/views/preferencesLogs.html

@@ -0,0 +1,10 @@
+<div class="content p20v" ng-controller="preferencesLogs as logs">
+  <ul class="no-bullet m0 size-14">
+    <li class="line-b" ng-repeat="l in logs.logs">
+
+      <span ng-class="{'text-warning': l.level=='warn', 'text-secondary': l.level=='debug', 'text-primary': l.level=='info', 'text-alert': l.level=='error' }"> 
+      {{l.msg}}
+      </span>
+    </li>
+  </ul>
+</div>