(.*)<\/en-note>', raw)
78 | if m:
79 | content = m.groups()[0]
80 | if content:
81 | return tools.remove_html_tags(content)
82 |
83 |
84 | def get_note(user, note_id):
85 | STRIP_WORDS = ["Pocket:"]
86 | title = url = content = None
87 | access_token = user_access_token(user)
88 | if access_token:
89 | client = EvernoteClient(token=access_token, sandbox=SANDBOX)
90 | noteStore = client.get_note_store()
91 | note = noteStore.getNote(access_token, note_id, True, False, False, False)
92 | if note:
93 | logging.debug(note)
94 | content = extract_clipping_content(note.content)
95 | title = note.title
96 | uid = note.guid
97 | for sw in STRIP_WORDS:
98 | if sw in title:
99 | title = title.replace(sw, '')
100 | title = title.strip()
101 | attrs = note.attributes
102 | if attrs:
103 | url = attrs.sourceURL
104 | else:
105 | logging.debug("Note not found")
106 | else:
107 | logging.warning("Access token not available")
108 | return (uid, title, content, url)
109 |
110 | if __name__ == "__main__":
111 | pass
--------------------------------------------------------------------------------
/services/github.py:
--------------------------------------------------------------------------------
1 | #!/usr/bin/python
2 | # -*- coding: utf-8 -*-
3 |
4 | # API calls to interact with Github
5 |
6 | from google.appengine.api import urlfetch
7 | import base64
8 | import json
9 | import logging
10 | import urllib
11 | from datetime import datetime, timedelta, time
12 | from google.appengine.api import memcache
13 | import tools
14 | from bs4 import BeautifulSoup
15 |
16 | BASE = 'https://api.github.com'
17 | REPO_MEMKEY = "GITHUB:%s"
18 | GH_DATE = "%Y-%m-%dT%H:%M:%SZ"
19 |
20 |
21 | class GithubClient(object):
22 |
23 | def __init__(self, user):
24 | self.user = user
25 | self.pat = self.user.get_integration_prop('github_pat')
26 | self.github_username = self.user.get_integration_prop('github_username')
27 |
28 | def _can_run(self):
29 | return self.pat and self.github_username
30 |
31 | def _parse_raw_date(self, date):
32 | return datetime.strptime(date, GH_DATE)
33 |
34 | def api_call(self, url):
35 | '''
36 | Return tuple (response_object, json parsed response)
37 | '''
38 | if not url.startswith('http'):
39 | url = BASE + url
40 | auth_header = {"Authorization": "Basic %s" % base64.b64encode("%s:%s" % (self.github_username, self.pat))}
41 | logging.debug("GET %s" % url)
42 | response = urlfetch.fetch(url, method="GET", deadline=60, headers=auth_header)
43 | if response.status_code == 200:
44 | return (response, json.loads(response.content))
45 | else:
46 | logging.debug(response.content)
47 | return (response, None)
48 |
49 | def get_contributions_on_date_range(self, date_range):
50 | '''
51 | Currently scraping Github public overview page (no API yet)
52 | '''
53 | response = urlfetch.fetch("https://github.com/%s?tab=overview" % self.github_username, deadline=30)
54 | if response.status_code == 200:
55 | bs = BeautifulSoup(response.content, "html.parser")
56 | commits_dict = {}
57 | for date in date_range:
58 | iso_date = tools.iso_date(date)
59 | commits_on_day = bs.find('rect', {'data-date': iso_date}).get('data-count', 0)
60 | commits_dict[date] = commits_on_day
61 | return commits_dict
62 | else:
63 | logging.error("Error getting contributions")
64 |
--------------------------------------------------------------------------------
/services/goodreads.py:
--------------------------------------------------------------------------------
1 | import logging
2 | from settings.secrets import GR_API_KEY
3 | from google.appengine.api import urlfetch
4 | from google.appengine.ext import ndb
5 | from lxml import etree
6 | from StringIO import StringIO
7 | from models import Readable
8 | from constants import READABLE
9 | import urllib
10 |
11 |
12 | def get_books_on_shelf(user, shelf='currently-reading'):
13 | '''
14 | Return JSON array {title, author, isbn, image}
15 | '''
16 | user_id = user.get_integration_prop('goodreads_user_id')
17 | readables = []
18 | success = False
19 | if user_id:
20 | data = urllib.urlencode({
21 | 'shelf': shelf,
22 | 'key': GR_API_KEY,
23 | 'v': 2
24 | })
25 | params = data
26 | url = "https://www.goodreads.com/review/list/%s.xml?%s" % (user_id, params)
27 | logging.debug("Fetching %s for %s" % (url, user))
28 | res = urlfetch.fetch(
29 | url=url,
30 | method=urlfetch.GET,
31 | validate_certificate=True)
32 | logging.debug(res.status_code)
33 | if res.status_code == 200:
34 | xml = res.content
35 | data = etree.parse(StringIO(xml))
36 | for r in data.getroot().find('reviews').findall('review'):
37 | book = r.find('book')
38 | isbn = book.find('isbn13').text
39 | image_url = book.find('image_url').text
40 | title = book.find('title').text
41 | authors = book.find('authors')
42 | link = book.find('link').text
43 | first_author = authors.find('author')
44 | if first_author is not None:
45 | name = first_author.find('name')
46 | if name is not None:
47 | author = name.text
48 | r = Readable.CreateOrUpdate(user, isbn, title=title,
49 | url=link, source='goodreads',
50 | image_url=image_url, author=author,
51 | type=READABLE.BOOK,
52 | read=False)
53 | readables.append(r)
54 | success = True
55 | logging.debug("Putting %d readable(s)" % len(readables))
56 | ndb.put_multi(readables)
57 | Readable.put_sd_batch(readables)
58 | return (success, readables)
59 |
60 |
--------------------------------------------------------------------------------
/services/gservice.py:
--------------------------------------------------------------------------------
1 | #!/usr/bin/python
2 | # -*- coding: utf-8 -*-
3 |
4 | from apiclient import discovery
5 | import logging
6 | from oauth2client import client
7 | import httplib2
8 | from datetime import datetime, timedelta
9 | import tools
10 | from constants import SECURE_BASE
11 | from settings.secrets import GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET
12 | from oauth2client.client import GoogleCredentials
13 |
14 |
15 | class GoogleServiceFetcher(object):
16 |
17 | def __init__(self, user, api='fitness', version='v3',
18 | scopes=None, credential_type='user'):
19 | self.user = user
20 | self.service = None
21 | self.api = api
22 | self.version = version
23 | self.credentials = None
24 | self.http_auth = None
25 | self.credential_type = credential_type
26 | if credential_type == 'user':
27 | self.get_user_credentials_object()
28 | else:
29 | self.get_application_credentials_object()
30 | self.scopes = scopes if scopes else []
31 |
32 | def build_service(self):
33 | ok = False
34 | logging.debug("Building %s service for %s (%s)" % (self.credential_type, self.api, self.version))
35 | kwargs = {}
36 | if self.credential_type == 'user':
37 | if not self.http_auth:
38 | self.get_http_auth()
39 | kwargs['http'] = self.http_auth
40 | ok = bool(self.http_auth)
41 | else:
42 | kwargs['credentials'] = self.credentials
43 | ok = bool(self.credentials)
44 | self.service = discovery.build(self.api, self.version, **kwargs)
45 | if not ok:
46 | logging.warning("Failed to build service for %s (%s) - Credential failure?" % (self.api, self.version))
47 | return ok
48 |
49 | def set_google_credentials(self, credentials_object):
50 | logging.debug(credentials_object.to_json())
51 | self.user.set_integration_prop('google_credentials', credentials_object.to_json())
52 | self.user.put()
53 |
54 | def get_google_credentials(self):
55 | return self.user.get_integration_prop('google_credentials', {})
56 |
57 | def get_auth_flow(self, scope):
58 | base = 'http://localhost:8080' if tools.on_dev_server() else SECURE_BASE
59 | flow = client.OAuth2WebServerFlow(client_id=GOOGLE_CLIENT_ID,
60 | client_secret=GOOGLE_CLIENT_SECRET,
61 | scope=scope,
62 | access_type='offline',
63 | prompt='consent',
64 | redirect_uri=base + "/api/auth/google/oauth2callback")
65 | flow.params['include_granted_scopes'] = 'true'
66 | # flow.params['access_type'] = 'offline'
67 | return flow
68 |
69 | def get_user_credentials_object(self):
70 | if not self.credentials:
71 | cr_json = self.get_google_credentials()
72 | if cr_json:
73 | # Note JSON is stored as escaped string, not dict
74 | cr = client.Credentials.new_from_json(cr_json)
75 | expires_in = cr.token_expiry - datetime.utcnow()
76 | logging.debug("expires_in: %s" % expires_in)
77 | if expires_in < timedelta(minutes=15):
78 | try:
79 | cr.refresh(httplib2.Http())
80 | except client.HttpAccessTokenRefreshError, e:
81 | logging.error("HttpAccessTokenRefreshError: %s" % e)
82 | cr = None
83 | else:
84 | self.set_google_credentials(cr)
85 | self.credentials = cr
86 | return cr
87 |
88 | def get_application_credentials_object(self):
89 | if not self.credentials:
90 | self.credentials = GoogleCredentials.get_application_default()
91 |
92 | def get_auth_uri(self, state=None):
93 | flow = self.get_auth_flow(scope=' '.join(self.scopes))
94 | auth_uri = flow.step1_get_authorize_url(state=state)
95 | return auth_uri
96 |
97 | def get_http_auth(self):
98 | self.get_user_credentials_object()
99 | if self.credentials:
100 | self.http_auth = self.credentials.authorize(httplib2.Http())
101 |
102 | def check_available_scopes(self):
103 | scopes = self.credentials.retrieve_scopes(httplib2.Http())
104 | missing_scopes = []
105 | if self.scopes:
106 | for scope in self.scopes:
107 | if scope not in scopes:
108 | missing_scopes.append(scope)
109 | if missing_scopes:
110 | logging.debug("Missing scopes: %s" % missing_scopes)
111 | return missing_scopes
112 |
--------------------------------------------------------------------------------
/settings/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/onejgordon/flow-dashboard/b8d85d9313e51cf386f6d2e5944fc958a7d96769/settings/__init__.py
--------------------------------------------------------------------------------
/settings/secrets_template.py:
--------------------------------------------------------------------------------
1 | #!/usr/bin/python
2 | # -*- coding: utf8 -*-
3 |
4 | # To generate, run in Python:
5 | # import os
6 | # os.urandom(48)
7 | COOKIE_KEY = ''
8 |
9 | # GCP project info
10 | GOOGLE_PROJECT_ID = "flow-app-xxxx"
11 | GOOGLE_PROJECT_NO = 0
12 |
13 | # Create an oauth 2.0 web client ID from GCP console
14 | # Configure our client ID with, authorized javascript origins:
15 | # - https://[your-project-id].appspot.com
16 | # - https://test-dot-[your-project-id].appspot.com (optional, to enable testing on a subversion)
17 | # And authorised redirect URIs:
18 | # - https://[your-project-id].appspot.com/api/auth/google/oauth2callback
19 | GOOGLE_CLIENT_ID = "######.XXXXXXXXXXXX.apps.googleusercontent.com"
20 | GOOGLE_CLIENT_SECRET = "XXXXXXXXX"
21 |
22 | # Create a second oauth 2.0 client ID for use on the dev server. Origins:
23 | # - http://localhost:8080
24 | # Redirects:
25 | # - http://localhost:8080/api/auth/google/oauth2callback
26 | DEV_GOOGLE_CLIENT_ID = "######.XXXXXXXXXXXX.apps.googleusercontent.com"
27 |
28 | # Create a new API key from GCP console (optional)
29 | G_MAPS_API_KEY = "XXXXXXXX"
30 |
31 | # AES Cypher Key (generate similarly to above with os.urandom(16))
32 | AES_CYPHER_KEY = '16 byte key ....'
33 |
34 | # Good Reads (optional)
35 | GR_API_KEY = ""
36 | GR_SECRET = ""
37 |
38 | # Pocket (optional)
39 | POCKET_CONSUMER_KEY = ""
40 |
41 | # Evernote (optional)
42 | EVERNOTE_CONSUMER_KEY = ""
43 | EVERNOTE_CONSUMER_SECRET = ""
44 | EVERNOTE_DEV_TOKEN = ""
45 |
46 | # Facebook (optional)
47 | FB_ACCESS_TOKEN = ""
48 | FB_VERIFY_TOKEN = ""
49 |
50 | # Dialogflow (Previously API.AI, optional)
51 | API_AI_AUTH_KEY = ""
52 | API_AI_FB_CALLBACK = ""
53 |
--------------------------------------------------------------------------------
/src/error.html:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 | {{ SITENAME }} | Error
8 |
21 |
22 |
Sorry, an error has occurred
23 |
24 |
Rest assured, we're working on the problem!
25 |
26 | {% if traceback %}
27 |
{{ traceback|escape }}
28 | {% endif %}
29 |
30 |
{{ SITENAME }} | {{ TAGLINE }}
7 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
98 |
99 |
Analysis
100 |
101 |
refresh
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
Note that on all charts clicking on series labels will toggle visibility
111 |
112 | { React.cloneElement(this.props.children, {
113 | user: this.props.user,
114 | goals: goals,
115 | journals: journals,
116 | tasks: tasks,
117 | tracking_days: tracking_days,
118 | habits: habits,
119 | habitdays: habitdays,
120 | iso_dates: iso_dates,
121 | end_date: end,
122 | loaded: loaded,
123 | onUpdateData: this.handle_update }) }
124 |
125 |
68 |
69 |
70 |
71 |
To connect to {provider.name}, sign in to {SITENAME}
72 |
73 |
74 |
75 |
Or
76 |
77 |
78 |
85 |
86 |
87 |
88 |
53 |
54 |
Feedback
55 |
56 |
61 |
62 |
Your message will be sent as { user.email } .
63 |
64 |
65 |
66 |
67 |
68 |
69 |
Or, want to file a bug report?
70 |
71 |
Please create an issue on Github .
72 |
73 |
74 |
75 |
76 |
more_vert}>
50 | { menu.map((mi, i) => {
51 | return {mi.icon}} onTouchTap={mi.click}>{mi.label}
52 | }) }
53 |
54 | )
55 | let secondary = ["Created " + util.printDate(h.ts_created)]
56 | if (h.archived) secondary.push("Archived")
57 | let st = {}
58 | if (h.archived) st.color = "#555";
59 | let title = { h.name }
60 | return
70 |
71 |
Habit History
72 |
73 |
7 |
Not Found
8 |
9 | );
10 | }
11 | };
12 |
--------------------------------------------------------------------------------
/src/js/components/Privacy.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var util = require('utils/util');
3 |
4 | export default class Privacy extends React.Component {
5 | static defaultProps = {}
6 | constructor(props) {
7 | super(props);
8 | }
9 |
10 | componentDidMount() {
11 | util.set_title("Privacy Policy");
12 | }
13 |
14 | render() {
15 | return (
16 |
17 |
18 |
Flow Dashboard Privacy Policy
19 |
20 |
What information does Flow collect?
21 |
22 |
The Flow Dashboard application collects explicitly volunteered user data in order to help users track goals, habits, daily tasks, and events. Flow Dashboard uses Google Cloud Platform to host all data, and retains a log of HTTP request activity for up to 60 days. Conversations hosted by Actions on the Google API are not specifically recorded, though some actions cause updates to user data in the Flow Dashboard app. To authenticate sign in, Flow Dashboard stores the email address of all users.
23 |
24 |
How does Flow use the information?
25 |
26 |
All information is collected for the purpose of providing the Flow Dashboard app services to users. Data stored for each user is owned by that user. Data can be fully cleared by request at any time, and exports can also be made available. Email addresses will never be used for anything other than opt-in notifications.
27 |
28 |
What information does Flow share?
29 |
30 |
No information is shared with third parties.
31 |
32 |
Contact
33 |
34 |
35 | onejgordon@gmail.com
38 |
39 |
{ icon }
33 | let secondary = ["Created " + util.printDate(prj.ts_created)]
34 | if (prj.archived) secondary.push("Archived")
35 | let st = {}
36 | let title = { prj.title }
37 | return
47 |
48 |
Project History
49 |
50 |
74 |
75 |
76 |
77 |
{this.props.children}
78 |
79 |
82 |
84 | )
85 | }
86 | }
87 |
88 | // Important!
89 | Site.childContextTypes = {
90 | muiTheme: PropTypes.object
91 | };
92 |
93 | var injectTapEventPlugin = require("react-tap-event-plugin");
94 | //Needed for onTouchTap
95 | //Can go away when react 1.0 release
96 | //Check this repo:
97 | //https://github.com/zilverline/react-tap-event-plugin
98 | injectTapEventPlugin();
99 |
100 | export default supplyFluxContext(alt)(Site)
101 |
--------------------------------------------------------------------------------
/src/js/components/Splash.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var AppConstants = require('constants/AppConstants');
3 | import {Link} from 'react-router';
4 | import GoogleLoginCompat from 'components/common/GoogleLoginCompat';
5 | import {RaisedButton, Snackbar} from 'material-ui';
6 | import {G_OAUTH_CLIENT_ID, DEV_G_OAUTH_CLIENT_ID, DEV_GOOGLE_API_KEY, GOOGLE_API_KEY} from 'constants/client_secrets';
7 | var client_secrets = require('constants/client_secrets');
8 |
9 | export default class Splash extends React.Component {
10 | static defaultProps = {
11 | signing_in: false
12 | }
13 | constructor(props) {
14 | super(props);
15 | this.state = {
16 | };
17 | }
18 |
19 | success(gUser) {
20 | }
21 |
22 | fail(res) {
23 | console.log(res)
24 | }
25 |
26 | render() {
27 | let SITENAME = AppConstants.SITENAME;
28 | let {user, signing_in} = this.props;
29 | let snack_message = "Signing you in...";
30 | let cta = user ? `Welcome back to ${SITENAME}` : `Welcome to ${SITENAME}`;
31 | let oauth_client_id = constants.dev ? client_secrets.DEV_G_OAUTH_CLIENT_ID || client_secrets.G_OAUTH_CLIENT_ID : client_secrets.G_OAUTH_CLIENT_ID
32 | return (
33 |
34 |
35 |
36 |
37 |
{cta}
38 |
39 |
{ AppConstants.TAGLINE }
40 |
41 |
42 |
44 |
45 |
46 |
47 |
59 |
60 |
61 |
62 |
31 |
32 |
Task History
33 |
34 | {key}: {val}today} key={td.id} primaryText={pt} secondaryText={st} />
44 | }
45 |
46 | render() {
47 | let {form} = this.state;
48 | let params = clone(form);
49 | if (form.date_from) params.date_from = util.printDateObj(form.date_from);
50 | if (form.date_to) params.date_to = util.printDateObj(form.date_to);
51 | return (
52 |
53 |
54 |
Tracking History
55 |
56 |
57 |
58 |
59 |
65 |
66 |
72 |
74 |
75 |
84 |
85 |
47 |
48 |
Test Agent
49 |
50 |
119 |
120 | more_vert}>
121 | list} />
122 |
123 |
124 |
Tracking
125 |
126 |
127 |
128 |
129 | );
130 | }
131 | }
132 |
133 | module.exports = AnalysisMisc;
--------------------------------------------------------------------------------
/src/js/components/analysis/AnalysisTasks.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var util = require('utils/util');
3 | import {Bar, Line} from "react-chartjs-2";
4 | import Select from 'react-select'
5 | import {changeHandler} from 'utils/component-utils';
6 | import connectToStores from 'alt-utils/lib/connectToStores';
7 |
8 | @connectToStores
9 | @changeHandler
10 | export default class AnalysisTasks extends React.Component {
11 | static defaultProps = {
12 | goals: {}
13 | };
14 | constructor(props) {
15 | super(props);
16 | this.state = {
17 | form: {
18 | chart_type: 'count' // ['count', 'sessions', 'time']
19 | },
20 | };
21 | }
22 |
23 | static getStores() {
24 | return [];
25 | }
26 |
27 | static getPropsFromStores() {
28 | return {};
29 | }
30 |
31 | componentDidMount() {
32 |
33 | }
34 |
35 | get_task_value(t) {
36 | let {form} = this.state;
37 | return {
38 | 'count': 1,
39 | 'sessions': t.timer_complete_sess,
40 | 'time': parseInt(t.timer_total_ms / 1000 / 60)
41 | }[form.chart_type];
42 | }
43 |
44 | task_data() {
45 |
46 | let {iso_dates, tasks} = this.props;
47 | let completed_on_time = [];
48 | let completed_late = [];
49 | let not_completed = [];
50 | let DUE_BUFFER = 1000*60*60*2; // 2 hrs
51 | iso_dates.forEach((iso_date) => {
52 | let tasks_due_on_day = tasks.filter((t) => {
53 | return util.printDate(t.ts_due) == iso_date;
54 | });
55 | let on_time_value = 0;
56 | let late_value = 0;
57 | let incomplete_value = 0;
58 | tasks_due_on_day.forEach((t) => {
59 | let done = t.done;
60 | let value = this.get_task_value(t);
61 | if (done) {
62 | let on_time = t.ts_done <= t.ts_due + DUE_BUFFER;
63 | if (on_time) on_time_value += value;
64 | else late_value += value;
65 | } else {
66 | incomplete_value += value;
67 | }
68 | });
69 | completed_on_time.push(on_time_value);
70 | completed_late.push(late_value);
71 | not_completed.push(incomplete_value);
72 | })
73 | let data = {
74 | labels: iso_dates,
75 | datasets: [
76 | {
77 | label: "Completed",
78 | data: completed_on_time,
79 | backgroundColor: '#4FFF7A'
80 | },
81 | {
82 | label: "Completed Late",
83 | data: completed_late,
84 | backgroundColor: '#DBFE5E'
85 | },
86 | {
87 | label: "Not Completed",
88 | data: not_completed,
89 | backgroundColor: '#F7782D'
90 | }
91 | ]
92 | };
93 | return data;
94 | }
95 |
96 | render() {
97 | let {form} = this.state;
98 | let taskData = this.task_data()
99 | let taskOptions = {
100 | scales: {
101 | yAxes: [{
102 | stacked: true
103 | }],
104 | xAxes: [{
105 | stacked: true
106 | }]
107 | }
108 | }
109 | let opts = [
110 | {value: 'count', label: "Task Count"},
111 | {value: 'sessions', label: "Completed Sessions"},
112 | {value: 'time', label: "Logged Time (minutes)"}
113 | ]
114 | return (
115 |
116 |
117 |
118 |
Top Tasks
119 |
120 |
121 |
122 |
123 | Bar Height
124 |
126 |
127 |
128 |
129 |
130 |
131 | {icon}{value}
,
38 | {label}
39 | ];
40 | if (labelPosition == 'top') order = order.reverse();
41 | return (
42 |
43 | { order }
44 |
45 | )
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/src/js/components/common/DateTime.js:
--------------------------------------------------------------------------------
1 | var PropTypes = require('prop-types');
2 | var React = require('react');
3 | var util = require('utils/util');
4 |
5 | export default class DateTime extends React.Component {
6 | static propTypes = {
7 | ms: PropTypes.number,
8 | prefix: PropTypes.string,
9 | color: PropTypes.string
10 | }
11 |
12 | static defaultProps = {
13 | ms: 0,
14 | prefix: null,
15 | color: null
16 | }
17 |
18 | render() {
19 | let {prefix, ms, color} = this.props;
20 | let {very_old, text, full_date} = util.timesince(ms);
21 | if (prefix != null) text = prefix + ": " + text;
22 | let st = {};
23 | if (color != null) st.color = color;
24 | return (
25 | { text }
26 | )
27 | }
28 | }
29 |
30 |
--------------------------------------------------------------------------------
/src/js/components/common/GoogleLoginCompat.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var api = require('utils/api');
3 | import {browserHistory} from 'react-router';
4 | var UserActions = require('actions/UserActions');
5 |
6 | const GSI_CLIENT_SRC = 'https://accounts.google.com/gsi/client';
7 |
8 | const loadScript = (src) => {
9 | return new Promise((resolve, reject) => {
10 | if (document.querySelector(`script[src="${src}"]`)) return resolve()
11 | const script = document.createElement('script')
12 | script.src = src
13 | script.onload = () => resolve()
14 | script.onerror = (err) => reject(err)
15 | document.body.appendChild(script)
16 | })
17 | }
18 |
19 | export default class GoogleLoginCompat extends React.Component {
20 | constructor(props) {
21 | super(props);
22 | this.state = {
23 | signing_in: false
24 | }
25 | }
26 |
27 | componentDidMount() {
28 |
29 | const id = this.props.clientId;
30 |
31 | loadScript(GSI_CLIENT_SRC)
32 | .then(() => {
33 | /*global google*/
34 | console.log(google)
35 | google.accounts.id.initialize({
36 | client_id: id,
37 | callback: this.handleCredentialResponse.bind(this),
38 | })
39 | google.accounts.id.renderButton(
40 | this.refs.googleButton,
41 | { theme: 'outline', size: 'large' }
42 | )
43 | })
44 | .catch(console.error)
45 | }
46 |
47 | componentWillUnmount() {
48 | const scriptTag = document.querySelector(`script[src="${GSI_CLIENT_SRC}"]`);
49 | if (scriptTag) document.body.removeChild(scriptTag);
50 | }
51 |
52 | handleCredentialResponse(response) {
53 | this.verifyUser(response.credential);
54 | }
55 |
56 | verifyUser(credential) {
57 | const id_token = credential;
58 | let data = {token: id_token};
59 | this.setState({signing_in: true}, () => {
60 | api.post('/api/auth/google_login', data, (res) => {
61 | UserActions.storeUser(res.user);
62 | browserHistory.push('/app/dashboard');
63 | this.setState({signing_in: false});
64 | }, (res_fail) => {
65 | this.setState({signing_in: false});
66 | })
67 | });
68 | }
69 |
70 | render() {
71 | return (
72 |
73 | { this.state.signing_in ?
Signing in... : null }
74 |
75 |
18 |
20 | );
21 | var nil = (
22 | highlight_off
23 | );
24 | return showLoadStatus ? (
25 |
26 | { showLoader ? loader : "" }
27 | { showNil ? nil : "" }
28 | { message }
29 |
30 | ) :
;
31 | }
32 | }
33 |
34 | LoadStatus.defaultProps = {
35 | loading: false,
36 | empty: true,
37 | emptyMessage: "Nothing to show",
38 | loadingMessage: "Please wait...",
39 | hidden: false
40 | };
41 |
--------------------------------------------------------------------------------
/src/js/components/common/MobileDialog.js:
--------------------------------------------------------------------------------
1 | import PropTypes from 'prop-types';
2 | import React from 'react';
3 | import {Dialog} from 'material-ui';
4 |
5 | const MobileDialog = props => (
6 |
16 |
17 | {props.children}
18 |
19 |
20 | );
21 |
22 | MobileDialog.propTypes = {
23 | children: PropTypes.node,
24 | };
25 |
26 | export default MobileDialog;
--------------------------------------------------------------------------------
/src/js/components/common/ProgressLine.js:
--------------------------------------------------------------------------------
1 | var PropTypes = require('prop-types');
2 | var React = require('react');
3 | import { FontIcon } from 'material-ui';
4 | var util = require('utils/util');
5 | var ReactTooltip = require('react-tooltip');
6 |
7 | export default class ProgressLine extends React.Component {
8 | static propTypes = {
9 | value: PropTypes.number,
10 | total: PropTypes.number,
11 | color: PropTypes.string,
12 | min_color: PropTypes.string,
13 | tooltip: PropTypes.string,
14 | style: PropTypes.object,
15 | }
16 |
17 | static defaultProps = {
18 | value: 0,
19 | total: 100,
20 | color: "#4FECF9",
21 | min_color: null, // If defined, render color as per progress between min_color - color
22 | style: {},
23 | tooltip: null
24 | }
25 |
26 | componentDidMount() {
27 | if (this.props.tooltip) ReactTooltip.rebuild();
28 | }
29 |
30 | render() {
31 | let {value, total, style, tooltip, color, min_color} = this.props;
32 | let percent = total > 0 ? 100.0 * value / total : 0;
33 | if (percent > 100.0) percent = 100.0;
34 | let progress_gradient = min_color != null;
35 | let bgColor;
36 | if (progress_gradient) {
37 | bgColor = '#' + util.colorInterpolate({
38 | color1: min_color.slice(1),
39 | color2: color.slice(1),
40 | ratio: percent / 100.0
41 | })
42 | } else bgColor = color;
43 | let st = {
44 | width: percent.toFixed(1) + "%",
45 | backgroundColor: bgColor
46 | }
47 | return (
48 |
51 | );
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/src/js/components/common/YearSelector.js:
--------------------------------------------------------------------------------
1 | var PropTypes = require('prop-types');
2 | var React = require('react');
3 | import Select from 'react-select'
4 |
5 | export default class YearSelector extends React.Component {
6 | static propTypes = {
7 | year: PropTypes.number,
8 | // One of following required
9 | years_back: PropTypes.number,
10 | first_year: PropTypes.number
11 | }
12 | static defaultProps = {
13 | year: null,
14 | years_back: 3
15 | }
16 |
17 | constructor(props) {
18 | super(props);
19 | this.state = {
20 | }
21 | }
22 |
23 | handleChange(val) {
24 | this.props.onChange(val)
25 | }
26 |
27 | render() {
28 | let {year, years_back, first_year} = this.props
29 | let today = new Date()
30 | let today_year = today.getFullYear()
31 | if (year == null) year = today_year
32 | let year_cursor = first_year != null ? first_year : (today_year - years_back)
33 | let year_opts = []
34 | while (year_cursor <= today_year) {
35 | year_opts.push({value: year_cursor, label: year_cursor})
36 | year_cursor += 1
37 | }
38 | return {q_response}
;
42 | else if (rt == 'number' || rt == 'slider') q_response_rendered =
46 | { q.text }
47 | {q_response_rendered}
48 |
49 | );
50 | });
51 | return (
52 |
53 |
54 |
55 | { journal.iso_date }
56 | edit
57 |
58 |
59 |
60 |
61 | { responses }
62 |
63 |
64 | )
65 | }
66 | }
67 |
--------------------------------------------------------------------------------
/src/js/components/list_items/QuoteLI.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | import {ListItem, FontIcon,
3 | IconMenu, MenuItem, IconButton} from 'material-ui';
4 | var api = require('utils/api');
5 | import PropTypes from 'prop-types';
6 | import {changeHandler} from 'utils/component-utils';
7 | var util = require('utils/util');
8 |
9 | @changeHandler
10 | export default class QuoteLI extends React.Component {
11 | static propTypes = {
12 | quote: PropTypes.object
13 | }
14 |
15 | static defaultProps = {
16 | quote: null
17 | }
18 |
19 | constructor(props) {
20 | super(props);
21 | this.state = {
22 | expanded: false,
23 | deleted: false
24 | };
25 | }
26 |
27 | toggle_expanded() {
28 | this.setState({expanded: !this.state.expanded});
29 | }
30 |
31 | link_readable() {
32 | let {quote} = this.props;
33 | api.post("/api/quote/action", {action: 'link_readable', id: quote.id});
34 | }
35 |
36 | delete_quote() {
37 | let {quote} = this.props;
38 | api.post("/api/quote/delete", {id: quote.id}, (res) => {
39 | this.setState({deleted: true});
40 | });
41 | }
42 |
43 | render() {
44 | let {quote} = this.props;
45 | let {expanded, deleted} = this.state;
46 | if (deleted) return
;
47 | let icon = expanded ? 'expand_less' : 'expand_more';
48 | let linked_readable = quote.readable != null;
49 | let src = quote.source;
50 | if (linked_readable) src = { src }
51 | let subs = [src];
52 | if (quote.location) subs.push( · {quote.location} );
53 | if (quote.iso_date) subs.push( · {quote.iso_date} );
54 | let text = expanded ? {quote.content} : util.truncate(quote.content, 120);
55 | let menu = (
56 | more_vert}>
57 | {icon}} key="toggle" onClick={this.toggle_expanded.bind(this)}>Toggle expanded
58 | search} key="lookup" onClick={this.link_readable.bind(this)}>Lookup and link readable
59 | delete} key="delete" onClick={this.delete_quote.bind(this)}>Delete quote
60 |
61 | );
62 | return (
63 |
41 |
44 |
64 |
72 |
73 |
75 | );
--------------------------------------------------------------------------------
/src/js/config/alt.js:
--------------------------------------------------------------------------------
1 | var Alt = require('alt');
2 | var alt = new Alt();
3 |
4 | module.exports = alt;
--------------------------------------------------------------------------------
/src/js/config/history.js:
--------------------------------------------------------------------------------
1 | import createBrowserHistory from 'history/lib/createBrowserHistory'
2 | export default createBrowserHistory()
--------------------------------------------------------------------------------
/src/js/constants/Styles.js:
--------------------------------------------------------------------------------
1 | var Styles = {
2 | // Unused currently
3 | Dialog: {
4 | contentStyle: {
5 | width: '100%',
6 | maxWidth: '550px',
7 | maxHeight: '100% !important'
8 | },
9 | bodyStyle: {
10 | maxHeight: '100% !important'
11 | },
12 | style: {
13 | paddingTop: '0 !important',
14 | marginTop: '-65px !important',
15 | bottom: '0 !important',
16 | overflow: 'scroll !important',
17 | height: 'auto !important'
18 | }
19 | }
20 | }
21 |
22 | module.exports = Styles;
--------------------------------------------------------------------------------
/src/js/constants/client_secrets.template.js:
--------------------------------------------------------------------------------
1 | var client_secrets = {
2 |
3 | // Match with settings/secrets.py and GCP console
4 | G_OAUTH_CLIENT_ID: "######.XXXXXXXXXXXX.apps.googleusercontent.com",
5 | DEV_G_OAUTH_CLIENT_ID: "######.XXXXXXXXXXXX.apps.googleusercontent.com",
6 | GOOGLE_API_KEY: "XXXXXXXXXXXX",
7 |
8 | // Goodreads
9 | GR_API_KEY: ""
10 | };
11 |
12 | module.exports = client_secrets;
--------------------------------------------------------------------------------
/src/js/main.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var ReactDOM = require('react-dom');
3 | import { Router, browserHistory } from 'react-router';
4 | // Browser ES6 Polyfill
5 | require('babel/polyfill');
6 | var routes = require('config/Routes');
7 | ReactDOM.render( 
19 |
20 | );
21 | var nil = (
22 |