kurbezz/browser-wakatime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added button for enabling disabling logging.

Browse Source
This commit is contained in:
Mario Basic
2015-06-07 23:42:14 +02:00
parent 8c300f6e4e
commit 2d3d888125
9 changed files with 639 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
assets/js/WakaTime.js
View File

@@ -2,6 +2,7 @@ import UrlHelper from './UrlHelper.js';
import $ from 'jquery';
import currentTimestamp from './helpers/currentTimestamp.js';
import changeExtensionIcon from './helpers/changeExtensionIcon.js';
import devtools from './libs/devtools-detect.js';
class WakaTime {
@@ -49,20 +50,26 @@ class WakaTime {
if (data !== false) {
// User is logged in.
// Change extension icon to default color.
changeExtensionIcon();
chrome.storage.sync.get({
loggingEnabled: false
}, (items) => {
if (items.loggingEnabled === true) {
changeExtensionIcon();
chrome.idle.queryState(this.detectionIntervalInSeconds, (newState) => {
chrome.idle.queryState(this.detectionIntervalInSeconds, (newState) => {
if (newState === 'active') {
// Get current tab URL.
chrome.tabs.query({active: true}, (tabs) => {
this.sendHeartbeat(tabs[0].url);
if (newState === 'active') {
// Get current tab URL.
chrome.tabs.query({active: true}, (tabs) => {
this.sendHeartbeat(tabs[0].url);
});
}
});
}
else {
changeExtensionIcon('red');
}
});
}
else {
@@ -120,6 +127,9 @@ class WakaTime {
var payload = null;
// TODO: Detect if devTools are open
console.log(devtools.open);
this._getLoggingType().done((loggingType) => {
// Get only the domain from the entity.

37
assets/js/components/MainList.react.js
View File

@@ -44,6 +44,38 @@ class MainList extends React.Component {
);
};
// If logging is enabled, display that info to user
var loggingStatus = () => {
if(this.props.loggingEnabled === true && this.props.loggedIn === true)
{
return (
<div className="panel panel-default">
<div className="panel-body">
<div className="row">
<div className="col-xs-12">
<a href="#" onClick={this.props.disableLogging} className="btn btn-danger btn-lg btn-block">Disable logging</a>
</div>
</div>
</div>
</div>
);
}
else
{
return (
<div className="panel panel-default">
<div className="panel-body">
<div className="row">
<div className="col-xs-12">
<a href="#" onClick={this.props.enableLogging} className="btn btn-success btn-lg btn-block">Enable logging</a>
</div>
</div>
</div>
</div>
);
}
};
var signedInAs = () => {
if (this.props.loggedIn === true) {
return (
@@ -54,12 +86,13 @@ class MainList extends React.Component {
<img className="img-circle" width="48" height="48" src={this.props.user.photo} />
</div>
<div className="col-xs-10">
Signed in as
Signed in as&nbsp;
<b>{this.props.user.full_name}</b>
<br />
{this.props.user.email}
</div>
</div>
</div>
</div>
);
@@ -71,6 +104,8 @@ class MainList extends React.Component {
{signedInAs()}
{loggingStatus()}
<div className="list-group">
<a href="#" className="list-group-item" onClick={this._openOptionsPage}>
<i className="fa fa-fw fa-cogs"></i>

62
assets/js/components/WakaTime.react.js
View File

@@ -14,20 +14,11 @@ class WakaTime extends React.Component {
email: null,
photo: null
},
loggedIn: false
loggedIn: false,
loggingEnabled: false
};
componentDidMount() {
chrome.storage.sync.get({
theme: 'light'
}, function (items) {
if (items.theme == 'light') {
changeExtensionIcon();
}
else {
changeExtensionIcon('white');
}
});
var wakatime = new WakaTimeOriginal;
@@ -35,6 +26,18 @@ class WakaTime extends React.Component {
if (data !== false) {
chrome.storage.sync.get({
loggingEnabled: false
}, (items) => {
this.setState({loggingEnabled: items.loggingEnabled});
if (items.loggingEnabled === true) {
changeExtensionIcon();
}
else {
changeExtensionIcon('red');
}
});
this.setState({
user: {
full_name: data.full_name,
@@ -43,8 +46,6 @@ class WakaTime extends React.Component {
},
loggedIn: true
});
changeExtensionIcon();
}
else {
changeExtensionIcon('red');
@@ -84,7 +85,8 @@ class WakaTime extends React.Component {
email: null,
photo: null
},
loggedIn: false
loggedIn: false,
loggingEnabled: false
});
changeExtensionIcon('red');
@@ -92,6 +94,30 @@ class WakaTime extends React.Component {
});
}
_disableLogging() {
this.setState({
loggingEnabled: false
});
changeExtensionIcon('red');
chrome.storage.sync.set({
loggingEnabled: false
});
}
_enableLogging() {
this.setState({
loggingEnabled: true
});
changeExtensionIcon();
chrome.storage.sync.set({
loggingEnabled: true
});
}
render() {
return (
<div>
@@ -99,7 +125,13 @@ class WakaTime extends React.Component {
<div className="container">
<div className="row">
<div className="col-md-12">
<MainList user={this.state.user} logoutUser={this._logoutUser.bind(this)} loggedIn={this.state.loggedIn} />
<MainList
disableLogging={this._disableLogging.bind(this)}
enableLogging={this._enableLogging.bind(this)}
loggingEnabled={this.state.loggingEnabled}
user={this.state.user}
logoutUser={this._logoutUser.bind(this)}
loggedIn={this.state.loggedIn} />
</div>
</div>
</div>

32
assets/js/helpers/changeExtensionIcon.js
View File

@@ -4,13 +4,37 @@
*/
export default function changeExtensionIcon(color = '') {
var path = null;
if (color !== '') {
color = '-' + color;
path = './graphics/wakatime-logo-48' + color + '.png';
chrome.browserAction.setIcon({
path: path
});
}
var path = './graphics/wakatime-logo-48' + color + '.png';
if (color === '') {
chrome.storage.sync.get({
theme: 'light'
}, function (items) {
if (items.theme == 'light') {
path = './graphics/wakatime-logo-48.png';
chrome.browserAction.setIcon({
path: path
});
}
else {
path = './graphics/wakatime-logo-48-white.png';
chrome.browserAction.setIcon({
path: path
});
}
});
}
chrome.browserAction.setIcon({
path: path
});
}

40
assets/js/libs/devtools-detect.js Normal file
View File

@@ -0,0 +1,40 @@
/*!
devtools-detect
Detect if DevTools is open
https://github.com/sindresorhus/devtools-detect
by Sindre Sorhus
MIT License
*/
(function () {
'use strict';
var devtools = {open: false};
var threshold = 160;
var emitEvent = function (state) {
window.dispatchEvent(new CustomEvent('devtoolschange', {
detail: {
open: state
}
}));
};
setInterval(function () {
if ((window.Firebug && window.Firebug.chrome && window.Firebug.chrome.isInitialized) || window.outerWidth - window.innerWidth > threshold ||
window.outerHeight - window.innerHeight > threshold) {
if (!devtools.open) {
emitEvent(true);
}
devtools.open = true;
} else {
if (devtools.open) {
emitEvent(false);
}
devtools.open = false;
}
}, 500);
if (typeof module !== 'undefined' && module.exports) {
module.exports = devtools;
} else {
window.devtools = devtools;
}
})();