First working demo example. Need to relocate demo template

Mark Gibbs · Mark Gibbs · commit 88029ea075a5 · 2018-05-08T00:51:51.000-07:00
diff --git a/demo/demo/plotly_apps.py b/demo/demo/plotly_apps.py
@@ -0,0 +1,54 @@
+import dash
+import dash_core_components as dcc
+import dash_html_components as html
+
+from django_plotly_dash import DelayedDash
+
+app = DelayedDash('SimpleExample')
+
+app.layout = html.Div([
+    dcc.RadioItems(
+        id='dropdown-a',
+        options=[{'label': i, 'value': i} for i in ['Canada', 'USA', 'Mexico']],
+        value='Canada'
+    ),
+    html.Div(id='output-a'),
+
+    dcc.RadioItems(
+        id='dropdown-b',
+        options=[{'label': i, 'value': i} for i in ['MTL', 'NYC', 'SF']],
+        value='MTL'
+    ),
+    html.Div(id='output-b')
+
+])
+
+@app.callback(
+    dash.dependencies.Output('output-a', 'children'),
+    [dash.dependencies.Input('dropdown-a', 'value')])
+def callback_a(dropdown_value):
+    return 'You\'ve selected "{}"'.format(dropdown_value)
+
+
+@app.callback(
+    dash.dependencies.Output('output-b', 'children'),
+    [dash.dependencies.Input('dropdown-a', 'value'),
+     dash.dependencies.Input('dropdown-b', 'value')])
+def callback_b(dropdown_value,other_dd):
+    return 'You\'ve selected "{}"'.format(dropdown_value)
+
+a2 = DelayedDash("Ex2")
+a2.layout = html.Div([
+    dcc.RadioItems(id="dropdown-one",options=[{'label':i,'value':j} for i,j in [
+    ("BEER","Beer"),("WIne","wine"),]
+    ],value="Beer"),
+    html.Div(id="output-one")
+    ])
+
+@a2.callback(
+    dash.dependencies.Output('output-one','children'),
+    [dash.dependencies.Input('dropdown-one','value')]
+    )
+def callback_c(*args,**kwargs):
+    return "Args are %s and kwargs are %s" %("".join(*args),str(kwargs))
+
diff --git a/demo/demo/settings.py b/demo/demo/settings.py
@@ -37,6 +37,8 @@
     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
