Igor Zhukov
11 years ago
21 changed files with 753 additions and 503 deletions
@ -1,6 +1,6 @@ |
|||||||
CACHE MANIFEST |
CACHE MANIFEST |
||||||
|
|
||||||
# 2 |
# 4 |
||||||
|
|
||||||
NETWORK: |
NETWORK: |
||||||
* |
* |
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -1,30 +1,24 @@ |
|||||||
<div class="contacts_modal_wrap" my-modal-position> |
<div class="contacts_modal_wrap" my-modal-position> |
||||||
|
|
||||||
<div class="modal-header"> |
<a class="modal-close-button" ng-click="$dismiss()"><i></i></a> |
||||||
<a class="modal-close-link" ng-click="$close()">Close</a> |
|
||||||
<h4 class="modal-title">Create Group</h4> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="modal-body"> |
<div class="modal-body"> |
||||||
|
|
||||||
<form ng-submit="createGroup()"> |
<form class="modal_simple_form" ng-submit="createGroup()"> |
||||||
|
|
||||||
<div class="contacts_modal_group_title"> |
|
||||||
<input class="form-control" my-focused type="text" placeholder="Group name" ng-model="group.name"/> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="contacts_modal_panel clearfix"> |
|
||||||
|
|
||||||
<div class="contacts_modal_actions pull-right"> |
<h4>Create Group</h4> |
||||||
<button class="btn btn-default" ng-click="$dismiss()"> Cancel </button> |
|
||||||
|
|
||||||
<button class="btn btn-success" type="submit"> Create </button> |
|
||||||
</div> |
|
||||||
|
|
||||||
|
<div class="form-group"> |
||||||
|
<input class="form-control input-sm" my-focused type="text" placeholder="Group name" ng-model="group.name"/> |
||||||
</div> |
</div> |
||||||
|
|
||||||
</form> |
</form> |
||||||
|
|
||||||
</div> |
</div> |
||||||
|
|
||||||
|
<div class="modal-footer"> |
||||||
|
<a class="btn btn-link" ng-click="$dismiss()">Cancel</a> |
||||||
|
<button class="btn btn-primary" ng-class="{disabled: group.creating}" ng-click="createGroup()" ng-bind="group.creating ? 'Creating...' : 'Create Group'" ng-disabled="group.creating"></button> |
||||||
|
</div> |
||||||
|
|
||||||
</div> |
</div> |
||||||
@ -1,30 +1,24 @@ |
|||||||
<div class="contacts_modal_wrap" my-modal-position> |
<div class="contacts_modal_wrap" my-modal-position> |
||||||
|
|
||||||
<div class="modal-header"> |
<a class="modal-close-button" ng-click="$dismiss()"><i></i></a> |
||||||
<a class="modal-close-link" ng-click="$close()">Close</a> |
|
||||||
<h4 class="modal-title">Edit Group Title</h4> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="modal-body"> |
<div class="modal-body"> |
||||||
|
|
||||||
<form ng-submit="updateGroup()"> |
<form class="modal_simple_form" ng-submit="updateGroup()"> |
||||||
|
|
||||||
<div class="contacts_modal_group_title"> |
|
||||||
<input class="form-control" my-focused type="text" placeholder="Group name" ng-model="group.name"/> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="contacts_modal_panel clearfix"> |
|
||||||
|
|
||||||
<div class="contacts_modal_actions pull-right"> |
<h4>Edit Group</h4> |
||||||
<button class="btn btn-default" ng-click="$dismiss()"> Cancel </button> |
|
||||||
|
|
||||||
<button class="btn btn-success" type="submit"> Save </button> |
|
||||||
</div> |
|
||||||
|
|
||||||
|
<div class="form-group"> |
||||||
|
<input class="form-control input-sm" my-focused type="text" placeholder="Group name" ng-model="group.name"/> |
||||||
</div> |
</div> |
||||||
|
|
||||||
</form> |
</form> |
||||||
|
|
||||||
</div> |
</div> |
||||||
|
|
||||||
|
<div class="modal-footer"> |
||||||
|
<a class="btn btn-link" ng-click="$dismiss()">Cancel</a> |
||||||
|
<button class="btn btn-primary" ng-class="{disabled: group.updating}" ng-click="updateGroup()" ng-bind="group.updating ? 'Saving...' : 'Save'" ng-disabled="group.updating"></button> |
||||||
|
</div> |
||||||
|
|
||||||
</div> |
</div> |
||||||
@ -0,0 +1,28 @@ |
|||||||
|
<div class="confirm_modal_wrap" my-modal-position> |
||||||
|
|
||||||
|
<a class="modal-close-button" ng-click="$dismiss()"><i></i></a> |
||||||
|
|
||||||
|
<div class="modal-body"> |
||||||
|
|
||||||
|
<div class="confirm_modal_description" ng-switch="type"> |
||||||
|
<span ng-switch-when="LOGOUT">Are you sure you want to log out?</span> |
||||||
|
<span ng-switch-when="WEBOGRAM_UPDATED_RELOAD">A new version of Webogram is available. Load it?</span> |
||||||
|
<span ng-switch-when="HISTORY_FLUSH">Are you sure? This can not be undone!</span> |
||||||
|
<span ng-switch-when="TERMINATE_SESSIONS">Are you sure you want to log out all devices except for the current one?</span> |
||||||
|
<span ng-switch-default ng-bind="message || 'Are you sure?'"></span> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="modal-footer"> |
||||||
|
<a class="btn btn-link" ng-click="$dismiss()" ng-switch="type"> |
||||||
|
<span ng-switch-default>Cancel</span> |
||||||
|
</a> |
||||||
|
<button type="button" class="btn btn-primary" ng-switch="type" ng-click="$close()"> |
||||||
|
<span ng-switch-when="LOGOUT">Log Out</span> |
||||||
|
<span ng-switch-when="HISTORY_FLUSH">Delete Chat</span> |
||||||
|
<span ng-switch-default>OK</span> |
||||||
|
</button> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
@ -1,40 +1,30 @@ |
|||||||
<div class="import_modal_wrap" my-modal-position> |
<div class="import_modal_wrap" my-modal-position> |
||||||
|
|
||||||
<div class="modal-header"> |
<a class="modal-close-button" ng-click="$dismiss()"><i></i></a> |
||||||
<a class="modal-close-link" ng-click="$close()">Close</a> |
|
||||||
<h4 class="modal-title">Edit contact</h4> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="modal-body"> |
<div class="modal-body"> |
||||||
|
|
||||||
<form ng-submit="doImport()"> |
<form class="modal_simple_form" ng-submit="doImport()"> |
||||||
|
|
||||||
|
<h4>Edit contact</h4> |
||||||
|
|
||||||
<div class="form-group import_modal_field_wrap"> |
<div class="form-group"> |
||||||
<span class="form-control uneditable-input disabled" disabled>{{importContact.phone | phoneNumber}}</span> |
<span class="form-control uneditable-input disabled" disabled ng-bind="importContact.phone | phoneNumber"></span> |
||||||
</div> |
</div> |
||||||
<div class="form-group import_modal_field_wrap"> |
<div class="form-group"> |
||||||
<input class="form-control" type="text" my-focused placeholder="First name" ng-model="importContact.first_name"/> |
<input class="form-control input-sm" my-focused type="text" placeholder="First name" ng-model="importContact.first_name"/> |
||||||
</div> |
</div> |
||||||
<div class="form-group import_modal_field_wrap"> |
<div class="form-group"> |
||||||
<input class="form-control" type="text" placeholder="Last name" ng-model="importContact.last_name"/> |
<input class="form-control input-sm" type="text" placeholder="Last name" ng-model="importContact.last_name"/> |
||||||
</div> |
|
||||||
|
|
||||||
<div class="import_modal_panel clearfix"> |
|
||||||
|
|
||||||
<div class="import_modal_actions pull-right"> |
|
||||||
<a class="btn btn-default" ng-click="$dismiss()"> Cancel </a> |
|
||||||
|
|
||||||
<button class="btn btn-success" type="submit" ng-class="{disabled: progress.enabled}" ng-disabled="progress.enabled"> |
|
||||||
{{progress.enabled ? 'Saving...' : 'Save'}} |
|
||||||
</button> |
|
||||||
|
|
||||||
|
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
</div> |
||||||
|
|
||||||
</form> |
</form> |
||||||
|
|
||||||
</div> |
</div> |
||||||
|
|
||||||
|
<div class="modal-footer"> |
||||||
|
<a class="btn btn-link" ng-click="$dismiss()">Cancel</a> |
||||||
|
<button class="btn btn-primary" ng-class="{disabled: progress.enabled}" ng-click="doImport()" ng-bind="progress.enabled ? 'Saving...' : 'Save'" ng-disabled="progress.enabled"></button> |
||||||
|
</div> |
||||||
|
|
||||||
</div> |
</div> |
||||||
@ -1,38 +1,30 @@ |
|||||||
<div class="import_modal_wrap" my-modal-position> |
<div class="import_modal_wrap" my-modal-position> |
||||||
|
|
||||||
<div class="modal-header"> |
<a class="modal-close-button" ng-click="$dismiss()"><i></i></a> |
||||||
<a class="modal-close-link" ng-click="$close()">Close</a> |
|
||||||
<h4 class="modal-title">Add new contact</h4> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="modal-body"> |
<div class="modal-body"> |
||||||
|
|
||||||
<form ng-submit="doImport()"> |
<form class="modal_simple_form" ng-submit="doImport()"> |
||||||
|
|
||||||
|
<h4>Add new contact</h4> |
||||||
|
|
||||||
<div class="form-group import_modal_field_wrap"> |
<div class="form-group"> |
||||||
<input class="form-control" my-focused type="text" placeholder="Phone number" ng-model="importContact.phone"/> |
<input class="form-control input-sm" my-focused type="text" placeholder="Phone number" ng-model="importContact.phone"/> |
||||||
</div> |
</div> |
||||||
<div class="form-group import_modal_field_wrap"> |
<div class="form-group"> |
||||||
<input class="form-control" type="text" placeholder="First name" ng-model="importContact.first_name"/> |
<input class="form-control input-sm" type="text" placeholder="First name" ng-model="importContact.first_name"/> |
||||||
</div> |
</div> |
||||||
<div class="form-group import_modal_field_wrap"> |
<div class="form-group"> |
||||||
<input class="form-control" type="text" placeholder="Last name" ng-model="importContact.last_name"/> |
<input class="form-control input-sm" type="text" placeholder="Last name" ng-model="importContact.last_name"/> |
||||||
</div> |
|
||||||
|
|
||||||
<div class="import_modal_panel clearfix"> |
|
||||||
|
|
||||||
<div class="import_modal_actions pull-right"> |
|
||||||
<a class="btn btn-default" ng-click="$dismiss()"> Cancel </a> |
|
||||||
|
|
||||||
<button class="btn btn-success" type="submit" ng-class="{disabled: progress.enabled}" ng-disabled="progress.enabled"> |
|
||||||
{{progress.enabled ? 'Importing...' : 'Save'}} |
|
||||||
</button> |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
</div> |
||||||
|
|
||||||
</form> |
</form> |
||||||
|
|
||||||
</div> |
</div> |
||||||
|
|
||||||
|
<div class="modal-footer"> |
||||||
|
<a class="btn btn-link" ng-click="$dismiss()">Cancel</a> |
||||||
|
<button class="btn btn-primary" ng-class="{disabled: progress.enabled}" ng-click="doImport()" ng-bind="progress.enabled ? 'Importing...' : 'Save'" ng-disabled="progress.enabled"></button> |
||||||
|
</div> |
||||||
|
|
||||||
</div> |
</div> |
||||||
@ -0,0 +1,27 @@ |
|||||||
|
<div class="profile_edit_modal_wrap" my-modal-position> |
||||||
|
|
||||||
|
<a class="modal-close-button" ng-click="$dismiss()"><i></i></a> |
||||||
|
|
||||||
|
<div class="modal-body"> |
||||||
|
|
||||||
|
<form class="modal_simple_form" ng-submit="updateProfile()"> |
||||||
|
|
||||||
|
<h4>Edit Profile</h4> |
||||||
|
|
||||||
|
<div class="form-group import_modal_field_wrap" ng-class="{'has-error': error.field == 'first_name'}"> |
||||||
|
<input class="form-control input-sm" my-focused type="text" placeholder="First name" ng-model="profile.first_name" name="first_name"/> |
||||||
|
</div> |
||||||
|
<div class="form-group import_modal_field_wrap" ng-class="{'has-error': error.field == 'last_name'}"> |
||||||
|
<input class="form-control input-sm" type="text" placeholder="Last name" ng-model="profile.last_name"/> |
||||||
|
</div> |
||||||
|
|
||||||
|
</form> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="modal-footer"> |
||||||
|
<a class="btn btn-link" ng-click="$dismiss()">Cancel</a> |
||||||
|
<button class="btn btn-primary" ng-class="{disabled: profile.updating}" ng-click="updateProfile()" ng-bind="profile.updating ? 'Saving...' : 'Save'" ng-disabled="profile.updating"></button> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
@ -1,101 +1,100 @@ |
|||||||
<div class="settings_modal_wrap" my-modal-position> |
<div class="settings_modal_wrap modal_content_wrap" my-modal-position> |
||||||
|
|
||||||
<div class="modal-header"> |
<a class="modal-close-button" ng-click="$close()"><i></i></a> |
||||||
<a class="modal-close-link" ng-click="$close()">Close</a> |
|
||||||
<h4 class="modal-title">Settings</h4> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="modal-body"> |
<div class="modal-body"> |
||||||
|
|
||||||
<div class="clearfix"> |
<div class="user_modal_photo_profile_wrap"> |
||||||
|
|
||||||
<div class="settings_profile_photo_wrap pull-left"> |
|
||||||
|
|
||||||
<div class="settings_profile_photo"> |
|
||||||
<img |
|
||||||
class="user_modal_image" |
|
||||||
my-load-thumb |
|
||||||
thumb="profile.photo" |
|
||||||
/> |
|
||||||
<div class="settings_profile_photo_change_wrap"> |
|
||||||
<div ng-if="photo.updating" class="settings_profile_photo_loading">Updating<span my-loading-dots></span></div> |
|
||||||
<div ng-if="!photo.updating"> |
|
||||||
<div class="settings_profile_photo_update_link"> |
|
||||||
<input my-file-upload type="file" multiple="false" class="im_attach_input" size="120" multiple="false" accept="image/x-png, image/png, image/gif, image/jpeg" /> |
|
||||||
Update photo |
|
||||||
</div> |
|
||||||
<a ng-if="profile.photo.location" href="" ng-click="deletePhoto()" class="settings_profile_photo_delete_link">Delete photo</a> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
|
<div class="user_modal_image_wrap pull-left"> |
||||||
|
<img |
||||||
|
class="user_modal_image" |
||||||
|
my-load-thumb |
||||||
|
thumb="photo" |
||||||
|
/> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<form my-settings-form name="profileForm" class="settings_profile_edit_form"> |
<div class="user_modal_info_wrap clearfix"> |
||||||
|
<h4 class="user_modal_header" ng-bind-html="profile.rFullName"></h4> |
||||||
<div class="form-group settings_profile_first_name" ng-class="{'has-error': error.field == 'first_name'}"> |
<p class="user_modal_status" ng-bind="profile | userStatus"></p> |
||||||
<label class="control-label" for="first_name"> |
|
||||||
<span ng-if="error.field == 'first_name'">Invalid First Name</span> |
<div class="user_modal_actions_wrap clearfix"> |
||||||
<span ng-if="error.field != 'first_name'">First Name</span> |
<span class="btn btn-primary user_modal_main_btn" ng-if="!photo.updating"> |
||||||
</label> |
<input my-file-upload type="file" multiple="false" class="im_attach_input" size="120" multiple="false" accept="image/x-png, image/png, image/gif, image/jpeg" /> |
||||||
<input type="text" class="form-control" name="first_name" ng-model="profile.first_name" required /> |
Set profile photo |
||||||
</div> |
</span> |
||||||
|
<span class="btn btn-primary user_modal_main_btn disabled" disabled ng-if="photo.updating"> |
||||||
<div class="form-group settings_profile_last_name" ng-class="{'has-error': error.field == 'last_name'}"> |
Updating<span my-loading-dots></span> |
||||||
<label class="control-label" for="last_name"> |
</span> |
||||||
<span ng-if="error.field == 'last_name'">Invalid Last Name</span> |
|
||||||
<span ng-if="error.field != 'last_name'">Last Name</span> |
<div class="dropdown user_modal_other_btn"> |
||||||
</label> |
<button class="btn btn-link dropdown-toggle">More<i class="icon icon-caret"></i></button> |
||||||
<input type="text" class="form-control" name="last_name" ng-model="profile.last_name" /> |
<ul class="dropdown-menu"> |
||||||
</div> |
<li ng-if="photo.location"> |
||||||
|
<a ng-click="deletePhoto()">Delete profile photo</a> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<a ng-click="editProfile()">Edit profile</a> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<a ng-click="terminateSessions()">Terminate all sessions</a> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
|
||||||
<div class="settings_profile_save"> |
|
||||||
<button class="btn btn-link settings_profile_save_btn" ng-click="save(profileForm)" ng-disabled="profileForm.$invalid || (!profileForm.last_name.$dirty && !profileForm.first_name.$dirty)">Save</button> |
|
||||||
</div> |
</div> |
||||||
|
</div> |
||||||
</form> |
|
||||||
|
|
||||||
</div> |
</div> |
||||||
|
|
||||||
<form class="settings_send_choose_form"> |
<div class="modal_section" ng-if="profile.phone"> |
||||||
<div class="radio"> |
<h3 class="modal_section_header">Phone</h3> |
||||||
<label> |
<div class="modal_section_body"> |
||||||
<input type="radio" value="1" ng-model="send.enter"> |
<p><span ng-bind="profile.phone | phoneNumber"></span></p> |
||||||
<strong>Enter</strong> - send message, <strong>Shift + Enter</strong> - new line |
|
||||||
</label> |
|
||||||
</div> |
|
||||||
<div class="radio"> |
|
||||||
<label> |
|
||||||
<input type="radio" value="" ng-model="send.enter"> |
|
||||||
<strong>Ctrl + Enter</strong> - send message, <strong>Enter</strong> - new line |
|
||||||
</label> |
|
||||||
</div> |
</div> |
||||||
</form> |
</div> |
||||||
|
|
||||||
<p> |
<div class="modal_section"> |
||||||
<strong>Sound: </strong> |
<h3 class="modal_section_header">Settings</h3> |
||||||
<a ng-click="notify.sound = !notify.sound">{{notify.sound ? 'ON' : 'OFF'}}</a> |
<div class="modal_section_body"> |
||||||
</p> |
|
||||||
|
|
||||||
<p> |
<div class="tg_form_group"> |
||||||
<strong>Desktop Notifications: </strong> |
<a class="tg_checkbox" ng-click="notify.desktop = !notify.desktop" ng-class="notify.desktop ? 'tg_checkbox_on' : ''"> |
||||||
<a ng-click="notify.desktop = !notify.desktop">{{notify.desktop ? 'ON' : 'OFF'}}</a> |
<span class="icon icon-checkbox-outer"><i class="icon-checkbox-inner"></i></span> |
||||||
</p> |
<span class="tg_checkbox_label">Desktop notifications</span> |
||||||
|
</a> |
||||||
|
|
||||||
<p> |
<a class="tg_checkbox" ng-click="notify.sound = !notify.sound" ng-class="notify.sound ? 'tg_checkbox_on' : ''"> |
||||||
<strong>User: </strong> |
<span class="icon icon-checkbox-outer"><i class="icon-checkbox-inner"></i></span> |
||||||
<span class="settings_user_phone">{{phone | phoneNumber}}</span> |
<span class="tg_checkbox_label">Sound</span> |
||||||
</p> |
</a> |
||||||
|
</div> |
||||||
|
|
||||||
<p> |
<div class="tg_form_group"> |
||||||
<strong>Version: </strong> |
<a class="tg_radio" ng-click="send.enter = 1" ng-class="send.enter == 1 ? 'tg_radio_on' : ''"> |
||||||
<span class="settings_version">alpha 0.0.21</span> |
<i class="icon icon-radio"></i> |
||||||
</p> |
<span> |
||||||
|
<strong>Enter</strong> - send message, <strong>Shift + Enter</strong> - new line |
||||||
|
</span> |
||||||
|
</a> |
||||||
|
|
||||||
|
<a class="tg_radio" ng-click="send.enter = 0" ng-class="send.enter == 0 ? 'tg_radio_on' : ''"> |
||||||
|
<i class="icon icon-radio"></i> |
||||||
|
<span> |
||||||
|
<strong>Ctrl + Enter</strong> - send message, <strong>Enter</strong> - new line |
||||||
|
</span> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
|
||||||
<hr/> |
</div> |
||||||
|
</div> |
||||||
|
|
||||||
<div class="settings_logout_wrap"> |
<div class="modal_section"> |
||||||
<a href="" ng-click="logOut()">Log out</a> |
<h3 class="modal_section_header">About</h3> |
||||||
|
<div class="modal_section_body"> |
||||||
|
<p><strong>Webogram</strong> v0.0.21, <a href="https://github.com/zhukov/webogram" target="_blank">GitHub</a></p> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|||||||
Loading…
Reference in new issue