def card(node: pipelines.Node) -> str:
"""A card that shows the system stats, the time line and output for the last runs or a node"""
return bootstrap.card(
id='last-runs-card',
header_left=[
'Last runs ',
_.div(style='display:inline-block;margin-left:20px;')[
html.asynchronous_content(
flask.url_for('mara_pipelines.last_runs_selector',
path=node.url_path()))]
],
body=[
html.spinner_js_function(),
html.asynchronous_content(url=flask.url_for(
'mara_pipelines.system_stats',
path=node.url_path(),
run_id=None),
div_id='system-stats'),
html.asynchronous_content(url=flask.url_for(
'mara_pipelines.timeline_chart',
path=node.url_path(),
run_id=None),
div_id='timeline-chart'),
html.asynchronous_content(url=flask.url_for(
'mara_pipelines.run_output',
path=node.url_path(),
run_id=None,
limit=True),
div_id='run-output')
])
def index_page(db_alias: str):
"""A page that visiualizes the schemas of a database"""
if db_alias not in config.databases():
flask.abort(404, f'unkown database {db_alias}')
return response.Response(
title=f'Schema of database {db_alias}',
html=[bootstrap.card(sections=[
html.asynchronous_content(flask.url_for('mara_db.schema_selection', db_alias=db_alias)),
[_.div(id='schema-container')]]),
html.spinner_js_function()],
js_files=[flask.url_for('mara_db.static', filename='schema-page.js')],
action_buttons=[response.ActionButton(
action='javascript:schemaPage.downloadSvg()', label='SVG',
title='Save current chart as SVG file', icon='download')]
)
def data_set_page(data_set_id, query_id):
from .data_set import find_data_set
ds = find_data_set(data_set_id)
if not ds:
flask.flash(f'Data set "{data_set_id}" does not exist anymore', category='danger')
return flask.redirect(flask.url_for('mara_data_explorer.index_page'))
action_buttons = []
action_buttons.append(response.ActionButton(action='javascript:dataSetPage.downloadCSV()',
icon='download',
label='CSV', title='Download as CSV'))
if config.google_sheet_oauth2_client_config():
action_buttons.append(response.ActionButton(action='javascript:dataSetPage.exportToGoogleSheet()',
icon='cloud-upload',
label='Google sheet', title='Export to a Google sheet'))
action_buttons.append(response.ActionButton(action='javascript:dataSetPage.load()',
icon='folder-open',
label='Load', title='Load previously saved query'))
action_buttons.append(response.ActionButton(action='javascript:dataSetPage.save()',
icon='save',
label='Save', title='Save query'))
action_buttons.append(response.ActionButton(action='javascript:dataSetPage.displayQuery()',
icon='eye',
label='SQL', title='Display query'))
if query_id:
action_buttons.insert(1, response.ActionButton(
action=flask.url_for('mara_data_explorer._delete_query', data_set_id=data_set_id, query_id=query_id),
icon='trash', label='Delete', title='Delete query'))
return response.Response(
title=f'Query "{query_id}" on "{ds.name}"' if query_id else f'New query on "{ds.name}"',
html=[_.div(class_='row')[
_.div(class_='col-md-3')[
bootstrap.card(header_left='Query', body=_.div(id='query-details')[html.spinner()]),
bootstrap.card(header_left='Columns',
header_right=_.a(id='select-all', href='#')[' Select all'],
body=[_.div(class_="form-group")[
_.input(type="search", class_="columns-search form-control",
value="", placeholder="Filter")],
_.div(id='columns-list')[html.spinner()]])],
_.div(class_='col-md-9')[
bootstrap.card(
id='filter-card',
header_left=[_.div(class_="dropdown")[
_.a(**{'class': 'dropdown-toggle', 'data-toggle': 'dropdown', 'href': '#'})[
_.span(class_='fa fa-plus')[' '], ' Add filter'],
_.div(class_="dropdown-menu", id='filter-menu')[
_.div(class_="dropdown-item")[
_.input(type="text", class_="columns-search form-control", value="",
placeholder="Filter")]]]],
fixed_header_height=False,
body=_.div(id='filters')[html.spinner()]),
bootstrap.card(header_left=_.div(id='row-counts')[html.spinner()],
header_right=_.div(id='pagination')[html.spinner()],
body=_.div(id='preview')[html.spinner()]),
_.div(class_='row', id='distribution-charts')['']
]], _.script[f"""
var dataSetPage = null;
document.addEventListener('DOMContentLoaded', function() {{
dataSetPage = DataSetPage('{flask.url_for('mara_data_explorer.index_page')}',
{json.dumps(
{'data_set_id': data_set_id, 'query_id': query_id, 'query': flask.request.get_json()})},
15, '{config.charts_color()}');
}});
"""],
html.spinner_js_function(),
_.div(class_='col-xl-4 col-lg-6', id='distribution-chart-template', style='display: none')[
bootstrap.card(header_left=html.spinner(), body=_.div(class_='chart-container google-chart')[
html.spinner()])],
_.div(class_='modal fade', id='load-query-dialog', tabindex="-1")[
_.div(class_='modal-dialog', role='document')[
_.div(class_='modal-content')[
_.div(class_='modal-header')[
_.h5(class_='modal-title')['Load query'],
_.button(**{'type': "button", 'class': "close", 'data-dismiss': "modal",
'aria-label': "Close"})[
_.span(**{'aria-hidden': 'true'})['×']]],
_.div(class_='modal-body', id='query-list')['']
]
]
],
_.div(class_='modal fade', id='display-query-dialog', tabindex="-1")[
_.div(class_='modal-dialog', role='document')[
_.div(class_='modal-content')[
_.div(class_='modal-header')[
_.h5(class_='modal-title')['Query statement'],
_.button(**{'type': "button", 'class': "close", 'data-dismiss': "modal",
'aria-label': "Close"})[
_.span(**{'aria-hidden': 'true'})['×']]],
_.div(class_='modal-body', id='query-display')['']
]
]
],
_.form(action=flask.url_for('mara_data_explorer.download_csv', data_set_id=data_set_id), method='post')[
_.div(class_="modal fade", id="download-csv-dialog", tabindex="-1")[
_.div(class_="modal-dialog", role='document')[
_.div(class_="modal-content")[
_.div(class_="modal-header")[
_.h5(class_='modal-title')['Download as CSV'],
_.button(**{'type': "button", 'class': "close", 'data-dismiss': "modal",
'aria-label': "Close"})[
_.span(**{'aria-hidden': 'true'})['×']]],
_.div(class_="modal-body")[
'Delimiter:  ',
_.input(type="radio", value="\t", name="delimiter",
checked="checked"), ' tab   ',
_.input(type="radio", value=";", name="delimiter"), ' semicolon   ',
_.input(type="radio", value=",", name="delimiter"), ' comma   ',
_.hr,
'Number format:  ',
_.input(type="radio", value=".", name="decimal-mark",
checked="checked"), ' 42.7   ',
_.input(type="radio", value=",", name="decimal-mark"), ' 42,7   ',
_.input(type="hidden", name="query")],
_.div(class_="modal-footer")[
_.button(id="csv-download-button", type="submit", class_="btn btn-primary")[
'Download']]]]]],
_.form(action=flask.url_for('mara_data_explorer.oauth2_export_to_google_sheet', data_set_id=data_set_id),
method='post',
target="_blank")[
_.div(class_="modal fade", id="google-sheet-export-dialog", tabindex="-1")[
_.div(class_="modal-dialog", role='document')[
_.div(class_="modal-content")[
_.div(class_="modal-header")[
_.h5(class_='modal-title')['Google sheet export'],
_.button(**{'type': "button", 'class': "close", 'data-dismiss': "modal",
'aria-label': "Close"})[
_.span(**{'aria-hidden': 'true'})['×']]],
_.div(class_="modal-body")[
'Number format:  ',
_.input(type="radio", value=".", name="decimal-mark",
checked="checked"), ' 42.7   ',
_.input(type="radio", value=",", name="decimal-mark"), ' 42,7   ',
_.hr,
'Array format:  ',
_.input(type="radio", value="curly", name="array-format",
checked="checked"), ' {"a", "b"}   ',
_.input(type="radio", value="normal", name="array-format"), ' ["a", "b"]   ',
_.input(type="radio", value="tuple", name="array-format"), ' ("a", "b")   ',
_.hr,
'By clicking Export below:',
_.br,
_.ul[
_.li['Google authentication will be required.'],
_.li['A maximum limit of 100.000 rows will be applied.'],
_.li['A maximum limit of 50.000 characters per cell will be applied.'],
_.li['A Google sheet with the selected data will be available in a new tab.']
],
_.input(type="hidden", name="query")
],
_.div(class_="modal-footer")[
_.button(id="export-to-google-sheet", type="submit", class_="btn btn-primary")[
'Export']]]]]]
],
action_buttons=action_buttons,
js_files=['https://www.gstatic.com/charts/loader.js',
flask.url_for('mara_data_explorer.static', filename='tagsinput.js'),
flask.url_for('mara_data_explorer.static', filename='typeahead.js'),
flask.url_for('mara_data_explorer.static', filename='data-sets.js')],
css_files=[flask.url_for('mara_data_explorer.static', filename='tagsinput.css'),
flask.url_for('mara_data_explorer.static', filename='data-sets.css')])
def data_set_page(data_set_id, query_id):
ds = find_data_set(data_set_id)
if not ds:
flask.flash(f'Data set "{data_set_id}" does not exist anymore',
category='danger')
return flask.redirect(flask.url_for('data_sets.index_page'))
action_buttons = [
response.ActionButton(action='javascript:dataSetPage.downloadCSV()',
icon='download',
label='CSV',
title='Download as CSV'),
response.ActionButton(action='javascript:dataSetPage.load()',
icon='folder-open',
label='Load',
title='Load previously saved query'),
response.ActionButton(action='javascript:dataSetPage.save()',
icon='save',
label='Save',
title='Save query')
]
if query_id:
action_buttons.insert(
1,
response.ActionButton(action=flask.url_for(
'data_sets._delete_query',
data_set_id=data_set_id,
query_id=query_id),
icon='trash',
label='Delete',
title='Delete query'))
return response.Response(
title=f'Query "{query_id}" on "{ds.name}"'
if query_id else f'New query on "{ds.name}"',
html=[
_.div(
class_='row')[_.div(
class_='col-md-3'
)[bootstrap.card(header_left='Query',
body=_.div(
id='query-details')[html.spinner()]),
bootstrap.
card(header_left='Columns',
body=[
_.div(
class_="form-group"
)[_.input(type="search",
class_="columns-search form-control",
value="",
placeholder="Filter")],
_.div(id='columns-list')[html.spinner()]
])],
_.div(class_='col-md-9')[bootstrap.card(
id='filter-card',
header_left=[
_.div(class_="dropdown")[_.a(
**{
'class': 'dropdown-toggle',
'data-toggle': 'dropdown',
'href': '#'
}
)[_.span(
class_='fa fa-plus')[' '],
' Add filter'],
_.
div(class_=
"dropdown-menu",
id=
'filter-menu'
)
[_.div(
class_
="dropdown-item"
)[_.input(
type
="text",
class_=
"columns-search form-control",
value="",
placeholder=
"Filter")]]]
],
fixed_header_height=False,
body=_.div(id='filters')[html.spinner()]),
bootstrap.
card(header_left=_.div(
id='row-counts'
)[html.spinner()],
header_right=_.div(
id='pagination'
)[html.spinner()],
body=_.div(
id='preview'
)[html.spinner()]),
_.
div(class_='row',
id=
'distribution-charts'
)['']]],
_.script[f"""
var dataSetPage = null;
document.addEventListener('DOMContentLoaded', function() {{
dataSetPage = DataSetPage('{flask.url_for('data_sets.index_page')}',
{json.dumps({'data_set_id': data_set_id, 'query_id': query_id, 'query': flask.request.get_json()})},
15, '{config.charts_color()}');
}});
"""],
html.spinner_js_function(),
_.div(class_='col-xl-4 col-lg-6',
id='distribution-chart-template',
style='display: none')[bootstrap.card(
header_left=html.spinner(),
body=_.div(class_='chart-container google-chart')[
html.spinner()])],
_.div(
class_='modal fade', id='load-query-dialog',
tabindex="-1")[_.div(
class_='modal-dialog', role='document')[_.div(
class_='modal-content')[_.div(class_='modal-header')[
_.h5(class_='modal-title')['Load query'],
_.button(
**{
'type': "button",
'class': "close",
'data-dismiss': "modal",
'aria-label': "Close"
})[_.span(
**{'aria-hidden': 'true'})['×']]],
_.div(class_='modal-body',
id='query-list')['']]]],
_.form(
action=flask.url_for('data_sets.download_csv'),
method='post')[_.div(
class_="modal fade",
id="download-csv-dialog",
tabindex="-1"
)[_.div(class_="modal-dialog", role='document')[_.div(
class_="modal-content"
)[_.div(class_="modal-header")
[_.h5(class_='modal-title')['Download as CSV'],
_.button(
**{
'type': "button",
'class': "close",
'data-dismiss': "modal",
'aria-label': "Close"
})[_.span(
**{'aria-hidden': 'true'})['×']]],
_.div(class_="modal-body")[
'Delimiter:  ',
_.input(type="radio",
value="\t",
name="delimiter",
checked="checked"),
' tab   ',
_.input(type="radio", value=";", name="delimiter"),
' semicolon   ',
_.input(type="radio", value=",", name="delimiter"),
' comma   ', _.hr, 'Number format:  ',
_.input(type="radio",
value=".",
name="decimal-mark",
checked="checked"), ' 42.7   ',
_.input(type="radio", value=",", name="decimal-mark"),
' 42,7   ',
_.input(type="hidden", name="query")],
_.div(class_="modal-footer"
)[_.button(id="csv-download-button",
type="submit",
class_="btn btn-primary")['Download']]]]]]
],
action_buttons=action_buttons,
js_files=[
'https://www.gstatic.com/charts/loader.js',
flask.url_for('data_sets.static', filename='tagsinput.js'),
flask.url_for('data_sets.static', filename='typeahead.js'),
flask.url_for('data_sets.static', filename='data-sets.js')
],
css_files=[
flask.url_for('data_sets.static', filename='tagsinput.css'),
flask.url_for('data_sets.static', filename='data-sets.css')
])
