refactor wallet settings

public/views/preferencesAlias.html

@@ -1,19 +1,20 @@
-<div
-  class="topbar-container"
-  ng-include="'views/includes/topbar.html'"
-  ng-init="titleSection='Alias'; goBackToState = 'preferences'">
-</div>
-
-<div class="content preferences" ng-controller="preferencesAliasController">
-
-  <h4></h4>
-  <form name="settingsAliasForm" ng-submit="save()" class="columns">
-    <label><span translate>Alias for <i>{{index.walletName}}</i></span></label>
-    <input type="text" id="alias2" type="text" name="alias2" ng-model="alias">
-    <input type="submit" class="button expand black round" value="{{'Save'|translate}}"
-    ng-style="{'background-color':index.backgroundColor}">
-  </form>
-    <div class="text-gray size-12 text-center" translate>Changing wallet alias only affects the local wallet name.
-  </div>
-</div>
-<div class="extra-margin-bottom"></div>
+<ion-view ng-controller="preferencesAliasController" cache-view="false">
+  <ion-nav-bar class="bar-stable">
+    <ion-nav-title>Alias</ion-nav-title>
+    <ion-nav-buttons side="primary">
+     <button class="button" href ui-sref="preferences">
+       <i class="ion-arrow-left-c"></i> Back
+     </button>
+    </ion-nav-buttons>
+  </ion-nav-bar>
+  <ion-content class="has-header">
+    <form name="aliasForm" ng-submit="save(aliasForm)" novalidate>
+      <label class="item item-input item-stacked-label">
+        <span class="input-label" transalate>Alias for {{walletName}}</span>
+        <input type="text" id="alias" name="alias" ng-model="alias" placeholder="John" required></input>
+      </label>
+      <input type="submit" class="button button-block button-stable" value="{{'Save'|translate}}" ng-disabled="aliasForm.$invalid">
+    </form>
+    <div translate>Changing wallet alias only affects the local wallet name.</div>
+  </ion-content>
+</ion-view>