From 75fbd373c86d313e76ffd5aa884733c2d0e63cb4 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Mon, 15 Aug 2022 20:32:17 -0600
Subject: [PATCH] Remove quilljs from admin page editor, fixes #3616

---
 app/Http/Controllers/SiteController.php    |   2 +-
 resources/views/admin/pages/edit.blade.php | 127 +++++++++++----------
 resources/views/admin/pages/home.blade.php | 107 +++++++++--------
 3 files changed, 122 insertions(+), 114 deletions(-)

diff --git a/app/Http/Controllers/SiteController.php b/app/Http/Controllers/SiteController.php
index 7202f7c6e..f4cac26be 100644
--- a/app/Http/Controllers/SiteController.php
+++ b/app/Http/Controllers/SiteController.php
@@ -80,7 +80,7 @@ class SiteController extends Controller
 	{
 		$page = Cache::remember('site:privacy', now()->addDays(120), function() {
 			$slug = '/site/privacy';
-			$page = Page::whereSlug($slug)->whereActive(true)->first();
+			return Page::whereSlug($slug)->whereActive(true)->first();
 		});
 		return View::make('site.privacy')->with(compact('page'))->render();
 	}
diff --git a/resources/views/admin/pages/edit.blade.php b/resources/views/admin/pages/edit.blade.php
index de1a7feb8..5a3530e0d 100644
--- a/resources/views/admin/pages/edit.blade.php
+++ b/resources/views/admin/pages/edit.blade.php
@@ -1,27 +1,36 @@
-@extends('admin.partial.template')
-
-@include('admin.settings.sidebar')
+@extends('admin.partial.template-full')
 
 @section('section')
-  <div class="title">
-    <h3 class="font-weight-bold">Edit Page</h3>
-    <p class="lead">{{$page->slug}}</p>
-  </div>
-  <hr>
-
-  <div>
+</div>
+<div class="header bg-primary pb-3 mt-n4">
+    <div class="container-fluid">
+        <div class="header-body">
+            <div class="row align-items-center py-4">
+                <div class="col-lg-6 col-7">
+                    <p class="display-1 text-white">Edit Page</p>
+                    <p class="lead text-white mt-n4 mb-0">{{$page->slug}}</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="container-fluid mt-4">
     <input type="hidden" id="slug" name="slug" value="{{$page->slug}}">
     <input class="form-control form-control-lg" id="title" name="title" placeholder="Title">
     <p class="small text-muted">
       Page URL: <span class="page-url font-weight-bold">{{$page->url()}}</span>
       {{-- <span class="pl-1"><a href="#" class="font-weight-bold">Edit</a></span> --}}
     </p>
-    <div id="editor" style="height: 400px">
+    <div id="editor" class="d-none" style="height: 400px">
       {!!$page->content!!}
     </div>
+    <div id="rawEditor" style="height: 400px">
+      <label class="font-weight-bold">Raw HTML</label>
+      <textarea class="form-control" rows="8" id="rawText" v-pre>{{$page->content}}</textarea>
+    </div>
     <div class="mt-3 d-flex justify-content-between">
       <div>
-        <div class="custom-control custom-switch d-inline pr-3">
+        <div class="custom-control custom-switch">
           <input type="checkbox" class="custom-control-input" id="activeSwitch" {{$page->active?'checked="true"':''}}>
           <label class="custom-control-label font-weight-bold" for="activeSwitch">Active</label>
         </div>
@@ -34,69 +43,69 @@
       </div>
     </div>
   </div>
-
+</div>
 @endsection
 
 @push('styles')
-<link rel="stylesheet" href="{{mix('css/quill.css')}}"/>
 <style type="text/css">
 .ql-container {
     box-sizing: border-box;
-    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",
-                 Roboto,Helvetica,Arial,sans-serif;
+    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
     font-size: 16px;
     height: 100%;
     margin: 0px;
     position: relative;
 }
+.custom-control {
+    padding-left: 3.5rem;
+}
 </style>
 @endpush
 @push('scripts')
-<script src="{{mix('js/quill.js')}}"></script>
-
 <script>
