arnaucube
arnaucube/commonroutesAppPublic Self-hosted repository
commonroutesApp/www/templates/signup.html
www/templates/signup.htmlRaw
 1<ion-modal-view>
 2  <ion-header-bar>
 3    <h1 class="title">{{'Signup' | translate }}</h1>
 4    <div class="buttons">
 5      <button class="button button-dark" ng-click="closeSignup()">{{'Close' | translate }}</button>
 6    </div>
 7  </ion-header-bar>
 8  <ion-content>
 9    <form ng-submit="doSignup()">
10      <div class="list">
11        <label class="item item-input">
12          <span class="input-label">{{'Username' | translate }}</span>
13          <input type="text" ng-model="signupData.username">
14        </label>
15        <label class="item item-input">
16          <span class="input-label">{{'Password' | translate }}</span>
17          <input type="password" ng-model="signupData.password">
18        </label>
19        <label class="item item-input">
20          <span class="input-label">{{'Mail' | translate }}</span>
21          <input type="email" ng-model="signupData.mail">
22        </label>
23        <label class="item item-input">
24          <span class="input-label">{{'Phone' | translate }}</span>
25          <input type="number" ng-model="signupData.phone">
26        </label>
27        <label class="item item-input">
28          <span class="input-label">{{'Telegram' | translate }}</span>
29          <input type="text" ng-model="signupData.telegram">
30        </label>
31        <!--<label class="item item-input">
32          <span class="input-label">{{'Avatar' | translate }}</span>
33          <input type="text" ng-model="signupData.avatar">
34        </label>-->
35        <p>{{'Avatar' | translate }}: <b>{{signupData.avatar}}</b></p>
36        <img ng-repeat="avatar in avatars" ng-click="avatarSelect('{{avatar}}')" ng-src="img/avatars/{{avatar}}.png" class="o-imgSelectAvatar" >
37
38        <label class="item">
39          <button class="button button-block button-positive" type="submit">{{'Signup' | translate }}</button>
40        </label>
41      </div>
42    </form>
43  </ion-content>
44</ion-modal-view>