fix #92 live logs

Author: oallain

Makefile

@@ -7,8 +7,8 @@ COMPOSER=cd tests/Application && composer
 YARN=cd tests/Application && yarn
 
 SYLIUS_VERSION=1.12.0
-SYMFONY_VERSION=6.1
-PHP_VERSION=8.1
+SYMFONY_VERSION=6.4
+PHP_VERSION=8.2
 PLUGIN_NAME=synolia/sylius-scheduler-command-plugin
 
 ###
@@ -71,6 +71,7 @@ install-sylius:
 	${CONSOLE} sylius:fixtures:load default -n
 	${YARN} install
 	${YARN} build
+	${CONSOLE} assets:install -n
 	${CONSOLE} cache:clear
 
 configure-sylius:

README.md

@@ -68,6 +68,10 @@
         cp -R vendor/synolia/sylius-scheduler-command-plugin/install/Application/config/packages/* config/packages/
         cp -R vendor/synolia/sylius-scheduler-command-plugin/install/Application/config/routes/* config/routes/
 
+6. Installing assets (JS and CSS) fot the plugin
+
+        bin/console assets:install
+
 ## Usage
 
 * Log into admin panel

src/Resources/public/column/index.js

@@ -2,7 +2,7 @@ function fireLog(e) {
   e.preventDefault();
   var url = $(e.currentTarget).data('href');
   $.get(url, function (data) {
-    $('#log-modal .description').html($(data).find('#content'));
+    $('#log-content').html($(data));
   }).done(function () {
     $('#log-modal').modal('show');
   })

src/Resources/public/controller/index.css

@@ -8,20 +8,15 @@ pre {
 
 #results {
     border: solid 1px;
-    padding: 5px;
+    padding: 10px;
     overflow-y: scroll;
-    height: calc(100% - 150px);
+    height: calc(100% - 80px);
 }
 
 #log-modal {
-    width: calc(100% - 100px);
-    height: calc(100% - 100px);
-}
-
-#log-modal .description,
-#log-modal > .content,
-#log-modal #content {
-    height: 100%;
+    width: calc(100% - 120px);
+    height: calc(100% - 120px);
+    overflow-y: hidden;
 }
 
 #results .loader:before {
@@ -31,3 +26,12 @@ pre {
 #results .loader:after {
     border-color: #767676 transparent transparent;
 }
+
+#log-content {
+    padding: 10px;
+    height: calc(100% - 20px);
+}
+
+#log-results {
+    height: calc(100% - 20px);
+}

src/Resources/views/Controller/modal.html.twig

@@ -4,7 +4,6 @@
             <i class="close icon"></i>
         </a>
     </div>
-    <div class="content">
-        <div class="description"></div>
+    <div id="log-content">
     </div>
 </div>

src/Resources/views/Controller/show.html.twig

@@ -1,30 +1,24 @@
-{% extends '@SyliusAdmin/layout.html.twig' %}
-
-{% import '@SyliusUi/Macro/headers.html.twig' as headers %}
-
-{% block title %}{{ 'synolia.ui.live_view_of_scheduled_command'|trans({'%scheduledCommandName%': scheduledCommand.name|e}) }} {{ parent() }}{% endblock %}
-
-{% block content %}
-    {{ headers.default('synolia.ui.live_view_of_scheduled_command'|trans({'%scheduledCommandName%': scheduledCommand.name|e}), 'cogs') }}
-
-    <div class="ui input">
-        <input id="grep" type="text" placeholder="Search...">
-    </div>
+<div class="ui icon input">
+    <input id="grep" type="text" placeholder="Search...">
+    <i class="search icon"></i>
+</div>
 
+<div id="log-results">
     <pre id="results">
         <div class="ui active centered inline loader"></div>
     </pre>
+</div>
+
+{{ sylius_template_event('synolia.admin.command.logs.stylesheets') }}
 
-    {{ sylius_template_event('synolia.admin.command.logs.stylesheets') }}
+<script type="text/javascript">
+    {% autoescape 'js' %}
+    /* <![CDATA[ */
+    var sy_updateTime = {{ updateTime }};
+    var sy_route = "{{ route }}";
+    /* ]]> */
+    {% endautoescape %}
+</script>
 
-    <script type="text/javascript">
-        {% autoescape 'js' %}
-        /* <![CDATA[ */
-        var sy_updateTime = {{ updateTime }};
-        var sy_route = "{{ route }}";
-        /* ]]> */
-        {% endautoescape %}
-    </script>
+{{ sylius_template_event('synolia.admin.command.logs.javascripts') }}
 
-    {{ sylius_template_event('synolia.admin.command.logs.javascripts') }}
-{% endblock %}