index.py

import dash_bootstrap_components as dbc
import dash_core_components as dcc
import dash_html_components as html

import frontend.callbacks
from frontend.geometry import geometry_components
from frontend.bridle import bridle_components
from frontend.fly import fly_components
from frontend.material import material_components

from app import app


app.layout = html.Div([
    html.H1(id='heading', children='Kite Modeler - Reboot'),
    html.Br(),
    dbc.Container([
        dbc.Row([
            dbc.Col([
                html.Img(id='image', src="", width="250px", height="250px")
            ], width=4),
            dbc.Col([
                html.Div(id='dashboard-content')
            ], width=8)
        ])
    ]),
    html.Br(),
    dbc.Container([
            dcc.Tabs([
            dcc.Tab(label='Geometry', value='geometry', children=[html.Div([
                geometry_components
            ])]),
            dcc.Tab(label='Bridle', value='bridle', children=[html.Div([
                bridle_components
            ])]),
            dcc.Tab(label='Fly', value='fly', children=[html.Div([
                fly_components
            ])]),
            dcc.Tab(label='Material', value='material', children=[html.Div([
                material_components
            ])])
            ], id='tabs', value='geometry')
    ])
])


if __name__ == '__main__':
    app.run_server(debug=False, port=8080)