Cronocide/fitbit-web-ui-app
1
0
Fork 0
mirror of https://github.com/Cronocide/fitbit-web-ui-app.git synced 2025-01-22 11:29:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Payment button added

Browse Source
This commit is contained in:
Arpan Ghosh 2023-07-27 22:14:07 -04:00
parent 9bcbe8fc2d
commit 4f105e7c1a
4 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
help/GET_ACCESS_TOKEN.pdf Normal file
View File

1
requirements.txt
View File

@ -5,3 +5,4 @@ plotly==5.15.0
requests==2.29.0 requests==2.29.0
gunicorn gunicorn
dash-tools dash-tools
dash-dangerously-set-inner-html

18
src/app.py
View File

@ -7,6 +7,7 @@ import pandas as pd
import numpy as np import numpy as np
import plotly.express as px import plotly.express as px
from datetime import datetime, timedelta from datetime import datetime, timedelta
import dash_dangerously_set_inner_html
# %% # %%
@ -16,7 +17,7 @@ server = app.server
app.layout = html.Div(children=[ app.layout = html.Div(children=[
html.Div(className="hidden-print", html.Div(id="input-area", className="hidden-print",
style={ style={
'display': 'flex', 'display': 'flex',
'align-items': 'center', 'align-items': 'center',
@ -28,6 +29,7 @@ app.layout = html.Div(children=[
},children=[ },children=[
dcc.DatePickerRange( dcc.DatePickerRange(
id='my-date-picker-range', id='my-date-picker-range',
display_format='MMMM DD, Y',
minimum_nights=40, minimum_nights=40,
max_date_allowed=datetime.today().date() - timedelta(days=1), max_date_allowed=datetime.today().date() - timedelta(days=1),
min_date_allowed=datetime.today().date() - timedelta(days=1000), min_date_allowed=datetime.today().date() - timedelta(days=1000),
@ -37,7 +39,10 @@ app.layout = html.Div(children=[
dcc.Input(id='input-on-submit', value="", placeholder='API ACCESS TOKEN', type='text'), dcc.Input(id='input-on-submit', value="", placeholder='API ACCESS TOKEN', type='text'),
html.Button(id='submit-button', type='submit', children='Submit', n_clicks=0, className="button-primary"), html.Button(id='submit-button', type='submit', children='Submit', n_clicks=0, className="button-primary"),
]), ]),
html.Div(id="instruction-area", className="hidden-print", style={'margin-top':'30px', 'margin-right':'auto', 'margin-left':'auto','text-align':'center'}, children=[
html.P( "Allowed Date Range : Minimum 40 days — Maximum 365 days", style={'font-size':'17px', 'font-weight': 'bold', 'color':'#54565e'}),
html.P("FAQ : Where can I get my ACCESS TOKEN?", style={'font-size':'17px', 'font-weight': 'bold', 'color':'#54565e'})
]),
html.Div(id='loading-div', style={'margin-top': '40px'}, children=[ html.Div(id='loading-div', style={'margin-top': '40px'}, children=[
dcc.Loading( dcc.Loading(
id="loading-progress", id="loading-progress",
@ -112,6 +117,15 @@ app.layout = html.Div(children=[
), ),
html.Div(id='spo2_table', style={'max-width': '1200px', 'margin': 'auto', 'font-weight': 'bold'}, children=[]), html.Div(id='spo2_table', style={'max-width': '1200px', 'margin': 'auto', 'font-weight': 'bold'}, children=[]),
html.Div(style={"height": '40px'}), html.Div(style={"height": '40px'}),
html.Div(className="hidden-print", style={'margin': 'auto', 'text-align': 'center'}, children=[
dash_dangerously_set_inner_html.DangerouslySetInnerHTML( '''
<form action="https://www.paypal.com/donate" method="post" target="_top">
<input type="hidden" name="hosted_button_id" value="X4CFTUDJ9ZXX2" />
<input type="image" src="https://pics.paypal.com/00/s/ZjQwZTU5NjktYzM2Ny00MTM3LTkzZWEtNDkwMjE2NGYzNDM4/file.PNG" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/en_CA/i/scr/pixel.gif" width="1" height="1" />
</form>
''')]),
html.Div(style={"height": '25px'}),
]), ]),
]) ])

3
src/assets/custom_styling.css
View File

@ -261,7 +261,8 @@ select {
border-radius: 4px; border-radius: 4px;
box-shadow: none; box-shadow: none;
box-sizing: border-box; box-sizing: border-box;
font-family: inherit; font-family: Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: inherit; /*https://stackoverflow.com/questions/6080413/why-doesnt-input-inherit-the-font-from-body*/} font-size: inherit; /*https://stackoverflow.com/questions/6080413/why-doesnt-input-inherit-the-font-from-body*/}
/* Removes awkward default styles on some inputs for iOS */ /* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="email"],