<ion-view cache-view="false" hide-nav-bar="true" view-direction="none" class="gesture-screen">
	<gesture-password-screen screen-context="screenContext"></gesture-password-screen>
  <button class="button icon-left ion-ios-arrow-back button-clear sino-back-button gesture-go-back"
    sino-nav-direction="back" sino-go-back-button ng-if="back">返回</button>
  
	<div class="set-top" style="top: {{topcontentStartY}}px;">
		<span>设置手势密码</span>
		<div style="text-align:center; width:32px; margin:0 auto; padding-top:5px;">
			<canvas gesture-password-screen-thumbnail screen-context="screenContext" style="width: 34px; height: 34px;"></canvas>
		</div>
		<span class="set-msg set-font-size" ng-if="validateState === 'init'">绘制解锁图案</span>
		<span class="set-msg set-font-size" ng-if="validateState === 'repassword'">再次绘制解锁图案</span>
		<span class="set-error-msg" ng-if="validateState === 'error-length'">最少连接4个点，请重新输入</span>
		<span class="set-error-msg" ng-if="validateState === 'error-repassword'">与上一次绘制不一致，请重新绘制</span>
		<span class="set-msg" ng-if="validateState === 'success'">恭喜您，设置密码成功！</span>
	</div>
  <div  class="set-bottom" style="top: {{bottomContentStartY}}px;">
     <button class="button button-clear" ng-if="ignore" ng-click="ignoreGesturePassword()">跳过手势密码</button>
     <a ng-if="validateState === 'error-repassword'" ng-click="reset()">重新设置手势</a>
  </div>
</ion-view>