From 7ac00935d50dd74e928dc63ec83e1f1d0f015209 Mon Sep 17 00:00:00 2001
From: James Cole <thegrumpydictator@gmail.com>
Date: Tue, 1 Jan 2019 15:44:55 +0100
Subject: [PATCH] Update old assets.

---
 resources/assets/js/app.js                    |   1 +
 resources/assets/js/bootstrap.js              |   2 +-
 .../assets/js/components/ExampleComponent.vue |   1 +
 .../assets/js/components/bills/Index.vue      |   2 +
 .../components/passport/AuthorizedClients.vue |   1 +
 .../assets/js/components/passport/Clients.vue |   1 +
 .../passport/PersonalAccessTokens.vue         |   1 +
 resources/assets/sass/_variables.scss         |   2 +-
 resources/assets/sass/app.scss                |   2 +-
 resources/views/v2/index.twig                 |  13 +-
 resources/views/v2/layout/default-react.twig  | 149 ++++++++++++++++++
 resources/views/v2/partials/top_menu.twig     |   4 +-
 12 files changed, 171 insertions(+), 8 deletions(-)
 create mode 100644 resources/views/v2/layout/default-react.twig

diff --git a/resources/assets/js/app.js b/resources/assets/js/app.js
index 172fe1bfe3..4c54af7b14 100644
--- a/resources/assets/js/app.js
+++ b/resources/assets/js/app.js
@@ -3,6 +3,7 @@
  * includes Vue and other libraries. It is a great starting point when
  * building robust, powerful web applications using Vue and Laravel.
  */
+/* TODO REMOVE ME */
 
 require('./bootstrap');
 window.Vue = require('vue');
diff --git a/resources/assets/js/bootstrap.js b/resources/assets/js/bootstrap.js
index 62eb1a83b3..ca45c47874 100644
--- a/resources/assets/js/bootstrap.js
+++ b/resources/assets/js/bootstrap.js
@@ -1,4 +1,4 @@
-
+/* TODO REMOVE ME */
 window._ = require('lodash');
 
 /**
diff --git a/resources/assets/js/components/ExampleComponent.vue b/resources/assets/js/components/ExampleComponent.vue
index 601e61cf8b..e9d4e5f9c9 100644
--- a/resources/assets/js/components/ExampleComponent.vue
+++ b/resources/assets/js/components/ExampleComponent.vue
@@ -1,3 +1,4 @@
+<!-- TODO REMOVE ME -->
 <template>
     <div class="container">
         <div class="row">
diff --git a/resources/assets/js/components/bills/Index.vue b/resources/assets/js/components/bills/Index.vue
index fd09b9396d..58ebb7fb49 100644
--- a/resources/assets/js/components/bills/Index.vue
+++ b/resources/assets/js/components/bills/Index.vue
@@ -16,6 +16,8 @@
   -
   - You should have received a copy of the GNU General Public License
   - along with Firefly III. If not, see <http://www.gnu.org/licenses/>.
+
+  TODO REMOVE ME
   -->
 <template>
     <div>
diff --git a/resources/assets/js/components/passport/AuthorizedClients.vue b/resources/assets/js/components/passport/AuthorizedClients.vue
index 07aba0030d..56e913fb30 100644
--- a/resources/assets/js/components/passport/AuthorizedClients.vue
+++ b/resources/assets/js/components/passport/AuthorizedClients.vue
@@ -1,3 +1,4 @@
+<!-- TODO REMOVE ME -->
 <style scoped>
     .action-link {
         cursor: pointer;
diff --git a/resources/assets/js/components/passport/Clients.vue b/resources/assets/js/components/passport/Clients.vue
index a1389dfb88..25061da386 100644
--- a/resources/assets/js/components/passport/Clients.vue
+++ b/resources/assets/js/components/passport/Clients.vue
@@ -1,3 +1,4 @@
+<!-- TODO REMOVE ME -->
 <style scoped>
     .action-link {
         cursor: pointer;
diff --git a/resources/assets/js/components/passport/PersonalAccessTokens.vue b/resources/assets/js/components/passport/PersonalAccessTokens.vue
index c42a657cd7..6f5c351237 100644
--- a/resources/assets/js/components/passport/PersonalAccessTokens.vue
+++ b/resources/assets/js/components/passport/PersonalAccessTokens.vue
@@ -1,3 +1,4 @@
+<!-- TODO REMOVE ME -->
 <style scoped>
     .action-link {
         cursor: pointer;
diff --git a/resources/assets/sass/_variables.scss b/resources/assets/sass/_variables.scss
index 53202ac152..5226b8edfc 100644
--- a/resources/assets/sass/_variables.scss
+++ b/resources/assets/sass/_variables.scss
@@ -1,4 +1,4 @@
-
+/* TODO REMOVE ME */
 // Body
 $body-bg: #f5f8fa;
 
diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index 47fece0818..b1c7dc4c93 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -1,4 +1,4 @@
-
+/* TODO REMOVE ME */
 // Variables
 //@import "variables";
 
diff --git a/resources/views/v2/index.twig b/resources/views/v2/index.twig
index 1e2f7bbf8a..4ee50999da 100644
--- a/resources/views/v2/index.twig
+++ b/resources/views/v2/index.twig
@@ -1,8 +1,12 @@
-{% extends "./layout/default" %}
+{% extends "./layout/default-react" %}
 {% block content %}