+
+    'django_plotly_dash',
 ]
 
 MIDDLEWARE = [
diff --git a/demo/demo/urls.py b/demo/demo/urls.py
@@ -14,8 +14,15 @@
     2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
 """
 from django.contrib import admin
-from django.urls import path
+from django.urls import include, path
+
+from django.views.generic import TemplateView
+
+# Load demo plotly apps
+import demo.plotly_apps
 
 urlpatterns = [
+    path('', TemplateView.as_view(template_name='index.html')),
     path('admin/', admin.site.urls),
+    path('django_plotly_dash/', include('django_plotly_dash.urls')),
 ]
diff --git a/django_plotly_dash/admin.py b/django_plotly_dash/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/django_plotly_dash/apps.py b/django_plotly_dash/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class DjangoPlotlyDashConfig(AppConfig):
+    name = 'django_plotly_dash'
diff --git a/django_plotly_dash/dash_wrapper.py b/django_plotly_dash/dash_wrapper.py
@@ -37,7 +37,7 @@ def _RepDash(self):
 
     def _form_repdash(self):
         rd = NotDash(name_root=self._uid,
-                     app_pathname="dexy:main")
+                     app_pathname="django_plotly_dash:main")
         rd.layout = self.layout
         for cb, func in self._callback_sets:
             rd.callback(**cb)(func)
diff --git a/django_plotly_dash/models.py b/django_plotly_dash/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/django_plotly_dash/templates/django_plotly_dash/plotly_item.html b/django_plotly_dash/templates/django_plotly_dash/plotly_item.html
@@ -0,0 +1,3 @@
+<div>
+  <iframe src="{{url}}"></iframe>
+</div>
diff --git a/django_plotly_dash/templates/index.html b/django_plotly_dash/templates/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+{%load dexy%}
+  <title>Simple stuff</title>
+<body>
+  <div>
+    Content here
+    {%plotly_item "SimpleExample"%}
+  </div>
+  <div>
+    Content here
+    {%plotly_item "SimpleExample"%}
+  </div>
+  <div>
+    Content here
+    {%plotly_item "Ex2"%}
+  </div>
+  </body>
+</html>
diff --git a/django_plotly_dash/templatetags/__init__.py b/django_plotly_dash/templatetags/__init__.py
diff --git a/django_plotly_dash/templatetags/dexy.py b/django_plotly_dash/templatetags/dexy.py
@@ -0,0 +1,13 @@
+from django import template
+
+register = template.Library()
+
+from django_plotly_dash.dash_wrapper import get_app_by_name
+
+@register.inclusion_tag("django_plotly_dash/plotly_item.html", takes_context=True)
+def plotly_item(context, app_name):
+
+    app = get_app_by_name(app_name)
+    url = app.base_url()
+
+    return locals()
diff --git a/django_plotly_dash/tests.py b/django_plotly_dash/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/django_plotly_dash/urls.py b/django_plotly_dash/urls.py
@@ -0,0 +1,16 @@
+from django.urls import path
+from django.views.decorators.csrf import csrf_exempt
+
+from .views import routes, layout, dependencies, update, main_view
+
+app_name = "django_plotly_dash"
+
+urlpatterns = [
+    path('<slug:id>_dash-routes', routes, name="routes"),
+    path('<slug:id>_dash-layout', layout, name="layout"),
+    path('<slug:id>_dash-dependencies', dependencies, name="dependencies"),
+    path('<slug:id>_dash-update-component', csrf_exempt(update), name="update-component"),
+
+    path('<slug:id>', main_view, name="main"),
+    ]
+
diff --git a/django_plotly_dash/views.py b/django_plotly_dash/views.py
@@ -0,0 +1,44 @@
+from django.shortcuts import render
+
+import flask
+import json
+
+from .dash_wrapper import get_app_instance_by_id
+from django.http import HttpResponse
+
+def routes(*args,**kwargs):
+    pass
+
+def dependencies(request, id, **kwargs):
+    app = get_app_instance_by_id(id)
+    with app.app_context():
+        mFunc = app.locate_endpoint_function('dash-dependencies')
+        resp = mFunc()
+        return HttpResponse(resp.data,
+                            content_type=resp.mimetype)
+
+def layout(request, id, **kwargs):
+    app = get_app_instance_by_id(id)
+    mFunc = app.locate_endpoint_function('dash-layout')
+    resp = mFunc()
+    return HttpResponse(resp.data,
+                        content_type=resp.mimetype)
+
+def update(request, id, **kwargs):
+    app = get_app_instance_by_id(id)
+    mFunc = app.locate_endpoint_function('dash-update-component')
+    # Fudge request object
+    rb = json.loads(request.body.decode('utf-8'))
+    with app.test_request_context():
+        # inputs state and output needed in the json objects
+        flask.request._cached_json = (rb, flask.request._cached_json[True])
+        resp = mFunc()
+    return HttpResponse(resp.data,
+                        content_type=resp.mimetype)
+
+def main_view(request, id, **kwargs):
+    app = get_app_instance_by_id(id)
+    mFunc = app.locate_endpoint_function()
+    resp = mFunc()
+    return HttpResponse(resp)
+

Original file line number	Diff line number	Diff line change
`@@ -37,6 +37,8 @@`
`37`	`37`	`'django.contrib.sessions',`
`38`	`38`	`'django.contrib.messages',`
`39`	`39`	`'django.contrib.staticfiles',`
	`40`	`+`
	`41`	`+ 'django_plotly_dash',`
`40`	`42`	`]`
`41`	`43`
`42`	`44`	`MIDDLEWARE = [`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+from django.contrib import admin`
	`2`	`+`
	`3`	`+# Register your models here.`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+from django.db import models`
	`2`	`+`
	`3`	`+# Create your models here.`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<div>`
	`2`	`+ <iframe src="{{url}}"></iframe>`
	`3`	`+</div>`