Version 3.0.0-beta.2

core/dashboard.twig

@@ -0,0 +1,136 @@
+{% extends parent_template %}
+
+{% block breadcrumb %}
+    {{ parent() }}
+    {{ Lang.get('general.home') }}
+{% endblock %}
+
+{% block precontent %}
+    {% if isModuleEnabled('Selfservice') %}
+        <div class="sp-search-container sp-sticky sp-px-6 sp-bg-primary sp-shadow print:sp-hidden">
+            <div class="sp-container sp-pb-3 sp-m-auto sm:sp-pb-6 lg:sp-pt-3 lg:sp-pb-12">
+                <div class="sp-search sp-w-full sp-mx-auto sp-text-center sm:sp-w-3/4 lg:sp-w-2/3">
+                    <div class="sp-mb-3/2 sp-font-semibold sp-text-lg xs:sp-text-xl sm:sp-mb-3 sm:sp-text-2xl lg:sp-text-3xl">
+                        {{ Lang.get('core.how_can_we_help') }}
+                    </div>
+                    <form name="search" action="{{ route('core.frontend.search') }}" method="post">
+                        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
+                        <input type="search" name="query" placeholder="{{ Lang.get('general.search') }}" />
+                    </form>
+                </div>
+            </div>
+        </div>
+    {% endif %}
+{% endblock %}
+
+{% block content %}
+
+    {% if not isModuleEnabled('Ticket') and not isModuleEnabled('Selfservice') %}
+
+        {{ Lang.get('core.no_modules') }}
+
+    {% else %}
+
+        {% if isModuleEnabled('Ticket') %}
+            <div class="sp-flex sp-flex-wrap sp--m-3 lg:sp-flex-no-wrap
+                        {% if isModuleEnabled('Selfservice') and not types.isEmpty() %}sp-mb-6{% endif %}">
+                <a href="{{ route('ticket.frontend.ticket.createStep1') }}"
+                   class="sp-w-full sp-px-6 sp-py-3 sp-m-3 sp-bg-secondary sp-rounded sp-shadow lg:sp-w-1/2">
+                    <div class="sp-dashboard-section sp-flex">
+                        <div class="sp-flex-none sp-mr-6">
+                            <img src="{{ asset_rev('resources/assets/frontend/icons/submit.png') }}" class="sp-max-w-md xs:sp-max-w-lg"
+                                 alt="{{ Lang.get('core.submit_ticket') }}" />
+                        </div>
+                        <div class="sp-flex-grow sp-py-1">
+                            <h4 class="sp-text-xl">{{ Lang.get('core.submit_ticket') }}</h4>
+                            <p class="sp-m-0 sp-text-secondary">{{ Lang.get('core.submit_ticket_desc') }}</p>
+                        </div>
+                    </div>
+                </a>
+                {% if not auth_check() and Config.get('channel.web.settings.unauthenticated_users') %}
+                    <a href="{{ route('ticket.frontend.track') }}"
+                       class="sp-w-full sp-px-6 sp-py-3 sp-m-3 sp-bg-secondary sp-rounded sp-shadow lg:sp-w-1/2">
+                        <div class="sp-dashboard-section sp-flex">
+                            <div class="sp-flex-none sp-mr-6">
+                                <img src="{{ asset_rev('resources/assets/frontend/icons/binoculars.png') }}" class="sp-max-w-md xs:sp-max-w-lg"
+                                     alt="{{ Lang.get('core.track_ticket') }}" />
+                            </div>
+                            <div class="sp-flex-grow sp-py-1">
+                                <h4 class="sp-text-xl">{{ Lang.get('core.track_ticket') }}</h4>
+                                <p class="sp-m-0 sp-text-secondary">{{ Lang.get('core.track_ticket_desc') }}</p>
+                            </div>
+                        </div>
+                    </a>
+                {% elseif auth_check() %}
+                    <a href="{{ route('ticket.frontend.ticket.index') }}"
+                       class="sp-w-full sp-px-6 sp-py-3 sp-m-3 sp-bg-secondary sp-rounded sp-shadow lg:sp-w-1/2">
+                        <div class="sp-dashboard-section sp-flex">
+                            <div class="sp-flex-none sp-mr-6">
+                                <img src="{{ asset_rev('resources/assets/frontend/icons/binoculars.png') }}" class="sp-max-w-md xs:sp-max-w-lg"
+                                     alt="{{ Lang.get('core.my_tickets') }}" />
+                            </div>
+                            <div class="sp-flex-grow sp-py-1">
+                                <h4 class="sp-text-xl">{{ Lang.get('core.my_tickets') }}</h4>
+                                <p class="sp-m-0 sp-text-secondary">{{ Lang.get('core.my_tickets_desc') }}</p>
+                            </div>
+                        </div>
+                    </a>
+                {% endif %}
+            </div>
+        {% endif %}
+
+        {% if isModuleEnabled('Selfservice') %}
+            {% for type in types %}
+                {% set isCollapsible = not type.articles.isEmpty() and type.content == 0 and type.show_on_dashboard %}
+
+                <div class="sp-dashboard-section" id="sp-selfservice-{{ type.id }}">
+                    <div class="{% if isCollapsible %}sp-collapsible{% endif %}">
+                        <div class="sp-flex">
+                            <div class="sp-flex-none sp-mr-6">
+                                <a href="{{ type.url }}">
+                                    <img src="data:image/jpeg;base64, {{ type.icon }}" class="sp-max-w-md xs:sp-max-w-lg" alt="{{ type.name }}" />
+                                </a>
+                            </div>
+                            <div class="sp-flex-grow sp-py-1">
+                                <h4 class="sp-text-xl"><a href="{{ type.url }}">{{ type.name }}</a></h4>
+                                <p class="sp-m-0">{{ type.description }}</p>
+                            </div>
+                        </div>
+
+                        {% if isCollapsible %}
+                            <span class="sp-ml-auto">
+                                <i class="fas fa-chevron-up"></i>
+                            </span>
+                        {% endif %}
+                    </div>
+                    {% if isCollapsible %}
+                        <div class="sp-hidden sp-mt-6">
+                            {% include 'frontend.' ~ template ~ '.selfservice.article_list' with {'articles': type.articles, 'noRssFeed': true} %}
+
+                            <div class="sp-mt-6">
+                                <a href="{{ type.url }}" class="sp-button sp-button-sm">{{ Lang.get('general.view_all') }} &raquo;</a>
+                            </div>
+                        </div>
+                    {% endif %}
+                </div>
+            {% endfor %}
+        {% endif %}
+    {% endif %}
+
+    {{ View.fireHook('frontend.dashboard') }}
+
+{% endblock %}
+
+{% block scripts_footer %}
+    <script type="text/javascript">
+        $(function () {
+            // Set a top on the search container so the header has a shadow on scrolling.
+            $('.sp-search-container').css('top', $('header').height() - $('.sp-search-container').height());
+
+            // Allow clicking on the type name, without toggling the section content.
+            $('.sp-dashboard-section a').on('click', function (e) {
+                e.stopPropagation();
+            });
+        });
+    </script>
+{% endblock %}

