Serve frontend

6003b14a · Bastien Abadie · a8e95d78 · 6003b14a · 6003b14a · 6003b14a
Commit 6003b14a authored 7 years ago by Bastien Abadie
--- a/requirements.txt
+++ b/requirements.txt
@@ -2,6 +2,7 @@ certifi==2017.7.27.1
 chardet==3.0.4
 Django==1.11.6
 djangorestframework==3.7.1
+django-webpack-loader==0.5.0
 elasticsearch==5.4.0
 idna==2.6
 olefile==0.44

--- a/src/horae/settings.py
+++ b/src/horae/settings.py
@@ -41,6 +41,7 @@ INSTALLED_APPS = [

    # Tools
    'rest_framework',
+    'webpack_loader',

    # Our apps
    'images',
@@ -62,7 +63,9 @@ ROOT_URLCONF = 'horae.urls'
 TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
-        'DIRS': [],
+        'DIRS': [
+            os.path.join(BASE_DIR, 'templates'),
+        ],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
@@ -129,9 +132,22 @@ USE_TZ = True

 # Static files (CSS, JavaScript, Images)
 # https://docs.djangoproject.com/en/1.11/howto/static-files/
+FRONTEND_DIR = os.path.join(BASE_DIR, '../../frontend')

 STATIC_URL = '/static/'
 STATIC_ROOT = os.environ.get('STATIC_ROOT')
+STATICFILES_DIRS = [
+    os.path.join(FRONTEND_DIR, 'bundles'),
+]
+
+# Frontend
+WEBPACK_LOADER = {
+    'DEFAULT': {
+        'BUNDLE_DIR_NAME': '',
+        'STATS_FILE': os.path.join(FRONTEND_DIR, 'webpack-stats.json'),
+    }
+}
+

 # API
 REST_FRAMEWORK = {

--- a/src/horae/urls.py
+++ b/src/horae/urls.py
 from django.conf.urls import url, include
 from django.contrib import admin
 from horae.api import urlpatterns as api
+from horae.views import Home

 urlpatterns = [
    url(r'^api/', include(api, namespace='api')),
    url(r'^admin/', admin.site.urls),
+
+    url(r'^$', Home.as_view(), name='home'),
 ]
--- a/src/horae/views.py
+++ b/src/horae/views.py
+from django.views.generic import TemplateView
+
+class Home(TemplateView):
+    """
+    Project homepage
+    """
+    template_name = 'home.html'
--- a/src/templates/base.html
+++ b/src/templates/base.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>ArkIndex</title>
+    {% load render_bundle from webpack_loader %}
+    {% render_bundle 'main' 'css' %}
+    <meta id="csrf" name="csrf" content="{{ csrf_token }}">
+  </head>
+  <body>
+
+    <nav class="navbar is-dark" role="navigation" aria-label="main navigation">
+      <div class="navbar-brand">
+        <a class="navbar-item" href="{% url 'home' %}">
+          ArkIndex
+        </a>
+      </div>
+
+      <div class="navbar-end">
+        <div class="navbar-item">
+          <p class="control">
+            <a class="button is-primary" href="/admin">Admin</a>
+          </p>
+        </div>
+      </div>
+    </nav>
+
+    {% block content %}{% endblock %}
+    {% render_bundle 'main' 'js' %}
+  </body>
+</html>
--- a/src/templates/home.html
+++ b/src/templates/home.html
+{% extends 'base.html' %}
+
+{% block content %}
+<div id="app">
+  <Search />
+</div>
+{% endblock %}