X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/d46186126335a0a4ea00e2702ddd6fc6d99f333d..refs/pull/358/head:/resources/views/pages/edit.blade.php

diff --git a/resources/views/pages/edit.blade.php b/resources/views/pages/edit.blade.php
index 85502c2aa..e1c0a169d 100644
--- a/resources/views/pages/edit.blade.php
+++ b/resources/views/pages/edit.blade.php
@@ -1,63 +1,26 @@
 @extends('base')
 
 @section('head')
-    <script src="/http/source.bookstackapp.com/bower/tinymce-dist/tinymce.jquery.min.js"></script>
-    <script src="/http/source.bookstackapp.com/bower/dropzone/dist/min/dropzone.min.js"></script>
-    <script src="/http/source.bookstackapp.com/js/image-manager.js"></script>
+    <script src="{{ baseUrl('/libs/tinymce/tinymce.min.js?ver=4.4.3') }}"></script>
 @stop
 
-@section('content')
-    <form action="{{$page->getUrl()}}" method="POST">
-        <input type="hidden" name="_method" value="PUT">
-        @include('pages/form', ['model' => $page])
-    </form>
-
-    <section class="overlay" style="display:none;">
-        <div id="image-manager">
-            <div class="image-manager-left">
-                <div class="image-manager-header">
-                    <button type="button" class="button neg float right" data-action="close">Close</button>
-                    <div class="image-manager-title">Image Library</div>
-                </div>
-                <div class="image-manager-display">
-                </div>
-                <form action="/http/source.bookstackapp.com/upload/image" class="image-manager-dropzone">
-                    {{ csrf_field() }}
-                    Drag images or click here to upload
-                </form>
-            </div>
-            {{--<div class="sidebar">--}}
+@section('body-class', 'flexbox')
 
-            {{--</div>--}}
-        </div>
-    </section>
-
-    <script>
-        $(function() {
-            //ImageManager.show('#image-manager');
+@section('content')
 
-            tinymce.init({
-                selector: '.edit-area textarea',
-                content_css: '/css/app.css',
-                body_class: 'container',
-                plugins: "autoresize image table textcolor paste link imagetools",
-                content_style: "body {padding-left: 15px !important; padding-right: 15px !important;}",
-                file_browser_callback: function(field_name, url, type, win) {
-                    ImageManager.show('#image-manager', function(image) {
-                        win.document.getElementById(field_name).value = image.url;
-                        if ("createEvent" in document) {
-                            var evt = document.createEvent("HTMLEvents");
-                            evt.initEvent("change", false, true);
-                            win.document.getElementById(field_name).dispatchEvent(evt);
-                        } else {
-                            win.document.getElementById(field_name).fireEvent("onchange");
-                        }
-                    });
-                }
-            });
+    <div class="flex-fill flex">
+        <form action="{{ $page->getUrl() }}" autocomplete="off" data-page-id="{{ $page->id }}" method="POST" class="flex flex-fill">
+            @if(!isset($isDraft))
+                <input type="hidden" name="_method" value="PUT">
+            @endif
+            @include('pages/form', ['model' => $page])
+            @include('pages/form-toolbox')
+        </form>
 
 
+    </div>
+    
+    @include('components.image-manager', ['imageType' => 'gallery', 'uploaded_to' => $page->id])
+    @include('components.entity-selector-popup')
 
-        });
-    </script>
 @stop
\ No newline at end of file