+
+    <div id="root"></div>
+    <div id="myCard"></div>
+
+    {# Ignore all default stuff #}
+    {#
                 <div class="row row-cards">
-
-
                     <div class="col-6 col-sm-4 col-lg-2">
                         <div class="card">
                             <div class="card-body p-3 text-center">
@@ -1580,8 +1584,9 @@
                         </div>
                     </div>
                 </div>
+                #}
 {% endblock %}
 {% block scripts %}
 {% endblock %}
 {% block styles %}
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/resources/views/v2/layout/default-react.twig b/resources/views/v2/layout/default-react.twig
new file mode 100644
index 0000000000..c5509c504e
--- /dev/null
+++ b/resources/views/v2/layout/default-react.twig
@@ -0,0 +1,149 @@
+<!doctype html>
+<html lang="en" dir="ltr">
+<head>
+    <base href="{{ route('index') }}/">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta http-equiv="Content-Language" content="en" />
+
+    {# favicons #}
+    {% include('partials.favicons') %}
+
+    <title>
+        {% if subTitle %}
+            {{ subTitle }} »
+        {% endif %}
+        {% if title != "Firefly III" %}
+            {{ title }} »
+        {% endif %}
+
+        Firefly III
+    </title>
+    <!--
+    <link rel="stylesheet" href="v2/lib/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="v2/assets/css/gf-source.css">
+    <link href="v2/assets/css/dashboard.css" rel="stylesheet" />
+    <link href="v2/assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
+    <link href="v2/assets/plugins/maps-google/plugin.css" rel="stylesheet" />
+    -->
+    <link href="v2/assets/css/app.css" rel="stylesheet" />
+    {% block styles %}{% endblock %}
+</head>
+<body class="">
+<div class="page">
+    <div class="page-main">
+        <div class="header py-4">
+            <div class="container">
+                <div class="d-flex">
+                    {# favicons #}
+                    {% include('partials.top_bar') %}
+                </div>
+            </div>
+        </div>
+        <div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
+            <div class="container">
+                <div class="row align-items-center">
+                    <div class="col-lg-3 ml-auto">
+                        <form class="input-icon my-3 my-lg-0" action="{{ route('search.index') }}" method="get">
+                            <input type="search" class="form-control header-search" placeholder="Search&hellip;" name="q" tabindex="1">
+                            <div class="input-icon-addon">
+                                <i class="fe fe-search"></i>
+                            </div>
+                        </form>
+                    </div>
+                    <div class="col-lg order-lg-first">
+                        <div id="TopMenu"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="my-3 my-md-5">
+            <div class="container">
+                <div class="page-header">
+                    <h1 class="page-title">
+                        {{ title }}
+                        <small class="text-muted">{{ subTitle }}</small>
+                    </h1>
+                </div>
+                {% block content %}{% endblock %}
+            </div>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8">
+                    <div class="row">
+                        <div class="col-6 col-md-3">
+                            <ul class="list-unstyled mb-0">
+                                <li><a href="#">First link</a></li>
+                                <li><a href="#">Second link</a></li>
+                            </ul>
+                        </div>
+                        <div class="col-6 col-md-3">
+                            <ul class="list-unstyled mb-0">
+                                <li><a href="#">Third link</a></li>
+                                <li><a href="#">Fourth link</a></li>
+                            </ul>
+                        </div>
+                        <div class="col-6 col-md-3">
+                            <ul class="list-unstyled mb-0">
+                                <li><a href="#">Fifth link</a></li>
+                                <li><a href="#">Sixth link</a></li>
+                            </ul>
+                        </div>
+                        <div class="col-6 col-md-3">
+                            <ul class="list-unstyled mb-0">
+                                <li><a href="#">Other link</a></li>
+                                <li><a href="#">Last link</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-4 mt-4 mt-lg-0">
+                    Premium and Open Source dashboard template with responsive and high quality UI. For Free!
+                </div>
+            </div>
+        </div>
+    </div>
+    <footer class="footer">
+        <div class="container">
+            <div class="row align-items-center flex-row-reverse">
+                <div class="col-auto ml-lg-auto">
+                    <div class="row align-items-center">
+                        <div class="col-auto">
+                            <ul class="list-inline list-inline-dots mb-0">
+                                <li class="list-inline-item"><a href="./docs/index.html">Documentation</a></li>
+                                <li class="list-inline-item"><a href="./faq.html">FAQ</a></li>
+                            </ul>
+                        </div>
+                        <div class="col-auto">
+                            <a href="https://github.com/tabler/tabler" class="btn btn-outline-primary btn-sm">Source code</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
+                    Copyright © 2018 <a href=".">Tabler</a>. Theme by <a href="https://codecalm.net" target="_blank">codecalm.net</a> All rights reserved.
+                </div>
+            </div>
+        </div>
+    </footer>
+</div>
+
+<!--
+<script src="v2/assets/js/require.min.js"></script>
+<script>
+    requirejs.config({
+                         baseUrl: '.'
+                     });
+</script>
+<script src="v2/assets/js/dashboard.js"></script>
+<script src="v2/assets/plugins/charts-c3/plugin.js"></script>
+<script src="v2/assets/plugins/maps-google/plugin.js"></script>
+<script src="v2/assets/plugins/input-mask/plugin.js"></script>
+-->
+<script src="v2/assets/js/app.js"></script>
+{% block scripts %}{% endblock %}
+</body>
+</html>
diff --git a/resources/views/v2/partials/top_menu.twig b/resources/views/v2/partials/top_menu.twig
index ae4f37fe9d..363a97b183 100644
--- a/resources/views/v2/partials/top_menu.twig
+++ b/resources/views/v2/partials/top_menu.twig
@@ -1,3 +1,4 @@
+{#
 <ul class="nav nav-tabs border-0 flex-column flex-lg-row">
     <li class="nav-item">
         <a href="{{ route('index') }}" class="nav-link active"><i class="fa fa-home"></i> {{ 'dashboard'|_ }}</a>
@@ -46,4 +47,5 @@
         </div>
     </li>
 
-</ul>
\ No newline at end of file
+</ul>
+#}