Tengo un buscador que me devuelve un array articles
que contiene una articulos.
Sin embargo me gustaria darle un poco más de diseño de cable de noticias de Twitter. También me gustaría poder hacer clic en él y ampliar.
Aqui esta el callback del buscador:
from dash.dependencies import Input, Output, State
import dash_core_components as dcc
import pickle
from ..server import app
@app.callback(
Output('output-container-button', 'children'),
[Input('button', 'n_clicks')],
[State('input-box', 'value')])
def update_search(n_clicks, value):
f = pickle.load(open("dashboard/data-mm/google-nlu.p", "rb"))
# let's filter f according to value
articles = []
for article in f:
if value in article['headline']:
# We want to print this
articles.append(article)
print(articles[0])
return dcc.Markdown([f"{article['headline']}\n" for article in articles])
Y aqui esta mi app.py
:
app.layout = html.Div(
[
dcc.Tabs(
[
dcc.Tab(
label='Search article',
value= 'search',
children = article_search()
)
]
)
]
)
Por lo momento se parece a esto:
Cada linea negra esta un article['headline']
. Aqui esta articles[0]
:
{'headline': this is the headline', 'body': 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.', 'sentiment': -0.4000000059604645, 'topics': {'/Finance': 0.6600000262260437}, 'topics_kw': ['Politics', 'The financial sector', 'Media', 'Society', 'Social projects'], 'date': datetime.datetime(2019, 9, 25, 0, 0)}