import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output, State, Event
import plotly.plotly as py
import plotly.figure_factory as ff
from plotly.graph_objs import *
from scipy.stats import rayleigh
from flask import Flask
import plotly.graph_objs as go
import numpy as np
import pandas as pd
#import sidebar.js as sidebar

 #<!-- Custom sidebar styles -->
 #<link href="css/simple-sidebar.css" rel="stylesheet">
 #<link rel="stylesheet" href="css/bootstrap.css">
 #<link rel="stylesheet" href="css/mystyles.css">


external_scripts = [
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js",

#"https://code.jquery.com/jquery-3.3.1.js", #jquery
#"https://code.jquery.com/color/jquery.color-2.1.2.js", #jquery colour
#"https://code.jquery.com/ui/1.12.1/jquery-ui.js",  #jquery ui
"https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.0/jquery-ui.js",
"https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js",
#"https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js", #knockout
"https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js",
"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js", #popper
"https://cdnjs.cloudflare.com/ajax/libs/gridstack.js/0.4.0/gridstack.all.js",
"http://yourjavascript.com/21341191626/gridstackscript.js",
#"https://cdnjs.cloudflare.com/ajax/libs/gridstack.js/0.4.0/gridstack.js", #gridstack
"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.js", #bootstrap
]
#grid-stack-item-content

external_stylesheets = [
#"https://cdn.jsdelivr.net/npm/gridstack@0.4.0/dist/gridstack.css",
"https://cdnjs.cloudflare.com/ajax/libs/gridstack.js/0.4.0/gridstack.css",
"https://bootswatch.com/3/paper/bootstrap.css",
#"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css", #last bootstrap
]

app = dash.Dash(__name__,
                external_scripts=external_scripts,
                external_stylesheets=external_stylesheets)

app.config.suppress_callback_exceptions = True
server = app.server


app.layout = html.Div([

    html.Div([

        html.Div([

            html.Div([

            ], style={'height':'2000px', 'background-color':'#f9f9f9'}, **{'data-bind':'component: {name: "dashboard-grid", params: $data}'}),

        ], className="grid-stack-item-content")


    ], className="page-content-wrapper")

])


if __name__ == '__main__':
    app.run_server(debug=True, host='0.0.0.0', port=1002)