File size: 3,377 Bytes
cfd2070 4908e9a cfd2070 446cd90 4908e9a cfd2070 2b5f693 446cd90 cfd2070 4908e9a cfd2070 4908e9a 69a0dea ec6e07d cfd2070 69a0dea cfd2070 69a0dea cfd2070 1c31d51 cfd2070 4908e9a cfd2070 4908e9a cfd2070 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 |
import gradio as gr
import pandas as pd
SHEET_ID = '1CLlupGiP__XkLWT7RAfBfiW9m916tpgxYAQTJmFQVfI'
SHEET_NAME = 'Datasets'
csv_url = f'https://docs.google.com/spreadsheets/d/{SHEET_ID}/gviz/tq?tqx=out:csv&sheet={SHEET_NAME}'
class DataList:
def __init__(self):
self.table = pd.read_csv(csv_url)
self._preprocess_table()
self.table_header = '''
<tr>
<td width="25%">Name</td>
<td width="50%">Description</td>
<td width="25%">Type</td>
</tr>'''
def _preprocess_table(self) -> None:
self.table['name_lowercase'] = self.table['Name'].str.lower()
rows = []
for row in self.table.itertuples():
source = f'<a href="{row.URL}" target="_parent">{row.Name}</a>' if isinstance(
row.URL, str) else '{row.Name}'
row = f'''
<tr>
<td>{source}</td>
<td>{row.Description}</td>
<td>{row.Type}</td>
</tr>'''
rows.append(row)
self.table['html_table_content'] = rows
def render(self, search_query: str,
filter_names: list[str]
) -> tuple[int, str]:
self.table = pd.read_csv(csv_url)
self._preprocess_table()
self.table_header = '''
<tr>
<td width="25%">Name</td>
<td width="50%">Description</td>
<td width="25%">Type</td>
</tr>'''
df = self.table
if search_query:
df = df[df.name_lowercase.str.contains(search_query.lower())]
df = self.filter_table(df, filter_names)
result = self.to_html(df, self.table_header)
return result
@staticmethod
def filter_table(df: pd.DataFrame, filter_names: list[str]) -> pd.DataFrame:
df = df.loc[df.Type.isin(set(filter_names))]
return df
@staticmethod
def to_html(df: pd.DataFrame, table_header: str) -> str:
table_data = ''.join(df.html_table_content)
html = f'''
<table>
{table_header}
{table_data}
</table>'''
return html
data_list = DataList()
css = """
button.svelte-kqij2n{font-weight: bold !important;
background-color: #ebecf0;
color: black;
margin-left: 5px;}
#tlsnlbs{}
#mtcs{}
#mdls{}
#dts{}
.svelte-kqij2n .selected {
background-color: black;
color: white;
}
.app.svelte-182fdeq.svelte-182fdeq {
padding: 0 !important;
}
span.svelte-s1r2yt{font-weight: bold !important;
}
"""
with gr.Blocks(css=css) as demo:
search_box = gr.Textbox( label='Search Name', placeholder='You can search for titles with regular expressions. e.g. (?<!sur)face',max_lines=1)
filter_names = gr.CheckboxGroup(choices=['Guidebooks','Assessment Tools','Training and Education',], value=['Guidebooks','Assessment Tools','Training and Education',], label='Type')
search_button = gr.Button('Search')
table = gr.HTML(show_label=False)
demo.load(fn=data_list.render, inputs=[search_box, filter_names,],outputs=[table,])
search_box.submit(fn=data_list.render, inputs=[search_box, filter_names,], outputs=[table,])
search_button.click(fn=data_list.render, inputs=[search_box, filter_names,], outputs=[table,])
demo.queue()
demo.launch(share=False)
|