r4sas
/
webogram-i2p
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

Added StatusManager, GA counter, improved readme

master
Igor Zhukov 11 years ago
parent
a0dc7a7195
commit
70cdf39378
5 changed files with 72 additions and 9 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      README.md
  2. 16
      app/index.html
  3. 3
      app/js/controllers.js
  4. 47
      app/js/services.js
  5. 2
      app/manifest.json

9
README.md
Unescape View File

@ -31,6 +31,7 @@ Here are some screenshots of the interface:
* Emoji keyboard * Emoji keyboard
* Send plain-text messages to user or group * Send plain-text messages to user or group
* Send files (photos or documents) via attach icon or drag'n'drop * Send files (photos or documents) via attach icon or drag'n'drop
* Desktop notifications
### Unsupported at the moment ### Unsupported at the moment
@ -38,7 +39,6 @@ Here are some screenshots of the interface:
* Secret chats * Secret chats
* Create new group * Create new group
* Edit group photo/title/participants * Edit group photo/title/participants
* Desktop notifications
* Settings * Settings
* Edit profile/userpic * Edit profile/userpic
* Contacts * Contacts
@ -62,6 +62,13 @@ Install [node.js](http://nodejs.org/) and run `node server.js`. Open page http:/
#### Running as Chrome Packaged App #### Running as Chrome Packaged App
It is possible to run this application in Chrome browser as a packaged app. In order to do this, open this URL in Chrome: `chrome://extensions/`, then tick "Developer mode" and press "Load unpacked extension...". Select the downloaded `app` folder and Webogram application should appear in the list. It is possible to run this application in Chrome browser as a packaged app. In order to do this, open this URL in Chrome: `chrome://extensions/`, then tick "Developer mode" and press "Load unpacked extension...". Select the downloaded `app` folder and Webogram application should appear in the list.
Also it's necessary to replace following line in index.html:
```<html lang="en" ng-app="myApp"><!-- ng-csp=""-->```
with:
```<html lang="en" ng-app="myApp" ng-csp="">```
You can also download this application from Chrome Web Store: [chrome.google.com/webstore/detail/telegram-unofficial/clhhggbfdinjmjhajaheehoeibfljjno](https://chrome.google.com/webstore/detail/telegram-unofficial/clhhggbfdinjmjhajaheehoeibfljjno). This is more secure way to use app than plain HTTP in web, because sources are downloaded only once and via HTTPS.
### Third party libraries ### Third party libraries

16
app/index.html
Unescape View File

@ -21,6 +21,16 @@
<div ng-view></div> <div ng-view></div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45099287-2');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="vendor/console-polyfill/console-polyfill.js"></script> <script type="text/javascript" src="vendor/console-polyfill/console-polyfill.js"></script>
<script type="text/javascript" src="vendor/jquery/jquery.min.js"></script> <script type="text/javascript" src="vendor/jquery/jquery.min.js"></script>
<script type="text/javascript" src="vendor/jquery.nanoscroller/nanoscroller.js"></script> <script type="text/javascript" src="vendor/jquery.nanoscroller/nanoscroller.js"></script>
@ -38,12 +48,12 @@
<script type="text/javascript" src="js/lib/config.js"></script> <script type="text/javascript" src="js/lib/config.js"></script>
<script type="text/javascript" src="js/lib/mtproto.js?11"></script> <script type="text/javascript" src="js/lib/mtproto.js?12"></script>
<script type="text/javascript" src="js/util.js"></script> <script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/app.js?5"></script> <script type="text/javascript" src="js/app.js?5"></script>
<script type="text/javascript" src="js/services.js?6"></script> <script type="text/javascript" src="js/services.js?7"></script>
<script type="text/javascript" src="js/controllers.js?11"></script> <script type="text/javascript" src="js/controllers.js?12"></script>
<script type="text/javascript" src="js/filters.js?3"></script> <script type="text/javascript" src="js/filters.js?3"></script>
<script type="text/javascript" src="js/directives.js?7"></script> <script type="text/javascript" src="js/directives.js?7"></script>

3
app/js/controllers.js
Unescape View File

@ -232,13 +232,14 @@ angular.module('myApp.controllers', [])
}) })
.controller('AppImHistoryController', function ($scope, $location, $timeout, $rootScope, MtpApiManager, AppUsersManager, AppChatsManager, AppMessagesManager, AppPeersManager, ApiUpdatesManager, IdleManager) { .controller('AppImHistoryController', function ($scope, $location, $timeout, $rootScope, MtpApiManager, AppUsersManager, AppChatsManager, AppMessagesManager, AppPeersManager, ApiUpdatesManager, IdleManager, StatusManager) {
$scope.$watch('curDialog.peer', applyDialogSelect); $scope.$watch('curDialog.peer', applyDialogSelect);
ApiUpdatesManager.attach(); ApiUpdatesManager.attach();
IdleManager.start(); IdleManager.start();
StatusManager.start();
$scope.history = []; $scope.history = [];
$scope.typing = {}; $scope.typing = {};

47
app/js/services.js
Unescape View File

@ -1807,15 +1807,18 @@ angular.module('myApp.services', [])
$rootScope.idle = {isIDLE: false}; $rootScope.idle = {isIDLE: false};
var toPromise; var toPromise, started = false;
return { return {
start: start start: start
}; };
function start () { function start () {
if (!started) {
started = true;
$($window).on('blur focus keydown mousedown touchstart', onEvent); $($window).on('blur focus keydown mousedown touchstart', onEvent);
} }
}
function onEvent (e) { function onEvent (e) {
// console.log('event', e.type); // console.log('event', e.type);
@ -1847,6 +1850,46 @@ angular.module('myApp.services', [])
} }
}) })
.service('StatusManager', function ($timeout, $rootScope, MtpApiManager, IdleManager) {
var toPromise, lastOnlineUpdated = 0, started = false;
return {
start: start
};
function start() {
if (!started) {
started = true;
$rootScope.$watch('idle.isIDLE', checkIDLE);
}
}
function sendUpdateStatusReq(offline) {
var date = (1 * new Date());
if (offline && !lastOnlineUpdated ||
!offline && (date - lastOnlineUpdated) < 50000) {
return;
}
lastOnlineUpdated = offline ? 0 : date;
return MtpApiManager.invokeApi('account.updateStatus', {
offline: offline
});
}
function checkIDLE() {
toPromise && $timeout.cancel(toPromise);
if ($rootScope.idle.isIDLE) {
toPromise = $timeout(function () {
sendUpdateStatusReq(true);
}, 5000);
} else {
sendUpdateStatusReq(false);
toPromise = $timeout(checkIDLE, 60000);
}
}
})
.service('NotificationsManager', function ($rootScope, $window, $timeout, $interval, MtpApiManager, AppPeersManager, IdleManager) { .service('NotificationsManager', function ($rootScope, $window, $timeout, $interval, MtpApiManager, AppPeersManager, IdleManager) {
@ -1921,7 +1964,9 @@ angular.module('myApp.services', [])
$($window).on('click', requestPermission); $($window).on('click', requestPermission);
} }
try {
$($window).on('beforeunload', notificationsClear); $($window).on('beforeunload', notificationsClear);
} catch (e) {}
} }
function requestPermission() { function requestPermission() {

2
app/manifest.json
Unescape View File

@ -1,6 +1,6 @@
{ {
"name": "Telegram UNOFFICIAL", "name": "Telegram UNOFFICIAL",
"version": "0.0.9", "version": "0.0.10",
"short_name": "Webogram", "short_name": "Webogram",
"manifest_version": 2, "manifest_version": 2,
"app": { "app": {

Write Preview
Loading…
Cancel
Save