core/maintenance.twig

@@ -0,0 +1,21 @@
+{% extends parent_template %}
+
+{% block title %}{{ Lang.get('general.maintenance') }}{% endblock %}
+
+{% block breadcrumb %}
+    {{ parent() }}
+    {{ Lang.get('general.maintenance') }}
+{% endblock %}
+
+{% block content %}
+
+    <h2>{{ Lang.get('core.maintenance') }}</h2>
+
+    <div class="sp-alert sp-alert-warning sp-alert-with-icon sp-alert-bottom">
+        <i class="sp-alert-icon fas fa-exclamation-triangle"></i>
+        <div class="sp-alert-content">
+            {{ Lang.get('core.maintenance_desc') }}
+        </div>
+    </div>
+
+{% endblock %}

core/search.twig

@@ -0,0 +1,23 @@
+{% extends parent_template %}
+
+{% block title %}{{ Lang.get('core.search_results') }}{% endblock %}
+
+{% block breadcrumb %}
+    {{ parent() }}
+    {{ Lang.get('core.search_results') }}
+{% endblock %}
+
+{% block content %}
+
+    {{ Lang.get('core.found_results', {'total': total}) }} '<strong>{{ Request.input('query') }}</strong>'.
+
+    {% if total > 0 %}
+        <hr />
+
+        {%
+            include 'frontend.' ~ template ~ '.selfservice.article_list'
+            with {'articles': articles, 'noRssFeed': true, 'show_pinned': false}
+        %}
+    {% endif %}
+
+{% endblock %}

errors/401.twig

