Expand install routine.

resources/views/install/index.twig

@@ -4,10 +4,22 @@
     <div class="login-box-body">
         <p class="login-box-msg">Please wait...</p>
         <div class="row">
-            <div class="col-xs-8">
-                Hello
+            <div class="col-lg-12">
+                <div id="status-box" style="border:1px #ddd solid;padding:5px;">
+                    <i class="fa fa-spin fa-spinner"></i> Waiting to start...
+                </div>
             </div>
         </div>
     </div>
 {% endblock %}
+{% block scripts %}
+    <script type="text/javascript">
+        var token = '{{ csrf_token() }}';
+        var migrateUri = '{{ route('installer.migrate') }}';
+        var keysUri = '{{ route('installer.keys') }}';
+        var upgradeUri = '{{ route('installer.upgrade') }}';
+        var homeUri = '{{ route('home') }}';
+    </script>
+    <script type="text/javascript" src="js/ff/install/index.js"></script>
+{% endblock %}
 

resources/views/layout/install.twig

@@ -6,6 +6,7 @@
     <meta name="robots" content="noindex, nofollow, noarchive, noodp, NoImageIndex, noydir">
     <title>Firefly III - Installation and update</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
     <link href="css/app.css?v={{ FF_VERSION }}" rel="stylesheet" type="text/css"/>
     <link href="lib/adminlte/css/AdminLTE.min.css?v={{ FF_VERSION }}" rel="stylesheet" type="text/css"/>
@@ -29,5 +30,6 @@
     {% block content %}{% endblock %}
 </div>
 <script src="js/app.js?v={{ FF_VERSION }}" type="text/javascript"></script>
+{% block scripts %}{% endblock %}
 </body>
 </html>