Revert "Start on an Alpine event editor"

This reverts commit d248724.

Author: V13Axel

resources/js/app.js

@@ -125,7 +125,7 @@ window.tailwindColors = tailwindColors;
 // This is *only* here to stop sanitize-html from barfing a bunch of "Module x has been externalized for browser compatibility"
 // to the JS console _during the massive refactor we're doing to vite_.
 //
-// TODO: Either put back sanitize-html before merging in this rework or find a better alternative.
+// Either put back sanitize-html before merging in this rework or find a better alternative.
 window.sanitizeHtml = function(value) {
     return value;
 }
@@ -199,40 +199,6 @@ Alpine.plugin(persist);
 import Calendar from "./calendar.js";
 Alpine.store("calendar", new Calendar());
 
-Alpine.store("calendar_events", () => {
-    return {
-        // TODO: Init that stores these here
-        get count() {
-            return this.categories.length();
-        },
-
-        get events() {
-            return window.events;
-        },
-
-        get(id) {
-            return window.events.find(event => event.id === id) ?? {};
-        },
-    };
-});
-
-Alpine.store("event_categories", () => {
-    return {
-        // TODO: Init that stores these here
-        get count() {
-            return this.categories.length();
-        },
-
-        get categories() {
-            return window.categories;
-        },
-
-        get(id) {
-            return window.event_categories.find(category => category.id === id) ?? {};
-        }
-    };
-});
-
 import CalendarPresets from './calendar-presets.js';
 import CalendarRenderer from './calendar-renderer.js';
 import CalendarHTMLEditor from './calendar-html-editor.js';
@@ -338,10 +304,8 @@ import UserManagementCollapsible from './calendar/user_management_collapsible.js
 Alpine.data('user_management_collapsible', UserManagementCollapsible);
 
 import CalendarLinkingCollapsible from './calendar/calendar_linking_collapsible.js';
+import Save_button from "./calendar/save_button.js";
 Alpine.data('calendar_linking_collapsible', CalendarLinkingCollapsible);
 
-import EventEditor from './calendar/event_editor.js';
-Alpine.data('event_editor', EventEditor);
-
 Alpine.start();
 

resources/js/calendar/event_editor.js

@@ -1481,33 +1481,33 @@ ol.example li.placeholder:before {
     background-color: #fafafa;
 }
 
-// .flexible_background {
-//     width: 100%;
-//     height: 100%;
-//     background-color: rgba(0, 0, 0, 0.5);
-//     z-index: 11;
-//     position: fixed;
-//     align-items: center;
-//     text-align: center;
-//     overflow: hidden;
-//     display: flex;
-//     justify-content: center;
-
-//     &.transparent {
-//         background-color: rgba(0, 0, 0, 0);
-//     }
-
-//     .error {
-//         background-color: #d3352a;
-//         width: 100%;
-
-//         ol {
-//             list-style-type: none;
-//             padding-inline-start: 0;
-//             margin: 20px 0;
-//         }
-//     }
-// }
+.flexible_background {
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 11;
+    position: fixed;
+    align-items: center;
+    text-align: center;
+    overflow: hidden;
+    display: flex;
+    justify-content: center;
+
+    &.transparent {
+        background-color: rgba(0, 0, 0, 0);
+    }
+
+    .error {
+        background-color: #d3352a;
+        width: 100%;
+
+        ol {
+            list-style-type: none;
+            padding-inline-start: 0;
+            margin: 20px 0;
+        }
+    }
+}
 
 .blurred_background {
     backdrop-filter: blur(3px);

resources/sass/calendar/inputs.scss

@@ -43,6 +43,5 @@ function getCalendarStructure() {
         @include('layouts.moon_tooltip')
         @include('layouts.event')
         @include('inputs.sidebar.edit')
-        <x-event-editor></x-event-editor>
     </div>
 @endsection

resources/views/calendar/edit.blade.php

@@ -10,6 +10,20 @@ module.exports = {
         "./app/View/Components/**/*.php",
         './vendor/filament/**/*.blade.php',
     ],
+    safelist: [
+        // {
+        //     pattern: /bg-(.*)-(50|100|200|300|400|500|600|700|800|900)/,
+        //     variants: ['hover', 'dark', 'dark:hover'],
+        // },
+        // {
+        //     pattern: /text-(.*)-(50|100|200|300|400|500|600|700|800|900)/,
+        //     variants: ['hover', 'dark', 'dark:hover'],
+        // },
+        // {
+        //     pattern: /border-(.*)-(50|100|200|300|400|500|600|700|800|900)/,
+        //     variants: ['hover', 'dark', 'dark:hover'],
+        // },
+    ],
     theme: {
         extend: {
             colors: {