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
gunicorn
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 plotly.express as px
from datetime import datetime, timedelta
import dash_dangerously_set_inner_html
# %%
@ -16,7 +17,7 @@ server = app.server
app.layout = html.Div(children=[
html.Div(className="hidden-print",
html.Div(id="input-area", className="hidden-print",
style={
'display': 'flex',
'align-items': 'center',
@ -28,6 +29,7 @@ app.layout = html.Div(children=[
},children=[
dcc.DatePickerRange(
id='my-date-picker-range',
display_format='MMMM DD, Y',
minimum_nights=40,
max_date_allowed=datetime.today().date() - timedelta(days=1),
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'),
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=[
dcc.Loading(
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(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;
box-shadow: none;
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*/}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],