@@ -0,0 +1,18 @@
+{% extends parent_template %}
+
+{% block title %}
+    401 - {{ Lang.get('messages.unauthorised') }}
+{% endblock %}
+
+{% block breadcrumb %}
+    {{ parent() }}
+    {{ Lang.get('messages.error') }} (401)
+{% endblock %}
+
+{% block content %}
+
+    <p class="sp-m-0">{{ Lang.get('messages.not_authorised') }} {{ Lang.get('messages.please_report') }}</p>
+
+    <p class="sp-mb-0">{{ Lang.get('messages.return_to', {'page': '<a href="' ~ URL.previous() ~ '">' ~ mb_strtolower(Lang.get('general.previous_page'), 'UTF-8') ~ '</a>'})|raw }}</p>
+
+{% endblock %}

errors/403.twig

@@ -0,0 +1,18 @@
+{% extends parent_template %}
+
+{% block title %}
+    403 - {{ Lang.get('messages.forbidden') }}
+{% endblock %}
+
+{% block breadcrumb %}
+    {{ parent() }}
+    {{ Lang.get('messages.error') }} (403)
+{% endblock %}
+
+{% block content %}
+
+    <p class="sp-m-0">{{ Lang.get('messages.forbidden') }}.<br/> {{ Lang.get('messages.please_report') }}</p>
+
+    <p class="sp-mb-0">{{ Lang.get('messages.return_to', {'page': '<a href="' ~ URL.previous() ~ '">' ~ mb_strtolower(Lang.get('general.previous_page'), 'UTF-8') ~ '</a>'})|raw }}</p>
+
+{% endblock %}

errors/404.twig

@@ -0,0 +1,18 @@
+{% extends parent_template %}
+
+{% block title %}
+    404 - {{ Lang.get('messages.page_not_found') }}
+{% endblock %}
+
+{% block breadcrumb %}
+    {{ parent() }}
+    {{ Lang.get('messages.error') }} (404)
+{% endblock %}
+
+{% block content %}
+
+    <p class="sp-m-0">{{ Lang.get('messages.cant_find_page') }} {{ Lang.get('messages.please_report') }}</p>
+
+    <p class="sp-mb-0">{{ Lang.get('messages.return_to', {'page': '<a href="' ~ route('core.frontend.home') ~ '">' ~ mb_strtolower(Lang.get('general.support_portal'), 'UTF-8') ~ '</a>'})|raw }}</p>
+
+{% endblock %}

errors/405.twig

@@ -0,0 +1,18 @@
+{% extends parent_template %}
+
+{% block title %}
+    405 - {{ Lang.get('messages.page_not_found') }}
+{% endblock %}
+
+{% block breadcrumb %}
+    {{ parent() }}
+    {{ Lang.get('messages.error') }} (405)
+{% endblock %}
+
+{% block content %}
+
+    <p class="sp-m-0">{{ Lang.get('messages.cant_find_page') }} {{ Lang.get('messages.please_report') }}</p>
+
+    <p class="sp-mb-0">{{ Lang.get('messages.return_to', {'page': '<a href="' ~ route('core.frontend.home') ~ '">' ~ mb_strtolower(Lang.get('general.support_portal'), 'UTF-8') ~ '</a>'})|raw }}</p>
+
+{% endblock %}

footer_common.twig

@@ -0,0 +1,23 @@
+<!-- Laravel Localisation -->
+<script type="text/javascript" src="{{ asset_rev('resources/assets/general/js/lang.min.js') }}"></script>
+<script type="text/javascript">
+    Lang.addMessages({{ translationStrings|raw }});
+    // Add the messages before setting the locale...
+    Lang.setLocale("{{ App.getLocale() }}");
+</script>
+
+<!-- Laravel Routes -->
+<script type="text/javascript" src="{{ asset_rev('resources/assets/general/js/routes.min.js') }}"></script>
+<script type="text/javascript">
+    laroute.set_absolute({{ Config.get('laroute.absolute', false) }});
+    laroute.set_root_url("{{ url('/') }}");
+    laroute.set_routes({{ routeCollection|raw }});
+    laroute.set_prefix('{{ Config.get('laroute.prefix', '') }}');
+</script>
+
+<!-- Vendor -->
+<script type="text/javascript" src="{{ asset_rev('resources/assets/libs/common.min.js') }}"></script>
+<link data-include href="{{ asset_rev('resources/assets/libs/css/common.min.css') }}" rel="stylesheet" type="text/css" property="stylesheet" />
+
+<!-- General -->
+<script src="{{ asset_rev('resources/assets/general/js/main.js') }}"></script>