-  window.editor = new Quill('#editor', {
-    theme: 'snow'
-  });
-  $('.btn-save').on('click', function(e) {
-    e.preventDefault();
-    let confirm = window.confirm('Are you sure you want to save this page?');
-    if(confirm !== true) {
-      return;
-    }
-    let html = editor.container.firstChild.innerHTML;
-    let title = $('#title').val();
-    let active = $('#activeSwitch')[0].checked;
-    axios.post(window.location.href, {
-      slug: '{{$page->slug}}',
-      title: title,
-      content: html,
-      active: active      
-    }).then((res) => {
-      window.location.href = '{{$page->url()}}';
-    }).catch((err) => {
-      console.log(err)
+    window.useRaw = true;
+
+    $('.btn-save').on('click', function(e) {
+        e.preventDefault();
+        let confirm = window.confirm('Are you sure you want to save this page?');
+        if(confirm !== true) {
+            return;
+        }
+        let html = window.useRaw ?
+        $('#rawText').val() :
+        editor.root.innerHTML;
+        let title = $('#title').val();
+        let active = $('#activeSwitch')[0].checked;
+        axios.post(window.location.href, {
+            slug: '{{$page->slug}}',
+            title: title,
+            content: html,
+            active: active
+        }).then((res) => {
+            window.location.href = '{{$page->url()}}';
+        }).catch((err) => {
+            console.log(err)
+        });
     });
-  });
 
-  $('.btn-delete').on('click', function(e) {
-    e.preventDefault();
-    let confirm = window.confirm('Are you sure you want to delete this page?');
-    if(confirm == true) {
-      axios.post('/i/admin/settings/pages/delete', {
-          id: '{{$page->id}}'
-      }).then(res => {
-        window.location.href = '/i/admin/settings/pages';
-      }).catch(err => {
-        swal('Error', 'An error occured!', 'error');
-        console.log(err);
-      });
-    }
-  });
+    $('.btn-delete').on('click', function(e) {
+        e.preventDefault();
+        let confirm = window.confirm('Are you sure you want to delete this page?');
+        if(confirm == true) {
+            axios.post('/i/admin/settings/pages/delete', {
+                id: '{{$page->id}}'
+            }).then(res => {
+                window.location.href = '/i/admin/settings/pages';
+            }).catch(err => {
+                swal('Error', 'An error occured!', 'error');
+                console.log(err);
+            });
+        }
+    });
 
-  $('#title').on('change input', function(e) {
-    e.preventDefault();
-    let title = this.value.split(' ').join('-').toLowerCase();
-  })
+    $('#title').on('change input', function(e) {
+        e.preventDefault();
+        let title = this.value.split(' ').join('-').toLowerCase();
+    })
 </script>
-@endpush
\ No newline at end of file
+@endpush
diff --git a/resources/views/admin/pages/home.blade.php b/resources/views/admin/pages/home.blade.php
index cb315c27b..bab294647 100644
--- a/resources/views/admin/pages/home.blade.php
+++ b/resources/views/admin/pages/home.blade.php
@@ -1,11 +1,56 @@
 @extends('admin.partial.template-full')
 
 @section('section')
-  <div class="title">
-    <h3 class="font-weight-bold">Pages</h3>
-    <p class="lead">Set custom page content</p>
-  </div>
-  <hr>
+</div>
+<div class="header bg-primary pb-3 mt-n4">
+	<div class="container-fluid">
+		<div class="header-body">
+			<div class="row align-items-center py-4">
+				<div class="col-lg-6 col-7">
+					<p class="display-1 text-white">Pages</p>
+					<p class="lead text-white mt-n4 mb-0">Manage public and custom page content</p>
+				</div>
+
+                @if($pages->count() < 4)
+                <div class="col-12">
+                    <hr>
+                    <div class="btn-group">
+                        @if(!$pages->contains('slug', '=', '/site/about'))
+                        <form class="form-inline mr-1" method="post" action="/i/admin/settings/pages/create">
+                            @csrf
+                            <input type="hidden" name="page" value="about">
+                            <button type="submit" class="btn btn-default font-weight-bold">Customize About Page</button>
+                        </form>
+                        @endif
+                        @if(!$pages->contains('slug', '=', '/site/privacy'))
+                        <form class="form-inline mr-1" method="post" action="/i/admin/settings/pages/create">
+                            @csrf
+                            <input type="hidden" name="page" value="privacy">
+                            <button type="submit" class="btn btn-default font-weight-bold">Customize Privacy Page</button>
+                        </form>
+                        @endif
+                        @if(!$pages->contains('slug', '=', '/site/terms'))
+                        <form class="form-inline mr-1" method="post" action="/i/admin/settings/pages/create">
+                            @csrf
+                            <input type="hidden" name="page" value="terms">
+                            <button type="submit" class="btn btn-default font-weight-bold">Customize Terms Page</button>
+                        </form>
+                        @endif
+                        @if(!$pages->contains('slug', '=', '/site/kb/community-guidelines'))
+                        <form class="form-inline" method="post" action="/i/admin/settings/pages/create">
+                            @csrf
+                            <input type="hidden" name="page" value="community_guidelines">
+                            <button type="submit" class="btn btn-default font-weight-bold">Customize Guidelines Page</button>
+                        </form>
+                        @endif
+                  </div>
+                </div>
+                @endif
+			</div>
+		</div>
+	</div>
+</div>
+<div class="container-fluid mt-4">
   @if($pages->count())
   <div class="table-responsive">
     <table class="table">
@@ -46,57 +91,11 @@
   <div class="d-flex justify-content-center mt-5 small">
     {{$pages->links()}}
   </div>
-  <hr>
-  <div class="btn-group">
-    <form class="form-inline mr-1" method="post" action="/i/admin/settings/pages/create">
-      @csrf
-      <input type="hidden" name="page" value="about">
-      <button type="submit" class="btn btn-outline-secondary font-weight-bold">Create About</button>
-    </form>
-    <form class="form-inline mr-1" method="post" action="/i/admin/settings/pages/create">
-      @csrf
-      <input type="hidden" name="page" value="privacy">
-      <button type="submit" class="btn btn-outline-secondary font-weight-bold">Create Privacy</button>
-    </form>
-    <form class="form-inline mr-1" method="post" action="/i/admin/settings/pages/create">
-      @csrf
-      <input type="hidden" name="page" value="terms">
-      <button type="submit" class="btn btn-outline-secondary font-weight-bold">Create Terms</button>
-    </form>
-    <form class="form-inline" method="post" action="/i/admin/settings/pages/create">
-      @csrf
-      <input type="hidden" name="page" value="community_guidelines">
-      <button type="submit" class="btn btn-outline-secondary font-weight-bold">Create Guidelines</button>
-    </form>
-  </div>
-  @else 
-  <div class="card bg-light shadow-none rounded-0">
+  @else
+  <div class="card border shadow-none rounded-0">
     <div class="card-body text-center">
-      <p class="lead text-muted font-weight-bold py-5 mb-0">No custom pages found</p>
+      <p class="lead text-muted font-weight-bold py-5">No custom pages found</p>
     </div>
   </div>
-  <hr>
-  <div class="btn-group">
-    <form class="form-inline mr-1" method="post" action="/i/admin/settings/pages/create">
-      @csrf
-      <input type="hidden" name="page" value="about">
-      <button type="submit" class="btn btn-outline-secondary font-weight-bold">Create About</button>
-    </form>
-    <form class="form-inline mr-1" method="post" action="/i/admin/settings/pages/create">
-      @csrf
-      <input type="hidden" name="page" value="privacy">
-      <button type="submit" class="btn btn-outline-secondary font-weight-bold">Create Privacy</button>
-    </form>
-    <form class="form-inline mr-1" method="post" action="/i/admin/settings/pages/create">
-      @csrf
-      <input type="hidden" name="page" value="terms">
-      <button type="submit" class="btn btn-outline-secondary font-weight-bold">Create Terms</button>
-    </form>
-    <form class="form-inline" method="post" action="/i/admin/settings/pages/create">
-      @csrf
-      <input type="hidden" name="page" value="community_guidelines">
-      <button type="submit" class="btn btn-outline-secondary font-weight-bold">Create Guidelines</button>
-    </form>
-  </div>
   @endif
 @endsection