Telegram Web, preconfigured for usage in I2P.
http://web.telegram.i2p/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
163 lines
6.4 KiB
163 lines
6.4 KiB
<div ng-include="'partials/head.html?3'"></div> |
|
|
|
<div class="im_page_wrap" ng-class="{im_page_peer_not_selected: !curDialog.peer}"> |
|
|
|
<div class="im_page_split clearfix"> |
|
|
|
<div class="im_dialogs_col_wrap" ng-controller="AppImDialogsController"> |
|
<div class="im_dialogs_search"> |
|
<input class="form-control im_dialogs_search_field" type="search" placeholder="Search" ng-model="search.query"/> |
|
<a class="im_dialogs_search_clear" ng-click="search.query = ''" ng-show="search.query.length"></a> |
|
</div> |
|
<div my-dialogs-list class="im_dialogs_col"> |
|
<div class="im_dialogs_wrap nano"> |
|
<div class="im_dialogs_scrollable_wrap content"> |
|
<ul class="nav nav-pills nav-stacked"> |
|
<li class="im_dialog_wrap" my-dialog dialog-message="dialogMessage" ng-repeat="dialogMessage in dialogs track by dialogMessage.peerID" ng-class="{active: curDialog.peerID == dialogMessage.peerID}"></li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="im_history_col_wrap" ng-controller="AppImHistoryController"> |
|
<div ng-if="state.notSelected" class="im_history_not_selected">No history to display</div> |
|
|
|
<div ng-if="state.loaded"> |
|
<div my-history class="im_history_col"> |
|
|
|
<div class="im_history_panel_wrap"> |
|
|
|
<div class="im_history_panel clearfix" ng-controller="AppImPanelController"> |
|
<div class="im_history_panel_title"> |
|
|
|
<div ng-if="historyPeer.id < 0" ng-click="openChat(-historyPeer.id)"> |
|
<span class="im_history_panel_info_link pull-right">Info</span> |
|
<h4> |
|
<span ng-bind-html="historyPeer.data.rTitle"></span> |
|
<small class="im_chat_users"> |
|
<ng-pluralize count="historyPeer.data.participants_count" |
|
when="{'0': 'No members', 'one': '1 member', 'other': '{} members'}"> |
|
</ng-pluralize> |
|
</small> |
|
</h4> |
|
</div> |
|
|
|
<div ng-if="historyPeer.id > 0" ng-click="openUser(historyPeer.id)"> |
|
<span class="im_history_panel_info_link pull-right">Info</span> |
|
<h4> |
|
<span ng-bind-html="historyPeer.data.rFullName"></span> |
|
<small class="im_peer_online">{{historyPeer.data | userStatus}}</small> |
|
</h4> |
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="im_edit_panel_wrap clearfix" ng-if="selectActions"> |
|
<a class="im_edit_delete_link" ng-click="selectedDelete()"><i class="icon icon-delete"></i></a> |
|
<a class="im_edit_cancel_link" ng-click="selectedCancel()">Cancel</a> |
|
<h4 class="im_edit_panel_title"> |
|
<ng-pluralize count="selectedCount" |
|
when="{'0': 'No messages', 'one': '1 message', 'other': '{} messages'}"> |
|
</ng-pluralize> |
|
</h4> |
|
</div> |
|
|
|
|
|
</div> |
|
|
|
<div class="im_history_wrap nano"> |
|
|
|
<div class="im_history_scrollable_wrap content"> |
|
|
|
<div class="im_history_scrollable"> |
|
|
|
<div class="im_history" ng-class="{im_history_selectable: selectActions}"> |
|
<div class="im_history_message_wrap" my-message ng-repeat="historyMessage in history"></div> |
|
</div> |
|
|
|
<div class="im_history_typing_wrap"> |
|
<div class="im_history_typing" ng-animate="{enter:'animate-show', leave:'animate-hide'}" ng-if="typing.user"> |
|
<strong class="im_history_typing_author" ng-bind-html="typing.user.rFullName"></strong> is typing<span my-typing-dots></span> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="im_send_panel_wrap"> |
|
|
|
<div class="im_send_form_wrap1"> |
|
|
|
<div class="im_send_form_wrap clearfix" ng-controller="AppImSendController"> |
|
<div class="pull-right im_panel_peer_photo" ng-click="openUser(historyPeer.id)" ng-if="historyPeer.id > 0"> |
|
<img |
|
class="im_panel_peer_photo" |
|
my-load-thumb |
|
thumb="historyPeer.photo" |
|
/> |
|
<i class="icon im_panel_peer_online" ng-show="historyPeer.data.status._ == 'userStatusOnline'"></i> |
|
</div> |
|
<div class="pull-right im_panel_peer_photo" ng-click="openChat(-historyPeer.id)" ng-if="historyPeer.id < 0"> |
|
<img |
|
class="im_panel_peer_photo" |
|
my-load-thumb |
|
thumb="historyPeer.photo" |
|
/> |
|
</div> |
|
<div class="pull-left im_panel_own_photo"> |
|
<img |
|
class="im_panel_own_photo" |
|
my-load-thumb |
|
thumb="ownPhoto" |
|
/> |
|
</div> |
|
<form my-send-form draft-message="draftMessage" class="im_send_form" ng-submit="sendMessage($event)"> |
|
<div class="im_send_dropbox_wrap"> Drop photos here to send </div> |
|
<textarea ng-model="draftMessage.text" placeholder="Write a message..." class="form-control im_message_field"></textarea> |
|
|
|
<div class="im_media_attach pull-right"> |
|
<input type="file" class="im_media_attach_input" size="28" multiple="true" accept="image/x-png, image/png, image/gif, image/jpeg, video/*, audio/mpeg, audio/mp3" /> |
|
<i class="icon icon-camera"></i> |
|
</div> |
|
|
|
<div class="im_attach pull-right"> |
|
<input type="file" class="im_attach_input" size="28" multiple="true" /> |
|
<i class="icon icon-paperclip"></i> |
|
</div> |
|
|
|
|
|
<div class="im_emoji_btn pull-right"> |
|
<i class="icon icon-emoji"></i> |
|
</div> |
|
|
|
<button type="submit" class="btn btn-tg im_submit">Send</button> |
|
</form> |
|
</div> |
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
<div class="im_page_footer"> |
|
<a class="im_page_footer_brand" target="_blank" href="https://github.com/zhukov/webogram">Telegram alpha</a> by izhukov & toberg |
|
</div> |
|
|
|
<div id="notify_sound"></div> |
|
|
|
|