import dash
import dash_design_kit as ddk
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
app = dash.Dash(__name__)
server = app.server # expose server variable for Procfile
app.layout = ddk.App([
ddk.Header([
ddk.Logo(src=app.get_asset_url('logo.png')),
ddk.Title('Dash Enterprise Sample Application'),
]),
ddk.Row(children=[
ddk.Card(children=ddk.Graph(figure={
'data': [{
'x': [1, 2, 3, 4],
'y': [4, 1, 6, 9],
'line': {
'shape': 'spline'
}
}]
}, )),
]),
ddk.Row(children=[
ddk.Card(width=50,
children=ddk.Graph(figure={
'data': [{
'x': [1, 2, 3, 4],
'y': [4, 1, 6, 9],
columns = list(dataframe)
for i in columns:
figure.add_trace(go.Box(x=dataframe[i], name=i,
marker_color='#ffad33'))
return figure
app.layout = ddk.App(
show_editor=False, # setting to True allows styling after build
children=[
ddk.Header([
ddk.Logo(
"assets/6synctLogoBlack.png",
style={
"height": "30px",
"margin-right": "0px",
"width": "auto",
},
),
ddk.Title('NRC IRAP - Corporate Funding in Canada from 2018-2020'),
]), # end of ddk.Header
ddk.Block( # left-hand column
width=20,
children=[
dcc.Tabs([
dcc.Tab(
label='Map Filters',
children=[
ddk.ControlCard(
id='map-controls',
children=[
import plotly.graph_objects as go
import plotly.express as px
app = dash.Dash(__name__)
server = app.server # expose server variable for Procfile
graph_height = 300
graph_config = {'modeBarButtonsToRemove': ['hoverCompareCartesian', 'select2d', 'lasso2d'],
'doubleClick': 'reset+autosize', 'toImageButtonOptions': {'height': None, 'width': None, },
'displaylogo': False}
app.layout = ddk.App([
ddk.Header([
ddk.Logo(src=app.get_asset_url('logo.png'), style={
'max-height': 100,
'width': 'auto'
}),
ddk.Title('TELONAS2'),
ddk.SectionTitle('', id='final_date'),
html.Button('Refresh', style={'float': 'right'}, id='refresh', n_clicks=0),
]),
ddk.Block(
children=[
dcc.Tabs(id='selected-tab', value='load',
children=[
dcc.Tab(label="Load", value='load',
children=[ddk.Card(width=100,
children=[
dcc.Loading(id='load_loader', children=[
ddk.Graph(id="load_plot", config=graph_config)]),
]
server = app.server
app.title = "Daily Standup"
update_redis_flag = os.environ.get('UPDATE_REDIS_FLAG')
if not update_redis_flag:
update_redis_flag = input("Update Redis: Y/N ? - ")
if update_redis_flag.upper() in ('YES', 'Y'):
tasks.update_data()
else:
print("skipping call to update redis cache")
app.layout = ddk.App(children=[
ddk.Header(children=[
dcc.Link(
href=app.get_relative_path("/"),
children=[ddk.Logo(src=app.get_relative_path("/assets/hnts.png"))],
),
ddk.Title("Daily Standup"),
html.Div([
html.P(
"Powered by",
style={
"float": "left",
'fontSize': 10,
"margin-bottom": "0px"
},
),
html.Img(src=app.get_asset_url("his.png"),
style={
"width": "130px",
"float": "left",
# df3 = df.groupby(df['Period','Type'], as_index=False)
#df3['LatLongTypeCount']=df3['name_old']
Type_list = list(df["Type"].unique())
totalFossilsFounds = len(df.axes[0])
# fig = px.scatter_geo(df, lat='Latitude', lon='Longitude', color="Country",
# hover_name="Country",
# projection="mercator",
# )
layout = ddk.App(
[
ddk.Header(
[
ddk.Logo(src=app.get_asset_url('trex.png')),
ddk.Title("Dino Fossil Data"),
]
),
dbc.Row(
children=[
dbc.Col(
dbc.Card(
dbc.CardBody(
children=[
html.Label('Period', style={'fontSize':30, 'textAlign':'center'}),
dcc.Dropdown(
id='period',
options=[
{"label": i, "value": i} for i in Period_list
],
# dash-design-kit==1.4.0
dash_app.layout = html.Div([
dcc.Location(id='url', refresh=False),
ddk.App(
style={'background-color': 'transparent'},
children=[
ddk.Header(
style={
'height': '7vh',
'background-color': '#163d47',
'opacity': '1',
'margin': '0'
},
children=[
ddk.Logo(src='../assets/logo.gif'),
ddk.Block(
style={'text-align': 'right'},
children=[
dcc.Link('Главная',
style={
'color': 'azure',
'margin': '10px'
},
href='/'),
# dcc.Link('Карточка Матча', style={'color': '#fff', 'margin': '10px'}, href='/match_card'),
# dcc.Link('МАТЧИ', style={'color': '#fff', 'margin': '10px'}, href='/all_matches')
])
]),
html.Div(id='page-content'),
html.Div(id='table-container'),
def cards_items():
serverBD = pd.read_csv(main_path_data + '\\tours.csv')
cards = []
for ind in serverBD.index:
cards_items = dbc.ListGroupItem(
id={
'type': 'dynamic_tour_item',
'index': ind
},
# href='/tournament/{}'.format(str(ind)),
style={
'line-height': '1',
'margin': '0',
'margin-right': '0',
'height': 'fit-content',
'justify-content': 'center',
'vertical-align': '-webkit-baseline-middle',
'max-height': 'fit-content',
'padding': '0px',
"width": '100%',
'align-items': 'center'
},
color="default",
action=True,
children=[
dbc.Row(
style={
'max-height': 'fit-content',
'height': '100%',
'padding': '0px',
"width": '100%',
'align-items': 'center',
# 'justify-content': 'flex-start',
'justify-content': 'center',
'margin': '0',
'vertical-align': '-webkit-baseline-middle',
'textAlign': 'center',
'margin-left': '0',
'margin-right': '0'
},
children=[
dbc.Col(
# width=30,
style={
"width": '30%',
# 'max-width': '200px',
'max-height': 'fit-content',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center',
# 'margin-left': '10px', 'margin-right': '10px'
},
children=html.H6(
serverBD['TourName'][ind],
style={
'height': '100%',
'color': 'azure',
'max-height': 'fit-content',
# 'max-width': '200px',
'overflow-x': 'hidden',
'margin': '0',
'font-size': '15px',
'text-align': 'center',
'vertical-align':
'-webkit-baseline-middle'
})),
dbc.Col(
# width=20,
style={
"width": '20%',
# 'max-width': 'fit-content',
'max-height': 'fit-content',
'min-width': 'fit-content',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'left',
# 'margin-left': '10px', 'margin-right': '10px'
},
children=[
html.H2("{}".format(
serverBD['TourPrize'][ind]),
style={
"width":
'100%',
'text-align':
'center',
'color':
'azure',
'padding':
'0',
'margin':
'0',
'max-height':
'fit-content',
'vertical-align':
'-webkit-baseline-middle'
})
]),
dbc.Col(
# width=13,
style={
"width": '20%',
'max-height': '60px',
# 'height': '60px',
'min-width': 'fit-content',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=[
dbc.Row(children=html.P(
"{}".format(serverBD['TourDateFrom']
[ind]),
style={
'color':
'azure',
'text-align':
'center',
'width':
'100%',
'font-size':
'12px',
'padding':
'0px',
'margin':
'0',
'max-height':
'-webkit-fill-available',
'vertical-align':
'-webkit-baseline-middle'
})),
dbc.Row(children=html.P(
"{}".format(serverBD['TourDateTo']
[ind]),
style={
'color':
'azure',
'text-align':
'center',
'width':
'100%',
'font-size':
'12px',
'padding':
'0px',
'margin':
'0',
'max-height':
'-webkit-fill-available',
'vertical-align':
'-webkit-baseline-middle'
})),
]),
dbc.Col(
# width=8,
style={
"width": '15%',
'min-width': 'fit-content',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=[
html.H2("{}".format(
serverBD['TourTeams'][ind]),
style={
'color':
'azure',
'width':
'100%',
'padding':
'0px',
'margin':
'0',
'max-height':
'-webkit-fill-available',
'vertical-align':
'-webkit-baseline-middle'
})
]),
dbc.Col(
# width=13,
style={
"width": '15%',
'max-height': '60px',
'height': '60px',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'min-width': 'fit-content',
'margin-left': '5px',
'margin': '0',
'textAlign': 'center'
},
children=ddk.Logo(
src=serverBD['TourFlagLink'][ind],
style={
'text-align': 'center',
"width": '100%',
'max-height': '50px',
'padding': '0px',
'margin': '0',
'vertical-align':
'-webkit-baseline-middle'
})),
])
])
cards.append(cards_items)
return cards
def cards_items():
serverBD = pd.read_csv(main_path_data + '\\all_cards.csv')
serverBD = serverBD.drop_duplicates(subset='Mid', keep="last")
serverBD = serverBD[serverBD["Mstatus"] == 'Finished']
serverBD = serverBD.sort_values(by='TIME', ascending=False)
serverBD = serverBD.head(n=10)
cards = []
for ind in serverBD.index:
cards_items = dbc.ListGroupItem(
id={
'type': 'dynamic-cards-item',
'index': str(serverBD['Mid'][ind])
},
href='/{}'.format(str(serverBD['Mid'][ind])),
style={
'line-height': '0',
'margin': '0',
'height': 'fit-content',
'justify-content': 'center',
'vertical-align': '-webkit-baseline-middle',
'max-height': 'fit-content',
'padding': '0px',
'align-items': 'center'
},
color="default",
action=True,
children=[
dbc.Row(
style={
'max-height': '50px',
'overflow-y': 'hidden',
'line-height': '1',
'height': '50px',
'padding': '0px',
"width": '100%',
'align-items': 'center',
# 'justify-content': 'flex-start',
'justify-content': 'center',
'margin': '0',
'vertical-align': '-webkit-baseline-middle',
'textAlign': 'center',
# 'margin-left': '0',
# 'margin-right': '0'
},
children=[
dbc.Col(
width=32,
style={
'width': '32%',
'padding': '0',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center',
# 'width':'fit-content',
'margin-left': '0',
'margin-right': '0'
},
children=dbc.Row([
dbc.Col(
width=35,
style={
'width': '35%',
'max-height': '40px',
'height': '40px',
'background-image':
'url(/assets/png/fon2.png)',
'background-repeat': 'no-repeat',
'background-position': 'center',
'background-size': 'auto 90%',
# 'background-size': 'cover',
# 'width': 'fit-content',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=ddk.Logo(
src=serverBD['T1logo'][ind],
style={
'text-align':
'center',
'max-height':
'-webkit-fill-available',
'padding':
'0px',
'margin':
'0',
'vertical-align':
'-webkit-baseline-middle'
})),
dbc.Col(
width=65,
style={
'width': '65%',
# 'overflowX': 'hidden',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=html.H6(
serverBD['T1name'][ind],
style={
'color':
'azure',
# 'width': 'fit-content',
'padding':
'0px',
'margin':
'0',
'max-height':
'-webkit-fill-available',
'vertical-align':
'-webkit-baseline-middle'
}))
])),
dbc.Col(width=16,
style={
'min-width': 'fit-content',
'width': '16%',
'max-height': 'fit-content',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center',
'margin-left': '10px',
'margin-right': '10px'
},
children=[
html.H1("{} : {}".format(
serverBD['T1score'][ind],
serverBD['T2score'][ind]),
style={
'height':
'100%',
'margin':
'0',
'color':
'azure',
'padding':
'0',
'max-height':
'fit-content',
'vertical-align':
'-webkit-baseline-middle'
})
]),
dbc.Col(
width=32,
style={
'width': '32%',
'padding': '0',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center',
# 'width':'fit-content',
'margin-left': '0',
'margin-right': '0'
},
children=dbc.Row([
dbc.Col(
width=65,
style={
'width': '65%',
# 'overflowX': 'hidden',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=html.H6(
serverBD['T2name'][ind],
style={
'color':
'azure',
# 'width': 'fit-content',
'padding':
'0px',
'margin':
'0',
'max-height':
'-webkit-fill-available',
'vertical-align':
'-webkit-baseline-middle'
})),
dbc.Col(
width=35,
style={
'max-height': '40px',
'height': '40px',
'width': '35%',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=ddk.Logo(
src=serverBD['T2logo'][ind],
style={
'text-align':
'center',
'background-image':
'url(/assets/png/fon2.png)',
'background-repeat':
'no-repeat',
'background-position':
'center',
'background-size':
'auto 90%',
'max-height':
'-webkit-fill-available',
'padding':
'0px',
'margin':
'0',
'vertical-align':
'-webkit-baseline-middle'
}))
])),
# ddk.Block(
# # width=50,
# style={'max-width': '200px',
# 'max-height': 'fit-content',
# 'padding': '0px', 'vertical-align': '-webkit-baseline--webkit-baseline-middle',
# 'align-items': 'center', 'justify-content': 'center',
# 'margin': '0', 'textAlign': 'center',
# # 'margin-left': '10px', 'margin-right': '10px'
# },
# children=html.H6(serverBD['Mtour'][ind],
# style={'height': '100%','color':'azure',
# 'max-height': 'fit-content',
# 'max-width': '200px',
# 'overflow-x':'hidden',
# 'margin': '0',
# 'vertical-align': '-webkit-baseline--webkit-baseline-middle'})),
])
])
cards.append(cards_items)
return cards
def cards_items():
serverBD = pd.read_csv(main_path_data + '\\live.csv')
cards = []
for ind in serverBD.index:
cards_items = dbc.ListGroupItem(
id={
'type': 'live-cards-item',
'index': str(serverBD['match_id_live'][ind])
},
href='/{}'.format(str(serverBD['match_id_live'][ind])),
style={
'line-height': '1',
'margin': '0',
'margin-right': '0',
'height': 'fit-content',
'justify-content': 'center',
'vertical-align': '-webkit-baseline-middle',
'max-height': '60px',
'padding': '0px',
'align-items': 'center'
},
color="default",
action=True,
children=[
ddk.Block(
style={
'max-height': '60px',
'overflow-y': 'hidden',
'height': '100%',
'padding': '0px',
"width": '100%',
'align-items': 'center',
# 'justify-content': 'flex-start',
'justify-content': 'center',
'margin': '0',
'vertical-align': '-webkit-baseline-middle',
'textAlign': 'center',
'margin-left': '0',
'margin-right': '0'
},
children=[
ddk.Block(
width=30,
style={
'padding': '0',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center',
# 'width':'fit-content',
'margin-left': '0',
'margin-right': '0'
},
children=[
ddk.Block(
width=40,
style={
'max-height': '40px',
'height': '40px',
'background-image':
'url(/assets/png/fon2.png)',
'background-repeat': 'no-repeat',
'background-position': 'center',
'background-size': 'auto 90%',
# 'background-size': 'cover',
# 'width': 'fit-content',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=ddk.Logo(
src=serverBD['T1logos_live'][ind],
style={
'text-align':
'center',
'max-height':
'-webkit-fill-available',
'padding':
'0px',
'margin':
'0',
'vertical-align':
'-webkit-baseline-middle'
})),
ddk.Block(
width=60,
style={
# 'overflowX': 'hidden',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=html.H6(
serverBD['T1names_live'][ind],
style={
'color':
'azure',
# 'width': 'fit-content',
'padding':
'0px',
'margin':
'0',
'max-height':
'-webkit-fill-available',
'vertical-align':
'-webkit-baseline-middle'
}))
]),
ddk.Block(width=20,
style={
'max-width': 'fit-content',
'max-height': 'fit-content',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center',
'margin-left': '10px',
'margin-right': '10px'
},
children=[
html.H1("{} : {}".format(
serverBD['T1_live_score1'][ind],
serverBD['T2_live_score1'][ind]),
style={
'height':
'100%',
'color':
'azure',
'padding':
'0',
'max-height':
'fit-content',
'vertical-align':
'-webkit-baseline-middle'
})
]),
ddk.Block(
width=30,
style={
'padding': '0',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center',
# 'width':'fit-content',
'margin-left': '0',
'margin-right': '0'
},
children=[
ddk.Block(
width=60,
style={
# 'overflowX': 'hidden',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=html.H6(
serverBD['T2names_live'][ind],
style={
'color':
'azure',
# 'width': 'fit-content',
'padding':
'0px',
'margin':
'0',
'max-height':
'-webkit-fill-available',
'vertical-align':
'-webkit-baseline-middle'
})),
ddk.Block(
width=40,
style={
'max-height': '40px',
'height': '40px',
# 'width': 'fit-content',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=ddk.Logo(
src=serverBD['T2logos_live'][ind],
style={
'text-align':
'center',
'background-image':
'url(/assets/png/fon2.png)',
'background-repeat':
'no-repeat',
'background-position':
'center',
'background-size':
'auto 90%',
'max-height':
'-webkit-fill-available',
'padding':
'0px',
'margin':
'0',
'vertical-align':
'-webkit-baseline-middle'
}))
]),
# ddk.Block(
# # width=50,
# style={'max-width': '200px',
# 'max-height': 'fit-content',
# 'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
# 'align-items': 'center', 'justify-content': 'center',
# 'margin': '0', 'textAlign': 'center',
# # 'margin-left': '10px', 'margin-right': '10px'
# },
# children=html.H6(serverBD['Mtour_live'][ind],
# style={'height': '100%','color':'azure',
# 'max-height': 'fit-content',
# 'max-width': '200px',
# 'overflow-x':'hidden',
# 'margin': '0',
# 'vertical-align': '-webkit-baseline-middle'})),
])
])
cards.append(cards_items)
return cards
def live():
liveBD = pd.read_csv(main_path_data + "\\live.csv")
live_items = []
for ind in liveBD.index:
########################## TOP 3 LIVE ###################################
top3_live = html.A(
href='/{}'.format(str(liveBD['match_id_live'][ind])),
children=[
ddk.Card(
width=50,
rounded=10,
card_hover=True,
style={
'max-height': 'fit-content',
'height': '70px',
'padding': '0px',
'display': 'inline-block',
# "width": '100%',
'background-color': '#163d47',
"opacity": "0.8",
'align-items': 'center',
# 'justify-content': 'flex-start',
'justify-content': 'center',
'margin': '5px',
'vertical-align': '-webkit-baseline-middle',
'textAlign': 'center',
# 'margin-left': '0',
# 'margin-right': '0'
},
children=ddk.Block(
style={
'width': '-webkit-fill-available',
'max-width': '-webkit-fill-available',
'vertical-align': '-webkit-baseline-middle',
'margin': '0',
'padding': '0px',
},
children=[
ddk.Block(
width=40,
style={
'height': '-webkit-fill-available',
'padding': '0',
# 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center',
# 'width':'100%',
'margin-left': '0',
'margin-right': '0'
},
children=[
ddk.Block(
width=40,
style={
'max-height': '80px',
'height': '80px',
# 'background-image': 'url(/assets/png/fon2.png)',
# 'background-repeat': 'no-repeat',
# 'background-position': 'center',
# 'background-size': 'auto',
# 'background-size': 'cover',
# 'width': 'fit-content',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=ddk.Logo(
src=liveBD['T1logos_live'][ind],
style={
'text-align':
'left',
# 'width':'100%',
'height':
'80px',
'max-height':
'80px',
'padding':
'0px',
'margin':
'0',
'vertical-align':
'-webkit-baseline-middle'
})),
ddk.Block(
width=60,
style={
# 'overflowX': 'hidden',
'padding': '0px',
# 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=[
html.H6(
liveBD['T1names_live'][ind],
style={
'color':
'azure',
# 'width': 'fit-content',
'padding':
'0px',
'margin':
'0',
'width':
'100%',
# 'max-height': '-webkit-fill-available',
'vertical-align':
'-webkit-baseline-middle'
}),
html.H1(
liveBD['T1_live_score1'][ind],
style={
'color':
'azure',
# 'width': 'fit-content',
'padding':
'0px',
"opacity":
"1.2",
"margin-top":
"10px",
'width':
'100%',
# 'margin': '0',
'font-weight':
"900",
# 'max-height': '-webkit-fill-available',
'vertical-align':
'-webkit-baseline-middle'
})
])
]),
ddk.Block(
width=6,
style={
'max-width': 'fit-content',
'max-height': 'fit-content',
'padding': '0px',
# 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center',
'margin-left': '10px',
'margin-right': '10px'
},
children=[
html.H2(
"VS",
style={
'height': '100%',
'color': 'azure',
'padding': '0',
'max-height': 'fit-content',
'width': 'fit-content',
"margin-top": "10px"
# 'vertical-align': '-webkit-baseline-middle'
})
]),
ddk.Block(
width=40,
style={
'height': '-webkit-fill-available',
'padding': '0',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center',
# 'width':'fit-content',
'margin-left': '0',
'margin-right': '0'
},
children=[
ddk.Block(
width=60,
style={
# 'overflowX': 'hidden',
'padding': '0px',
# 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=[
html.H6(
liveBD['T2names_live'][ind],
style={
'color':
'azure',
# 'width': 'fit-content',
'padding':
'0px',
'margin':
'0',
'width':
'100%',
# 'max-height': '-webkit-fill-available',
'vertical-align':
'-webkit-baseline-middle'
}),
html.H1(
liveBD['T2_live_score1'][ind],
style={
'color':
'azure',
# 'width': 'fit-content',
"margin-top":
"10px",
"opacity":
"1.2",
'padding':
'0px',
'width':
'100%',
# 'margin': '0',
'font-weight':
"900",
# 'max-height': '-webkit-fill-available',
'vertical-align':
'-webkit-baseline-middle'
})
]),
ddk.Block(
width=40,
style={
'max-height': '80px',
'height': '80px',
# 'background-image': 'url(/assets/png/fon2.png)',
# 'background-repeat': 'no-repeat',
# 'background-position': 'center',
# 'background-size': 'auto',
# 'background-size': 'cover',
# 'width': 'fit-content',
'padding': '0px',
'vertical-align':
'-webkit-baseline-middle',
'align-items': 'center',
'justify-content': 'center',
'margin': '0',
'textAlign': 'center'
},
children=ddk.Logo(
src=liveBD['T2logos_live'][ind],
style={
'text-align':
'center',
# 'background-image': 'url(/assets/png/fon2.png)',
# 'background-repeat': 'no-repeat',
# 'background-position': 'center',
# 'background-size': 'auto 130%',
# 'width':'100%',
'height':
'80px',
'max-height':
'80px',
'padding':
'0px',
'margin':
'0',
'vertical-align':
'-webkit-baseline-middle'
}))
]),
]))
])
live_items.append(top3_live)
return live_items
def cards_items():
serverBD1 = pd.read_csv(main_path_data + '\\live.csv')
serverBD = pd.read_csv(main_path_data + '\\server.csv')
cards = []
# print('serverBD1', serverBD1)
for ind in serverBD1.index:
if serverBD1['T1gold'][ind] == "r" or serverBD1['T1gold'][ind] == 'd':
T1gold = dbc.Row(style={'margin':'0','justify-content': 'center',
# 'width': 'fit-content',
'padding':'0'},
children=[
dbc.Col(width=80,
style={'margin': '0', 'padding': '0', 'width': '80%',},
children=html.H6("",
style={'color': '#ff0000',
'font-weight': '900',
# 'width': 'fit-content',
'padding': '0px', 'margin': '0',
'max-height': '-webkit-fill-available',
'vertical-align': '-webkit-baseline-middle'})),
dbc.Col(width=20,
style={'margin': '0', 'padding': '0','width': '20%',
'max-height': '20px',
'height': '20px'},
children=[])])
else:
T1gold = dbc.Row(style={'margin':'0','justify-content': 'center',
# 'width': 'fit-content',
'padding':'0'},
children=[
dbc.Col(width=80,
style={'margin': '0', 'padding': '0','width': '80%',},
children=html.H6(serverBD1['T1gold'][ind], style={'color': '#ff0000',
'font-weight': '900',
# 'width': 'fit-content',
'padding': '0px', 'margin': '0',
'max-height': '-webkit-fill-available',
'vertical-align': '-webkit-baseline-middle'})),
dbc.Col(width=20,
style={'margin': '0', 'padding': '0','width': '20%',
'max-height': '20px',
'height': '20px'},
children=ddk.Logo(
src='../assets/png/gold.png',
style={'text-align': 'center',
'max-height': '-webkit-fill-available',
'padding': '0px', 'margin': '0',
'vertical-align': '-webkit-baseline-middle'}))])
if serverBD1['T2gold'][ind] == "r" or serverBD1['T2gold'][ind] == 'd':
T2gold = dbc.Row(style={'margin':'0','justify-content': 'center',
# 'width': 'fit-content',
'padding':'0'},
children=[
dbc.Col(width=20,
style={'margin': '0', 'padding': '0',
'max-height': '20px','width': '20%',
'height': '20px'},
children=[]),
dbc.Col(width=80,
style={'margin': '0', 'padding': '0', 'width': '80%',},
children=html.H6("",
style={'color': '#ff0000',
'font-weight': '900',
# 'width': 'fit-content',
'padding': '0px', 'margin': '0',
'max-height': '-webkit-fill-available',
'vertical-align': '-webkit-baseline-middle'})),
])
else:
T2gold = dbc.Row(style={'margin':'0','justify-content': 'center',
'width': '100%',
'padding':'0'},
children=[
dbc.Col(width=20,
style={'margin': '0', 'padding': '0',
'max-height': '20px','width': '20%',
'height': '20px'},
children=ddk.Logo(
src='../assets/png/gold.png',
style={'text-align': 'center',
'max-height': '-webkit-fill-available',
'padding': '0px', 'margin': '0',
'vertical-align': '-webkit-baseline-middle'})),
dbc.Col(width=80,
style={'margin': '0', 'padding': '0', 'width': '80%',},
children=html.H6(serverBD1['T2gold'][ind],
style={'color': '#ff0000',
'font-weight': '900',
# 'width': 'fit-content',
'padding': '0px', 'margin': '0',
'max-height': '-webkit-fill-available',
'vertical-align': '-webkit-baseline-middle'})),
])
T1 = dbc.Col(style={'margin':'0','justify-content': 'center',
# 'width': '100%',
'padding':'0'},
children=[
dbc.Row(
# width=100,
style={'margin':'0','justify-content': 'center',
# 'width': '100%',
'padding':'0'},
children=html.H6(serverBD1['T1names_live'][ind],
style={'color': 'azure',
# 'width': 'fit-content',
'padding': '0px', 'margin': '0',
'max-height': '-webkit-fill-available',
'vertical-align': '-webkit-baseline-middle'})),
T1gold
# dbc.Row(
# # width=100,
# style={'margin': '0', 'width': '100%','padding': '0'},
# children=T1gold)
])
T2 = dbc.Col(style={'margin':'0','justify-content': 'center',
# 'width': 'fit-content',
'padding':'0'},
children=[
dbc.Row(
# width=100,
style={'margin': '0',
'width': '100%','justify-content': 'center',
'padding': '0'},
children=html.H6(serverBD1['T2names_live'][ind],
style={'color': 'azure',
'padding': '0px', 'margin': '0',
'max-height': '-webkit-fill-available',
'vertical-align': '-webkit-baseline-middle'})),
T2gold
# dbc.Row(
# # width=100,
# style={'margin': '0',
# 'width': '100%',
# 'padding': '0'},
# children=T2gold),
])
cards_items1=dbc.ListGroupItem(
id={'type': 'live-cards-item',
'index': str(serverBD1['match_id_live'][ind])},
href='/{}'.format(str(serverBD1['match_id_live'][ind])),
style={'line-height': '1', 'margin': '0', 'margin-right': '0',
'height': 'fit-content', 'justify-content': 'center',
'vertical-align': '-webkit-baseline-middle',
'max-height': '60px', 'padding': '0px',
'align-items': 'center'},
color="default",
className='live_list',
action=True,
children=[
dbc.Row(style={'max-height': '60px',
"flex-direction": "row",
# 'overflow-y': 'hidden',
'height': '100%',
'padding': '0px',
# "width": 'fit-content',
'align-items': 'center',
# 'justify-content': 'flex-start',
'justify-content': 'center',
# 'margin': '0',
'vertical-align': '-webkit-baseline-middle',
'textAlign': 'center',
# 'margin-left': '0',
# 'margin-right': '0'
},
children=[
dbc.Col(width=30,
style={'width': '30%',
'padding': '0', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center',
'margin-left': '0', 'margin-right': '0'},
children=dbc.Row(
[
dbc.Col(width=40,
style={
'max-height': '40px',
'height': '40px',
# 'background-image': 'url(/assets/png/fon2.png)',
# 'background-repeat': 'no-repeat',
# 'background-position': 'center',
# 'background-size': 'auto 90%',
'width': '40%',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center'},
children=ddk.Logo(
src=serverBD1['T1logos_live'][ind],
style={'text-align': 'center',
'max-height': '-webkit-fill-available',
'padding': '0px', 'margin': '0',
'vertical-align': '-webkit-baseline-middle'})),
dbc.Col(width=60,
style={
'width': '60%',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center'},
children=T1)])),
dbc.Col(width=20,
style={'min-width': 'fit-content',
'width': '20%',
'max-height': 'fit-content',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center',
'margin-left': '10px', 'margin-right': '10px'},
children=[html.H1("{} : {}".format(serverBD1['T1_live_score1'][ind],
serverBD1['T2_live_score1'][ind]),
style={'height': '100%',
'margin-top': '10px',
# 'margin': '0',
'margin-bottom': '0px',
'color': '#3dea04', 'padding':'0',
'max-height': 'fit-content',
'width':'100%',
'vertical-align': '-webkit-baseline-middle'}),
html.P("{} - {}".format(serverBD1['T1_live_score2'][ind],
serverBD1['T2_live_score2'][ind]),
style={'height': '100%',
'color': 'gold', 'padding': '0',
'max-height': 'fit-content',
'margin-bottom': '10px',
'margin-top': '0px',
'width': '100%','font-size': '10px',
'vertical-align': '-webkit-baseline-middle'})
]),
dbc.Col(width=30,
style={
'width': '30%',
'padding': '0', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center',
# 'width':'fit-content',
'margin-left': '0', 'margin-right': '0'},
children=dbc.Row(
[
dbc.Col(width=60,
style={'width': '60%',
# 'overflowX': 'hidden',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center'},
children=T2),
dbc.Col(width=40,
style={
'max-height': '40px',
'height': '40px',
'width': '40%',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center'},
children=ddk.Logo(src=serverBD1['T2logos_live'][ind],
style={'text-align': 'center',
# 'background-image': 'url(/assets/png/fon2.png)',
# 'background-repeat': 'no-repeat',
# 'background-position': 'center',
# 'background-size': 'auto 90%',
'max-height': '-webkit-fill-available',
'padding': '0px', 'margin': '0',
'vertical-align': '-webkit-baseline-middle'}))])),
# ])
])])
cards.append(cards_items1)
for ind in serverBD.index:
cards_items=dbc.ListGroupItem(
id={'type': 'dynamic-cards-item',
'index': str(serverBD['match_id'][ind])},
href='/{}'.format(str(serverBD['match_id'][ind])),
style={'line-height': '1', 'margin': '0', 'margin-right': '0',
'height': 'fit-content', 'justify-content': 'center',
'vertical-align': '-webkit-baseline-middle',
'max-height': 'fit-content', 'padding': '0px',
'align-items': 'center'},
color="default",
action=True,
children=[
dbc.Row(style={'max-height': '50px',
'overflow-y':'hidden',
'height': '100%',
'padding': '0px',
# "width": '100%',
'align-items': 'center',
# 'justify-content': 'flex-start',
'justify-content': 'center',
'margin': '0',
'vertical-align': '-webkit-baseline-middle',
'textAlign': 'center', 'margin-left': '0',
'margin-right': '0'},
children=[
dbc.Col(width=30,
style={
'padding': '0', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center',
"width": '30%',
'margin-left': '0', 'margin-right': '0'},
children=dbc.Row([
dbc.Col(width=40,
style={
'max-height': '40px',
'height': '40px',
# 'background-image': 'url(/assets/png/fon2.png)',
# 'background-repeat': 'no-repeat',
# 'background-position': 'center',
# 'background-size': 'auto 90%',
# 'background-size': 'cover',
"width": '40%',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center'},
children=ddk.Logo(
src=serverBD['T1logos'][ind],
style={'text-align': 'center',
'max-height': '-webkit-fill-available',
'padding': '0px', 'margin': '0',
'vertical-align': '-webkit-baseline-middle'})),
dbc.Col(width=60,
style={"width": '60%',
# 'overflowX': 'hidden',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center'},
children=html.H6(serverBD['T1names'][ind],
style={'color':'azure',
# 'width': 'fit-content',
'padding': '0px', 'margin': '0',
'max-height': '-webkit-fill-available',
'vertical-align': '-webkit-baseline-middle'}))])),
dbc.Col(width=20,
style={'min-width': 'fit-content',
"width": '20%',
'max-height': 'fit-content',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center',
'margin-left': '10px', 'margin-right': '10px'},
children=[html.H6(serverBD['Mtime'][ind][:-3],
style={'height': '100%',
'color': 'azure', 'padding':'0',
'max-height': 'fit-content',
'vertical-align': '-webkit-baseline-middle'})]),
dbc.Col(width=30,
style={
"width": '30%',
'padding': '0', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center',
# 'width':'fit-content',
'margin-left': '0', 'margin-right': '0'},
children=dbc.Row([
dbc.Col(width=60,
style={"width": '60%',
# 'overflowX': 'hidden',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center'},
children=html.H6(serverBD['T2names'][ind],
style={'color':'azure',
# 'width': 'fit-content',
'padding': '0px', 'margin': '0',
'max-height': '-webkit-fill-available',
'vertical-align': '-webkit-baseline-middle'})),
dbc.Col(width=40,
style={"width": '40%',
'max-height': '40px',
'height': '40px',
# 'width': 'fit-content',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center'},
children=ddk.Logo(src=serverBD['T2logos'][ind],
style={'text-align': 'center',
# 'background-image': 'url(/assets/png/fon2.png)',
# 'background-repeat': 'no-repeat',
# 'background-position': 'center',
# 'background-size': 'auto 90%',
'max-height': '-webkit-fill-available',
'padding': '0px', 'margin': '0',
'vertical-align': '-webkit-baseline-middle'}))])),
# dbc.Col(
# # width=50,
# style={'max-width': '200px',
# 'max-height': 'fit-content',
# 'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
# 'align-items': 'center', 'justify-content': 'center',
# 'margin': '0', 'textAlign': 'center',
# # 'margin-left': '10px', 'margin-right': '10px'
# },
# children=html.H6(serverBD['Mtour'][ind],
# style={'height': '100%','color':'azure',
# 'max-height': 'fit-content',
# 'max-width': '200px',
# 'overflow-x':'hidden',
# 'margin': '0',
# 'vertical-align': '-webkit-baseline-middle'})),
])])
cards.append(cards_items)
empty_card=dbc.ListGroupItem(
style={'line-height': '1', 'margin': '0', 'margin-right': '0',
'height': 'fit-content', 'justify-content': 'center',
'vertical-align': '-webkit-baseline-middle',
'max-height': '50px', 'padding': '0px',
'align-items': 'center'},
color="default",
action=True,
children=[
ddk.Block(style={'max-height': '50px',
'overflow-y':'hidden',
'height': '50px',
'padding': '0px',
"width": '100%',
'align-items': 'center',
# 'justify-content': 'flex-start',
'justify-content': 'center',
'margin': '0',
'vertical-align': '-webkit-baseline-middle',
'textAlign': 'center', 'margin-left': '0',
'margin-right': '0'},
children=[
dbc.Col(width=30,
style={
'padding': '0', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center',
'height': '40px',
# 'width':'fit-content',
'margin-left': '0', 'margin-right': '0'},
children=[
dbc.Col(width=40,
style={
'max-height': '40px',
'height': '40px',
# 'background-image': 'url(/assets/png/fon2.png)',
# 'background-repeat': 'no-repeat',
# 'background-position': 'center',
# 'background-size': 'auto 90%',
# 'background-size': 'cover',
# 'width': 'fit-content',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center'},
children=ddk.Logo(
src='',
style={'text-align': 'center',
'max-height': '-webkit-fill-available',
'padding': '0px', 'margin': '0',
'vertical-align': '-webkit-baseline-middle'})),
dbc.Col(width=60,
style={'height': '40px',
# 'overflowX': 'hidden',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center'},
children=html.H6('',
style={'color':'azure',
# 'width': 'fit-content',
'padding': '0px', 'margin': '0',
'max-height': '-webkit-fill-available',
'vertical-align': '-webkit-baseline-middle'}))]),
dbc.Col(width=20,
style={'max-width': 'fit-content',
'max-height': '50px', 'height': '50px',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center',
'margin-left': '10px', 'margin-right': '10px'},
children=[html.H6('',
style={'height': '100%',
'color': 'azure', 'padding':'0',
'max-height': 'fit-content',
'vertical-align': '-webkit-baseline-middle'})]),
dbc.Col(width=30,
style={
'padding': '0', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center',
# 'width':'fit-content',
'margin-left': '0', 'margin-right': '0'},
children=[
dbc.Col(width=60,
style={
# 'overflowX': 'hidden',
'height': '50px',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center'},
children=html.H6('',
style={'color':'azure',
# 'width': 'fit-content',
'padding': '0px', 'margin': '0',
'max-height': '-webkit-fill-available',
'vertical-align': '-webkit-baseline-middle'})),
dbc.Col(width=40,
style={
'max-height': '50px',
'height': '50px',
# 'width': 'fit-content',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center'},
children=ddk.Logo(src='',
style={'text-align': 'center',
# 'background-image': 'url(/assets/png/fon2.png)',
# 'background-repeat': 'no-repeat',
# 'background-position': 'center',
# 'background-size': 'auto 90%',
'max-height': '-webkit-fill-available',
'padding': '0px', 'margin': '0',
'vertical-align': '-webkit-baseline-middle'}))]),
dbc.Col(
# width=50,
style={'max-width': '200px',
'max-height': '50px',
'padding': '0px', 'vertical-align': '-webkit-baseline-middle',
'align-items': 'center', 'justify-content': 'center',
'margin': '0', 'textAlign': 'center',
# 'margin-left': '10px', 'margin-right': '10px'
},
children=html.H6('',
style={'height': '50px','color':'azure',
'max-height': '50px',
'max-width': '200px',
'overflow-x':'hidden',
'margin': '0',
'vertical-align': '-webkit-baseline-middle'})),
])])
cards.append(empty_card)
return cards
def team(TeamBD):
score_table_item2 = []
score_table_item2.append(dbc.ListGroupItem(style={'line-height': '1', 'margin': '0', 'margin-right': '0',
'height': '40px', 'justify-content': 'center',
'vertical-align': '-webkit-baseline-middle',
'max-height': 'fit-content', 'padding': '0px',
'background-color':'#0e4e70',
'list-style': 'none','max-width':'100%',
'min-width':'700px',
# 'min-width':'1000px',
# 'overflowX':'scroll',
'align-items': 'center'},
children=[
dbc.Row(
# width=100,
style={'justify-content': 'center','margin': '0',
'vertical-align': '-webkit-baseline-middle',
'height': '40px'},
children=[dbc.Col(
# width=15,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'15%','word-wrap': 'normal',},
children=html.H2('PLAYER',style={'margin': '0',
'text-align': 'center',
'justify': 'center'})),
dbc.Col(
# width=15,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'15%',},
children=html.H2('HERO',style={'margin': '0',
'text-align': 'center',
'justify': 'center'})),
dbc.Col(
# width=10,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'10%',},
children=html.H2('KDA',style={'margin': '0',
'text-align': 'center',
'justify': 'center'})),
dbc.Col(
# width=20,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'20%',},
children=html.H2('ITEMS',style={'margin': '0',
'text-align': 'center',
'justify': 'center'})),
dbc.Col(
# width=10,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'10%',},
children=html.H2('GOLD',style={'margin': '0',
'text-align': 'center',
'justify': 'center'})),
dbc.Col(
# width=10,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'10%',},
children=html.H2('LH/DN',
style={
'margin': '0',
'text-align': 'center',
'justify': 'center'})),
dbc.Col(
# width=10,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'10%',},
children=html.H2('GPM/XPM',style={'margin': '0',
'text-align': 'center',
'justify': 'center'})),
dbc.Col(
# width=10,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'10%',},
children=html.H2('NW',style={'margin': '0',
'text-align': 'center',
'justify': 'center'}))])]))
for ind in TeamBD.index:
hero_items = []
data = TeamBD['Hero_items'][ind].replace('"', '').replace("'", "")
res = data.strip('][').split(', ')
# print("######### hero_items ##############", "\n", hero_items)
for i in res:
# print("######### i SCORE TEBLE ##############", "\n", i)
hitem = dbc.Col(
# width=16,
style={ 'padding': '0',
'margin': '0',
'max-width': '16%',
'max-height': '16px',
'height': '16px',
'width': 'fit-content'},
children=[ddk.Logo(
src=i,
style={
'text-align': 'center',
'max-height': '16px',
'padding': '0',
'margin': '0',
'vertical-align': '-webkit-baseline-middle'})])
hero_items.append(hitem)
############## LIVE SCORE TABLES ###################################
score_table_item = dbc.ListGroupItem(
style={'line-height': '1',
'margin': '0',
'margin-right': '0',
'height': '70px', 'justify-content': 'center',
'vertical-align': '-webkit-baseline-middle',
'max-height': '30px', 'padding': '0px',
'list-style': 'none',
'min-width':'700px',
'align-items': 'center'},
children=[
dbc.Row(
# width=100,
style={'justify-content': 'center'},
children=[dbc.Col(
# width=15,
style={'vertical-align': '-webkit-baseline-middle','max-width':'15%','width':'15%', 'word-wrap': 'normal','overflow-x':'hidden'},
children=html.H6(TeamBD['Players'][ind],style={'margin': '0',
'text-align': 'center',
'justify': 'center'})),
dbc.Col(
# width=15,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'15%'},
children=dbc.Col(
# width=80,
style={
'max-height': '20px',
'height': '20px',
'width': 'fit-content',
'max-width': '80%',},
children=[ddk.Logo(
src=TeamBD['Hero_pic'][ind],
style={
'text-align': 'center',
'max-height': '20px',
'padding': '0',
'margin': '0',
'vertical-align': '-webkit-baseline-middle'})])),
dbc.Col(
# width=10,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'10%'},
children=html.H6(TeamBD['KDA'][ind],
style={'margin': '0',
'text-align': 'center',
'justify': 'center'})),
dbc.Col(
# width=20,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'20%'},
children=dbc.Row([i for i in hero_items])
),
dbc.Col(
# width=10,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'10%'},
children=html.H6(TeamBD['Hero_gold'][ind],
style={'margin': '0',
'text-align': 'center',
'justify': 'center'})),
dbc.Col(
# width=10,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'10%'},
children=html.H6(TeamBD['LH_DN'][ind],
style={
'margin': '0',
'text-align': 'center',
'justify': 'center'})),
dbc.Col(
# width=10,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'10%'},
children=html.H6(TeamBD['GPM_XPM'][ind],
style={'margin': '0',
'text-align': 'center',
'justify': 'center'})),
dbc.Col(
# width=10,
style={'min-width':'fit-content','vertical-align': '-webkit-baseline-middle','width':'10%'},
children=html.H6(TeamBD['NW'][ind],style={'margin': '0',
'text-align': 'center',
'justify': 'center'}))])])
score_table_item2.append(score_table_item)
score_table = ddk.Card(style={'width':'-webkit-fill-available',
'margin':'10px',
# 'min-width':'fit-content',
'overflowX':'scroll',
'padding':'0',
'background-color': '#f9f9f91c',},
children=[dbc.ListGroup(flush=True,
children= [i for i in score_table_item2])])
return score_table