Browse Source
Moved countries modal to material Removed a lot of old omg Removed welcome page, moved intro to loginmaster
Igor Zhukov
10 years ago
40 changed files with 613 additions and 652 deletions
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 118 KiB |
|
Before Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 91 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 281 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 91 KiB |
|
Before Width: | Height: | Size: 16 KiB |
@ -1,86 +1,123 @@ |
|||||||
<div my-head></div> |
<div class="login_page_wrap" my-custom-background="#e7ebf0"> |
||||||
|
<div class="login_head_bg"></div> |
||||||
|
<div class="login_page"> |
||||||
|
<div class="login_head_wrap clearfix" ng-switch="progress.enabled"> |
||||||
|
<div ng-switch-when="true" class="login_head_submit_progress"> |
||||||
|
<my-i18n ng-if="!credentials.phone_code_hash" msgid="login_generating_key"></my-i18n><my-i18n ng-if="credentials.phone_code_hash && !credentials.phone_code_valid" msgid="login_checking_code"></my-i18n><my-i18n ng-if="credentials.phone_code_valid && credentials.phone_unoccupied" msgid="login_signing_up"></my-i18n><span my-loading-dots></span> |
||||||
|
</div> |
||||||
|
<div ng-switch-default class="login_head_submit_wrap"> |
||||||
|
<a class="login_head_submit_btn" ng-if="!credentials.phone_code_hash" ng-click="sendCode()"> |
||||||
|
<my-i18n msgid="modal_next"></my-i18n><i class="icon icon-next-submit"></i> |
||||||
|
</a> |
||||||
|
<a class="login_head_submit_btn" ng-if="credentials.phone_code_hash && !credentials.phone_code_valid" ng-click="logIn()"> |
||||||
|
<my-i18n msgid="modal_next"></my-i18n><i class="icon icon-next-submit"></i> |
||||||
|
</a> |
||||||
|
<a class="login_head_submit_btn" ng-if="credentials.phone_code_valid && credentials.phone_unoccupied" ng-click="logIn(true)"> |
||||||
|
<my-i18n msgid="modal_next"></my-i18n><i class="icon icon-next-submit"></i> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<a class="login_head_logo_link" href="https://telegram.org" target="_blank"> |
||||||
|
<i class="icon icon-tg-logo"></i><i class="icon icon-tg-title"></i> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="login_form_wrap"> |
||||||
|
<div class="error" ng-if="error.message" ng-bind="error.message"></div> |
||||||
|
|
||||||
<div class="login_form_wrap" my-vertical-position="0.4"> |
<form name="mySendCodeForm" ng-if="!credentials.phone_code_hash" ng-submit="sendCode()"> |
||||||
<div class="error" ng-if="error.message" ng-bind="error.message"></div> |
<h3 class="login_form_head" my-i18n="login_sign_in"></h3> |
||||||
|
<p class="login_form_lead" my-i18n="login_enter_number_description"></p> |
||||||
|
|
||||||
<form name="mySendCodeForm" ng-if="!credentials.phone_code_hash" ng-submit="sendCode()"> |
<div class="md-input-group md-input-has-value login_phone_country_input_group" ng-click="chooseCountry()"> |
||||||
<h3 class="login_form_head" my-i18n="login_sign_in"></h3> |
<label class="md-input-label" my-i18n="login_country_select_placeholder"></label> |
||||||
<p class="login_form_lead" my-i18n="login_enter_number_description"></p> |
<div autocomplete="off" class="md-input"ng-bind="credentials.phone_country_name"></div> |
||||||
|
</div> |
||||||
|
|
||||||
<div class="login_country_selector" ng-click="chooseCountry()"> |
<div class="login_phone_groups_wrap clearfix"> |
||||||
<span ng-bind="credentials.phone_country_name"></span> |
|
||||||
<i class="icon icon-caret pull-right"></i> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="form-group" ng-class="{'has-error': error.field == 'phone'}"> |
<div class="md-input-group login_phone_code_input_group" ng-class="{'md-input-error': error.field == 'phone'}" my-labeled-input> |
||||||
<label class="control-label" ng-if="error.field == 'phone'" my-i18n="login_incorrect_number"></label> |
<label class="md-input-label" my-i18n="login_code_input_placeholder"></label> |
||||||
<div class="clearfix"> |
<input autocomplete="off" class="md-input" my-focused name="phone_country" type="tel" ng-model="credentials.phone_country" /> |
||||||
<input type="tel" autocomplete="off" class="form-control pull-left login_phone_country" my-focused name="phone_country" ng-model="credentials.phone_country"> |
</div> |
||||||
<input type="tel" autocomplete="off" class="form-control pull-left login_phone_number" my-focus-on="country_selected" name="phone_number" ng-model="credentials.phone_number" placeholder="{{'login_tel_input_placeholder' | i18n}}" required> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<button class="btn btn-primary btn-block" ng-class="{disabled: progress.enabled}" ng-disabled="progress.enabled" type="submit" ng-switch="progress.enabled"> |
|
||||||
<span ng-switch-when="true"><my-i18n msgid="login_generating_key"></my-i18n><span my-loading-dots></span></span> |
|
||||||
<span ng-switch-default my-i18n="modal_next"></span> |
|
||||||
</button> |
|
||||||
<div class="login_form_messaging" ng-show="progress.enabled" my-i18n="login_generating_keys_info"></div> |
|
||||||
</form> |
|
||||||
|
|
||||||
<form name="myLoginForm" ng-if="credentials.phone_code_hash && !credentials.phone_code_valid" ng-submit="logIn()"> |
|
||||||
<h3 class="login_form_head"><span ng-bind="credentials.phone_country"></span> <span ng-bind="credentials.phone_number"></span></h3> |
|
||||||
<div class="login_edit_phone"><a ng-click="editPhone()" my-i18n="login_edit_number"></a></div> |
|
||||||
<div ng-switch="credentials.viaApp"> |
|
||||||
<div ng-switch-when="true"> |
|
||||||
<p class="login_form_lead" my-i18n="login_enter_code_label_md"></p> |
|
||||||
<p class="login_form_lead"> |
|
||||||
<a ng-click="sendSms()" my-i18n="login_code_not_received"></a> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
<div ng-switch-default> |
|
||||||
<p class="login_form_lead" my-i18n="login_enter_sms_code_label_md"></p> |
|
||||||
|
|
||||||
<p class="login_form_lead"> |
|
||||||
<span ng-show="callPending.remaining > 0" my-i18n="login_call_remaining"> |
|
||||||
<my-i18n-param name="remaining">{{callPending.remaining | duration}}</my-i18n-param> |
|
||||||
</span> |
|
||||||
<span ng-show="!callPending.remaining && !callPending.success" my-i18n="login_calling"></span> |
|
||||||
<span ng-show="!callPending.remaining && callPending.success" my-i18n="login_number_dialed"></span> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="form-group" ng-class="{'has-error': error.field == 'phone_code'}"> |
<div class="md-input-group login_phone_num_input_group" ng-class="{'md-input-error': error.field == 'phone'}" my-labeled-input ng-switch="error.field == 'phone'"> |
||||||
<label class="control-label" for="phone_code" ng-if="error.field == 'phone_code'" my-i18n="login_incorrect_sms_code"></label> |
<label ng-switch-when="true" class="md-input-label" my-i18n="login_incorrect_number"></label> |
||||||
<input type="tel" my-focused class="form-control login_phone_code" name="phone_code" ng-model="credentials.phone_code" placeholder="{{'login_number_input_placeholder' | i18n}}" autocomplete="off" required> |
<label ng-switch-default class="md-input-label" my-i18n="login_tel_input_placeholder"></label> |
||||||
</div> |
<input required autocomplete="off" my-submit-on-enter class="md-input" my-focus-on="country_selected" name="phone_number" type="tel" ng-model="credentials.phone_number" /> |
||||||
|
</div> |
||||||
|
|
||||||
<button class="btn btn-primary btn-block" type="submit" ng-class="{disabled: progress.enabled}" ng-disabled="progress.enabled" ng-switch="progress.enabled"> |
</div> |
||||||
<span ng-switch-when="true"><my-i18n msgid="login_checking_code"></my-i18n><span my-loading-dots></span></span> |
<div class="login_form_messaging" ng-show="progress.enabled" my-i18n="login_generating_keys_info"></div> |
||||||
<span ng-switch-default my-i18n="modal_next"></span> |
</form> |
||||||
</button> |
|
||||||
</form> |
|
||||||
|
|
||||||
<form name="myFullNameForm" ng-if="credentials.phone_code_valid && credentials.phone_unoccupied" ng-submit="logIn(true)"> |
<form name="myLoginForm" ng-if="credentials.phone_code_hash && !credentials.phone_code_valid" ng-submit="logIn()"> |
||||||
<h3 class="login_form_head" my-i18n="login_your_info"></h3> |
<h3 class="login_phone_head"><span ng-bind="credentials.phone_country"></span> <span ng-bind="credentials.phone_number"></span></h3> |
||||||
<p class="login_form_lead" my-i18n="login_fulll_name_label"></p> |
<div class="login_edit_phone"><a ng-click="editPhone()" my-i18n="login_edit_number"></a></div> |
||||||
|
<div ng-switch="credentials.viaApp"> |
||||||
|
<div ng-switch-when="true"> |
||||||
|
<p class="login_smscode_lead" my-i18n="login_enter_code_label_md"></p> |
||||||
|
<p class="login_smscode_lead"> |
||||||
|
<a ng-click="sendSms()" my-i18n="login_code_not_received"></a> |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
<div ng-switch-default> |
||||||
|
<p class="login_smscode_lead" my-i18n="login_enter_sms_code_label_md"></p> |
||||||
|
|
||||||
<div class="form-group login_first_name_wrap" ng-class="{'has-error': error.field == 'first_name'}"> |
<p class="login_smscode_lead"> |
||||||
<label class="control-label" for="first_name" ng-if="error.field == 'first_name'" my-i18n="login_incorrect_first_name"></label> |
<span ng-show="callPending.remaining > 0" my-i18n="login_call_remaining"> |
||||||
<input my-focused class="form-control" name="first_name" ng-model="credentials.first_name" placeholder="{{'login_first_name' | i18n}}" autocomplete="off" required> |
<my-i18n-param name="remaining">{{callPending.remaining | duration}}</my-i18n-param> |
||||||
</div> |
</span> |
||||||
|
<span ng-show="!callPending.remaining && !callPending.success" my-i18n="login_calling"></span> |
||||||
|
<span ng-show="!callPending.remaining && callPending.success" my-i18n="login_number_dialed"></span> |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="md-input-group md-input-group-centered" ng-class="{'md-input-error': error.field == 'phone_code'}" my-labeled-input ng-switch="error.field == 'phone_code'"> |
||||||
|
<label ng-switch-when="true" class="md-input-label" my-i18n="login_incorrect_sms_code"></label> |
||||||
|
<label ng-switch-default class="md-input-label" my-i18n="login_number_input_placeholder"></label> |
||||||
|
<input autocomplete="off" class="md-input" my-focused name="phone_code" type="tel" ng-model="credentials.phone_code" required /> |
||||||
|
</div> |
||||||
|
</form> |
||||||
|
|
||||||
|
<form name="myFullNameForm" ng-if="credentials.phone_code_valid && credentials.phone_unoccupied" ng-submit="logIn(true)"> |
||||||
|
<h3 class="login_form_head" my-i18n="login_your_info"></h3> |
||||||
|
<p class="login_form_lead" my-i18n="login_fulll_name_label"></p> |
||||||
|
|
||||||
|
<div class="md-input-group" ng-class="{'md-input-error': error.field == 'first_name'}" my-labeled-input ng-switch="error.field == 'first_name'"> |
||||||
|
<label ng-switch-when="true" class="md-input-label" my-i18n="login_incorrect_first_name"></label> |
||||||
|
<label ng-switch-default class="md-input-label" my-i18n="login_first_name"></label> |
||||||
|
<input autocomplete="off" class="md-input" my-focused name="first_name" type="text" ng-model="credentials.first_name" required /> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="md-input-group" ng-class="{'md-input-error': error.field == 'last_name'}" my-labeled-input ng-switch="error.field == 'last_name'"> |
||||||
|
<label ng-switch-when="true" class="md-input-label" my-i18n="login_incorrect_last_name"></label> |
||||||
|
<label ng-switch-default class="md-input-label" my-i18n="login_last_name"></label> |
||||||
|
<input autocomplete="off" class="md-input" name="last_name" type="text" ng-model="credentials.last_name" /> |
||||||
|
</div> |
||||||
|
|
||||||
|
</form> |
||||||
|
|
||||||
<div class="form-group" ng-class="{'has-error': error.field == 'last_name'}"> |
|
||||||
<label class="control-label" for="last_name" ng-if="error.field == 'last_name'" my-i18n="login_incorrect_last_name"></label> |
|
||||||
<input class="form-control" name="last_name" ng-model="credentials.last_name" placeholder="{{'login_last_name' | i18n}}" autocomplete="off"> |
|
||||||
</div> |
</div> |
||||||
|
|
||||||
<button class="btn btn-primary btn-block" ng-class="{disabled: progress.enabled}" ng-disabled="progress.enabled" type="submit" ng-switch="progress.enabled"> |
<div ng-switch="about.shown"> |
||||||
<span ng-switch-when="true"><my-i18n msgid="login_signing_up"></my-i18n><span my-loading-dots></span></span> |
<div ng-switch-when="true" class="login_footer_about_wrap" my-scroll-to-on="$init"> |
||||||
<span ng-switch-default my-i18n="login_sign_up"></span> |
<h3 my-i18n="login_about_title"></h3> |
||||||
</button> |
<p my-i18n="login_about_desc1_md"></p> |
||||||
</form> |
<p my-i18n="login_about_desc2_md"></p> |
||||||
|
<p my-i18n="login_about_desc3_md"> |
||||||
|
<my-i18n-param name="source-link"> |
||||||
|
<a href="https://github.com/zhukov/webogram" target="_blank">{0}</a> |
||||||
|
</my-i18n-param> |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
<div ng-switch-default class="login_footer_wrap"> |
||||||
|
<p my-i18n="login_about_intro"></p> |
||||||
|
<a class="logo_footer_learn_more_link" href="" ng-click="about.shown = true" my-i18n="login_about_learn"></a> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
</div> |
</div> |
||||||
|
|
||||||
<!-- <div my-lang-footer></div> --> |
|
||||||
@ -1,55 +0,0 @@ |
|||||||
<div my-head></div> |
|
||||||
|
|
||||||
<div ng-if="showWelcome"> |
|
||||||
|
|
||||||
<div class="welcome_form"> |
|
||||||
<div class="welcome_logo"></div> |
|
||||||
|
|
||||||
<h3 class="welcome_header" my-i18n="welcome_header_md"></h3> |
|
||||||
|
|
||||||
<div class="welcome_text"> |
|
||||||
<p my-i18n="welcome_text_1_md"></p> |
|
||||||
</div> |
|
||||||
<div class="welcome_btn_wrap"> |
|
||||||
<a href="#/login" class="btn btn-primary btn-block" my-i18n="welcome_start_messaging"></a> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="welcome_footer" my-custom-background="#f8f8f8"> |
|
||||||
<div class="welcome_cards_wrap clearfix"> |
|
||||||
|
|
||||||
<div class="container-fluid"> |
|
||||||
<div class="row"> |
|
||||||
<div class="col-md-4 col-sm-4"> |
|
||||||
<div class="welcome_footer_card_wrap row"> |
|
||||||
<div class="welcome_footer_card welcome_footer_card_messaging"></div> |
|
||||||
<h4 my-i18n="welcome_fast_messaging_header"></h4> |
|
||||||
<div class="welcome_footer_card_lead" my-i18n="welcome_fast_messaging_text"></div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="col-md-4 col-sm-4"> |
|
||||||
<div class="welcome_footer_card_wrap"> |
|
||||||
<div class="welcome_footer_card welcome_footer_card_filesharing"></div> |
|
||||||
<h4 my-i18n="welcome_easy_sharing_header"></h4> |
|
||||||
<div class="welcome_footer_card_lead" my-i18n="welcome_easy_sharing_text"></div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="col-md-4 col-sm-4"> |
|
||||||
<div class="welcome_footer_card_wrap"> |
|
||||||
<div class="welcome_footer_card welcome_footer_card_powerful"></div> |
|
||||||
<h4 my-i18n="welcome_powerful_tools_header"></h4> |
|
||||||
<div class="welcome_footer_card_lead" my-i18n="welcome_powerful_tools_text_md"></div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div> |
|
||||||
@ -1,86 +1,129 @@ |
|||||||
<div my-head></div> |
<div class="tg_page_head"> |
||||||
|
<div class="navbar navbar-static-top navbar-inverse navbar_peer_not_selected"> |
||||||
|
<div class="container"> |
||||||
|
<div class="navbar-header"> |
||||||
|
|
||||||
|
<ul class="nav navbar-nav navbar-quick-nav"> |
||||||
|
<li class="navbar-quick-right login_head_submit_wrap"> |
||||||
|
<a class="disabled" disabled="disabled" ng-if="progress.enabled" class="login_head_submit_progress"> |
||||||
|
<my-i18n ng-if="!credentials.phone_code_hash" msgid="login_generating_key"></my-i18n><my-i18n ng-if="credentials.phone_code_hash && !credentials.phone_code_valid" msgid="login_checking_code"></my-i18n><my-i18n ng-if="credentials.phone_code_valid && credentials.phone_unoccupied" msgid="login_signing_up"></my-i18n><span my-loading-dots></span> |
||||||
|
</a> |
||||||
|
<a ng-if="!progress.enabled && !credentials.phone_code_hash" ng-click="sendCode()"> |
||||||
|
<my-i18n msgid="modal_next"></my-i18n><i class="icon icon-next-submit"></i> |
||||||
|
</a> |
||||||
|
<a ng-if="!progress.enabled && credentials.phone_code_hash && !credentials.phone_code_valid" ng-click="logIn()"> |
||||||
|
<my-i18n msgid="modal_next"></my-i18n><i class="icon icon-next-submit"></i> |
||||||
|
</a> |
||||||
|
<a ng-if="!progress.enabled && credentials.phone_code_valid && credentials.phone_unoccupied" ng-click="logIn(true)"> |
||||||
|
<my-i18n msgid="modal_next"></my-i18n><i class="icon icon-next-submit"></i> |
||||||
|
</a> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<a class="navbar-brand tg_logo_wrap" href="https://telegram.org" target="_blank"><i class="icon icon-tg-logo"></i><i class="icon icon-tg-title"></i></a> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
|
||||||
<div class="login_form_wrap" my-vertical-position="0.3"> |
</div> |
||||||
<div class="error" ng-if="error.message" ng-bind="error.message"></div> |
</div> |
||||||
|
</div> |
||||||
|
|
||||||
<form name="mySendCodeForm" ng-if="!credentials.phone_code_hash" ng-submit="sendCode()"> |
|
||||||
<h3 class="login_form_head" my-i18n="login_sign_in"></h3> |
|
||||||
<p class="login_form_lead" my-i18n="login_enter_number_description"></p> |
|
||||||
|
|
||||||
<div class="login_country_selector" ng-click="chooseCountry()"> |
<div class="login_page_wrap" my-custom-background="#e7ebf0"> |
||||||
<span ng-bind="credentials.phone_country_name"></span> |
<div class="login_page"> |
||||||
<i class="icon icon-caret pull-right"></i> |
<div class="login_form_wrap" my-vertical-position="0.2" padding="true"> |
||||||
</div> |
<div class="error" ng-if="error.message" ng-bind="error.message"></div> |
||||||
|
|
||||||
<div class="form-group" ng-class="{'has-error': error.field == 'phone'}"> |
<form name="mySendCodeForm" ng-if="!credentials.phone_code_hash" ng-submit="sendCode()"> |
||||||
<label class="control-label" ng-if="error.field == 'phone'" my-i18n="login_incorrect_number"></label> |
<h3 class="login_form_head" my-i18n="login_sign_in"></h3> |
||||||
<div class="clearfix"> |
<p class="login_form_lead" my-i18n="login_enter_number_description"></p> |
||||||
<input type="tel" autocomplete="off" class="form-control pull-left login_phone_country" my-focused name="phone_country" ng-model="credentials.phone_country"> |
|
||||||
<input type="tel" autocomplete="off" class="form-control pull-left login_phone_number" my-focus-on="country_selected" name="phone_number" ng-model="credentials.phone_number" placeholder="{{'login_tel_input_placeholder' | i18n}}" required> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<button class="btn btn-primary btn-block" ng-class="{disabled: progress.enabled}" ng-disabled="progress.enabled" type="submit" ng-switch="progress.enabled"> |
|
||||||
<span ng-switch-when="true"><my-i18n msgid="login_generating_key"></my-i18n><span my-loading-dots></span></span> |
|
||||||
<span ng-switch-default my-i18n="modal_next"></span> |
|
||||||
</button> |
|
||||||
<div class="login_form_messaging" ng-show="progress.enabled" my-i18n="login_generating_keys_info"></div> |
|
||||||
</form> |
|
||||||
|
|
||||||
<form name="myLoginForm" ng-if="credentials.phone_code_hash && !credentials.phone_code_valid" ng-submit="logIn()"> |
|
||||||
<h3 class="login_form_head"><span ng-bind="credentials.phone_country"></span> <span ng-bind="credentials.phone_number"></span></h3> |
|
||||||
<div class="login_edit_phone"><a ng-click="editPhone()" my-i18n="login_edit_number"></a></div> |
|
||||||
<div ng-switch="credentials.viaApp"> |
|
||||||
<div ng-switch-when="true"> |
|
||||||
<p class="login_form_lead" my-i18n="login_enter_code_label_md"></p> |
|
||||||
<p class="login_form_lead"> |
|
||||||
<a ng-click="sendSms()" my-i18n="login_code_not_received"></a> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
<div ng-switch-default> |
|
||||||
<p class="login_form_lead" my-i18n="login_enter_sms_code_label_md"></p> |
|
||||||
|
|
||||||
<p class="login_form_lead"> |
|
||||||
<span ng-show="callPending.remaining > 0" my-i18n="login_call_remaining"> |
|
||||||
<my-i18n-param name="remaining">{{callPending.remaining | duration}}</my-i18n-param> |
|
||||||
</span> |
|
||||||
<span ng-show="!callPending.remaining && !callPending.success" my-i18n="login_calling"></span> |
|
||||||
<span ng-show="!callPending.remaining && callPending.success" my-i18n="login_number_dialed"></span> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="form-group" ng-class="{'has-error': error.field == 'phone_code'}"> |
<div class="md-input-group md-input-has-value login_phone_country_input_group" ng-click="chooseCountry()"> |
||||||
<label class="control-label" for="phone_code" ng-if="error.field == 'phone_code'" my-i18n="login_incorrect_sms_code"></label> |
<label class="md-input-label" my-i18n="login_country_select_placeholder"></label> |
||||||
<input type="tel" my-focused class="form-control login_phone_code" name="phone_code" ng-model="credentials.phone_code" placeholder="{{'login_number_input_placeholder' | i18n}}" autocomplete="off" required> |
<div autocomplete="off" class="md-input"ng-bind="credentials.phone_country_name"></div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<button class="btn btn-primary btn-block" type="submit" ng-class="{disabled: progress.enabled}" ng-disabled="progress.enabled" ng-switch="progress.enabled"> |
<div class="login_phone_groups_wrap clearfix"> |
||||||
<span ng-switch-when="true"><my-i18n msgid="login_checking_code"></my-i18n><span my-loading-dots></span></span> |
|
||||||
<span ng-switch-default my-i18n="modal_next"></span> |
|
||||||
</button> |
|
||||||
</form> |
|
||||||
|
|
||||||
<form name="myFullNameForm" ng-if="credentials.phone_code_valid && credentials.phone_unoccupied" ng-submit="logIn(true)"> |
<div class="md-input-group login_phone_code_input_group" ng-class="{'md-input-error': error.field == 'phone'}" my-labeled-input> |
||||||
<h3 class="login_form_head" my-i18n="login_your_info"></h3> |
<label class="md-input-label" my-i18n="login_code_input_placeholder"></label> |
||||||
<p class="login_form_lead" my-i18n="login_fulll_name_label"></p> |
<input autocomplete="off" class="md-input" my-focused name="phone_country" type="tel" ng-model="credentials.phone_country" /> |
||||||
|
</div> |
||||||
|
|
||||||
<div class="form-group login_first_name_wrap" ng-class="{'has-error': error.field == 'first_name'}"> |
<div class="md-input-group login_phone_num_input_group" ng-class="{'md-input-error': error.field == 'phone'}" my-labeled-input ng-switch="error.field == 'phone'"> |
||||||
<label class="control-label" for="first_name" ng-if="error.field == 'first_name'" my-i18n="login_incorrect_first_name"></label> |
<label ng-switch-when="true" class="md-input-label" my-i18n="login_incorrect_number"></label> |
||||||
<input my-focused class="form-control" name="first_name" ng-model="credentials.first_name" placeholder="{{'login_first_name' | i18n}}" autocomplete="off" required> |
<label ng-switch-default class="md-input-label" my-i18n="login_tel_input_placeholder"></label> |
||||||
</div> |
<input required autocomplete="off" class="md-input" my-focus-on="country_selected" name="phone_number" type="tel" ng-model="credentials.phone_number" /> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="login_form_messaging" ng-show="progress.enabled" my-i18n="login_generating_keys_info"></div> |
||||||
|
</form> |
||||||
|
|
||||||
|
<form name="myLoginForm" ng-if="credentials.phone_code_hash && !credentials.phone_code_valid" ng-submit="logIn()"> |
||||||
|
<h3 class="login_phone_head"><span ng-bind="credentials.phone_country"></span> <span ng-bind="credentials.phone_number"></span></h3> |
||||||
|
<div class="login_edit_phone"><a ng-click="editPhone()" my-i18n="login_edit_number"></a></div> |
||||||
|
<div ng-switch="credentials.viaApp"> |
||||||
|
<div ng-switch-when="true"> |
||||||
|
<p class="login_smscode_lead" my-i18n="login_enter_code_label_md"></p> |
||||||
|
<p class="login_smscode_lead"> |
||||||
|
<a ng-click="sendSms()" my-i18n="login_code_not_received"></a> |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
<div ng-switch-default> |
||||||
|
<p class="login_smscode_lead" my-i18n="login_enter_sms_code_label_md"></p> |
||||||
|
|
||||||
|
<p class="login_smscode_lead"> |
||||||
|
<span ng-show="callPending.remaining > 0" my-i18n="login_call_remaining"> |
||||||
|
<my-i18n-param name="remaining">{{callPending.remaining | duration}}</my-i18n-param> |
||||||
|
</span> |
||||||
|
<span ng-show="!callPending.remaining && !callPending.success" my-i18n="login_calling"></span> |
||||||
|
<span ng-show="!callPending.remaining && callPending.success" my-i18n="login_number_dialed"></span> |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="md-input-group md-input-group-centered" ng-class="{'md-input-error': error.field == 'phone_code'}" my-labeled-input ng-switch="error.field == 'phone_code'"> |
||||||
|
<label ng-switch-when="true" class="md-input-label" my-i18n="login_incorrect_sms_code"></label> |
||||||
|
<label ng-switch-default class="md-input-label" my-i18n="login_number_input_placeholder"></label> |
||||||
|
<input autocomplete="off" class="md-input" my-focused name="phone_code" type="tel" ng-model="credentials.phone_code" required /> |
||||||
|
</div> |
||||||
|
</form> |
||||||
|
|
||||||
|
<form name="myFullNameForm" ng-if="credentials.phone_code_valid && credentials.phone_unoccupied" ng-submit="logIn(true)"> |
||||||
|
<h3 class="login_form_head" my-i18n="login_your_info"></h3> |
||||||
|
<p class="login_form_lead" my-i18n="login_fulll_name_label"></p> |
||||||
|
|
||||||
|
<div class="md-input-group" ng-class="{'md-input-error': error.field == 'first_name'}" my-labeled-input ng-switch="error.field == 'first_name'"> |
||||||
|
<label ng-switch-when="true" class="md-input-label" my-i18n="login_incorrect_first_name"></label> |
||||||
|
<label ng-switch-default class="md-input-label" my-i18n="login_first_name"></label> |
||||||
|
<input autocomplete="off" class="md-input" my-focused name="first_name" type="text" ng-model="credentials.first_name" required /> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="md-input-group" ng-class="{'md-input-error': error.field == 'last_name'}" my-labeled-input ng-switch="error.field == 'last_name'"> |
||||||
|
<label ng-switch-when="true" class="md-input-label" my-i18n="login_incorrect_last_name"></label> |
||||||
|
<label ng-switch-default class="md-input-label" my-i18n="login_last_name"></label> |
||||||
|
<input autocomplete="off" class="md-input" name="last_name" type="text" ng-model="credentials.last_name" /> |
||||||
|
</div> |
||||||
|
|
||||||
|
</form> |
||||||
|
|
||||||
<div class="form-group" ng-class="{'has-error': error.field == 'last_name'}"> |
|
||||||
<label class="control-label" for="last_name" ng-if="error.field == 'last_name'" my-i18n="login_incorrect_last_name"></label> |
|
||||||
<input class="form-control" name="last_name" ng-model="credentials.last_name" placeholder="{{'login_last_name' | i18n}}" autocomplete="off"> |
|
||||||
</div> |
</div> |
||||||
|
|
||||||
<button class="btn btn-primary btn-block" ng-class="{disabled: progress.enabled}" ng-disabled="progress.enabled" type="submit" ng-switch="progress.enabled"> |
<div ng-switch="about.shown"> |
||||||
<span ng-switch-when="true"><my-i18n msgid="login_signing_up"></my-i18n><span my-loading-dots></span></span> |
<div ng-switch-when="true" class="login_footer_about_wrap" my-scroll-to-on="$init"> |
||||||
<span ng-switch-default my-i18n="login_sign_up"></span> |
<h3 my-i18n="login_about_title"></h3> |
||||||
</button> |
<p my-i18n="login_about_desc1_md"></p> |
||||||
</form> |
<p my-i18n="login_about_desc2_md"></p> |
||||||
|
<p my-i18n="login_about_desc3_md"></p> |
||||||
|
</div> |
||||||
|
<div ng-switch-default class="login_footer_wrap"> |
||||||
|
<p my-i18n="login_about_intro"></p> |
||||||
|
<a class="logo_footer_learn_more_link" href="" ng-click="about.shown = true" my-i18n="login_about_learn"></a> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
</div> |
</div> |
||||||
|
|
||||||
<!-- <div my-lang-footer></div> --> |
|
||||||
@ -1,55 +0,0 @@ |
|||||||
<div my-head></div> |
|
||||||
|
|
||||||
<div ng-if="showWelcome"> |
|
||||||
|
|
||||||
<div class="welcome_form"> |
|
||||||
<div class="welcome_logo"></div> |
|
||||||
|
|
||||||
<h3 class="welcome_header" my-i18n="welcome_header_md"></h3> |
|
||||||
|
|
||||||
<div class="welcome_text"> |
|
||||||
<p my-i18n="welcome_text_1_md"></p> |
|
||||||
</div> |
|
||||||
<div class="welcome_btn_wrap"> |
|
||||||
<a href="#/login" class="btn btn-primary btn-block" my-i18n="welcome_start_messaging"></a> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="welcome_footer" my-custom-background="#f8f8f8"> |
|
||||||
<div class="welcome_cards_wrap clearfix"> |
|
||||||
|
|
||||||
<div class="container-fluid"> |
|
||||||
<div class="row"> |
|
||||||
<div class="col-md-4 col-sm-4"> |
|
||||||
<div class="welcome_footer_card_wrap row"> |
|
||||||
<div class="welcome_footer_card welcome_footer_card_messaging"></div> |
|
||||||
<h4 my-i18n="welcome_fast_messaging_header"></h4> |
|
||||||
<div class="welcome_footer_card_lead" my-i18n="welcome_fast_messaging_text"></div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="col-md-4 col-sm-4"> |
|
||||||
<div class="welcome_footer_card_wrap"> |
|
||||||
<div class="welcome_footer_card welcome_footer_card_filesharing"></div> |
|
||||||
<h4 my-i18n="welcome_easy_sharing_header"></h4> |
|
||||||
<div class="welcome_footer_card_lead" my-i18n="welcome_easy_sharing_text"></div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="col-md-4 col-sm-4"> |
|
||||||
<div class="welcome_footer_card_wrap"> |
|
||||||
<div class="welcome_footer_card welcome_footer_card_powerful"></div> |
|
||||||
<h4 my-i18n="welcome_powerful_tools_header"></h4> |
|
||||||
<div class="welcome_footer_card_lead" my-i18n="welcome_powerful_tools_text_md"></div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div> |
|
||||||
Loading…
Reference in new issue