hotstovejer/openclassify
0
0
Fork 0
mirror of https://github.com/openclassify/openclassify.git synced 2026-02-06 05:16:05 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

#4710 404 page design is broken

Browse Source
This commit is contained in:
diashalabi 2021-10-19 14:22:59 +03:00
parent 11c0fcdcf4
commit f7eb1b790c
6 changed files with 40 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
addons/default/visiosoft/base-theme/resources/css/offline.scss
View File

@ -1,3 +1,11 @@
.offline-hide {
display: none !important;
}
.offline-show {
display: block !important;
}
#offline { #offline {
display: none; display: none;

4
addons/default/visiosoft/base-theme/resources/js/offline.js
View File

@ -1,7 +1,7 @@
/* Offline */ /* Offline */
window.addEventListener('offline', () => { window.addEventListener('offline', () => {
$('body > *').hide(); $('body > *').addClass('offline-hide');
$('#offline').show(); $('#offline').addClass('offline-show');
}); });
$('#offline button').click(function () { $('#offline button').click(function () {

21
addons/default/visiosoft/base-theme/resources/views/errors/403.twig
View File

@ -6,17 +6,18 @@
{% block content %} {% block content %}
<div class="container h-100 align-items-center d-flex"> <div class="container h-100 align-items-center d-flex">
<div class="col-12 bg-white shadow p-5 rounded text-center"> <div class="col-12 bg-white shadow p-5 rounded text-center">
<img src="{{ img('visiosoft.theme.base::images/errors/403.png').url }}" class="w-100 error-image" alt="403"> <img src="{{ img('visiosoft.theme.base::images/errors/403.png').url }}" class="w-100 error-image" alt="403">
<h3 class="h3 mb-3 font-weight-bold">{{ trans('visiosoft.theme.base::errors.403_title') }}</h3> <h3 class="h3 mb-3 font-weight-bold">{{ trans('visiosoft.theme.base::errors.403_title') }}</h3>
<h5 class="h5 mb-3 font-weight-bold color-error-message">{{ trans('visiosoft.theme.base::errors.403_message') }}</h5> <h5 class="h5 mb-3 font-weight-bold color-error-message">{{ trans('visiosoft.theme.base::errors.403_message') }}</h5>
<div class="py-4"> <div class="py-4">
<a class="error-btn-home rounded px-3 py-2" href="{{ url('/') }}"> {{ trans('visiosoft.theme.base::errors.home_page') }}</a> <a class="error-btn-home rounded px-3 py-2" href="{{ url('/') }}"> {{ trans('visiosoft.theme.base::errors.home_page') }}</a>
</div>
{% if auth_check() %}
<a class="text-white bg-dark border rounded px-3 py-2" href="{{ url('/') }}">{{ trans('visiosoft.theme.base::field.logout.name') }}</a>
{% endif %}
<span class="small font-weight-bold mt-3 d-block text-muted">{{ setting_value('streams::domain', 'openclassify.com') }}</span>
</div> </div>
{% if auth_check() %}
<a class="text-white bg-dark border rounded px-3 py-2" href="{{ url('/') }}">{{ trans('visiosoft.theme.base::field.logout.name') }}</a>
{% endif %}
<span class="small font-weight-bold mt-3 d-block text-muted">{{ setting_value('streams::domain', 'openclassify.com') }}</span>
</div> </div>
{% endblock %} {% endblock %}

21
addons/default/visiosoft/base-theme/resources/views/errors/404.twig
View File

@ -6,17 +6,18 @@
{% block content %} {% block content %}
<div class="container h-100 align-items-center d-flex"> <div class="container h-100 align-items-center d-flex">
<div class="col-12 bg-white shadow p-5 rounded text-center"> <div class="col-12 bg-white shadow p-5 rounded text-center">
<img src="{{ img('visiosoft.theme.base::images/errors/404.png').url }}" class="w-100 error-image" alt="404"> <img src="{{ img('visiosoft.theme.base::images/errors/404.png').url }}" class="w-100 error-image" alt="404">
<h3 class="h3 mb-3 font-weight-bold">{{ trans('visiosoft.theme.base::errors.404_title') }}</h3> <h3 class="h3 mb-3 font-weight-bold">{{ trans('visiosoft.theme.base::errors.404_title') }}</h3>
<h5 class="h5 mb-3 font-weight-bold color-error-message">{{ trans('visiosoft.theme.base::errors.404_message') }}</h5> <h5 class="h5 mb-3 font-weight-bold color-error-message">{{ trans('visiosoft.theme.base::errors.404_message') }}</h5>
<div class="py-4"> <div class="py-4">
<a class="error-btn-home rounded px-3 py-2" href="{{ url('/') }}"> {{ trans('visiosoft.theme.base::errors.home_page') }}</a> <a class="error-btn-home rounded px-3 py-2" href="{{ url('/') }}"> {{ trans('visiosoft.theme.base::errors.home_page') }}</a>
</div>
{% if auth_check() %}
<a class="text-white bg-dark border rounded px-3 py-2" href="{{ url('/') }}">{{ trans('visiosoft.theme.base::field.logout.name') }}</a>
{% endif %}
<span class="small font-weight-bold mt-3 d-block text-muted">{{ setting_value('streams::domain', 'openclassify.com') }}</span>
</div> </div>
{% if auth_check() %}
<a class="text-white bg-dark border rounded px-3 py-2" href="{{ url('/') }}">{{ trans('visiosoft.theme.base::field.logout.name') }}</a>
{% endif %}
<span class="small font-weight-bold mt-3 d-block text-muted">{{ setting_value('streams::domain', 'openclassify.com') }}</span>
</div> </div>
{% endblock %} {% endblock %}

1
addons/default/visiosoft/base-theme/resources/views/layouts/error.twig
View File

@ -20,6 +20,7 @@
{% block content %}{% endblock %} {% block content %}{% endblock %}
{% include "visiosoft.theme.base::partials/offline" %} {% include "visiosoft.theme.base::partials/offline" %}
{% include "visiosoft.theme.base::partials/assets" %}
</body> </body>

4
addons/default/visiosoft/base-theme/resources/views/partials/metadata.twig
View File

@ -19,8 +19,6 @@
{{ asset_add("theme.css", "visiosoft.theme.base::css/select2.css") }} {{ asset_add("theme.css", "visiosoft.theme.base::css/select2.css") }}
{{ asset_add("theme.css", "visiosoft.theme.base::css/font-awesome.min.css") }} {{ asset_add("theme.css", "visiosoft.theme.base::css/font-awesome.min.css") }}
{{ asset_add("theme.css", "visiosoft.theme.base::css/intlTelInput.css") }} {{ asset_add("theme.css", "visiosoft.theme.base::css/intlTelInput.css") }}
{{ asset_add("theme.css", "visiosoft.theme.base::css/offline.scss") }}
<script src="{{ asset_path('visiosoft.theme.base::js/vendor/jquery.min.js') }}"></script> <script src="{{ asset_path('visiosoft.theme.base::js/vendor/jquery.min.js') }}"></script>
{{ asset_script('visiosoft.theme.base::js/visiosoft.js') }} {{ asset_script('visiosoft.theme.base::js/visiosoft.js') }}
@ -33,6 +31,8 @@
{% for style in asset_inlines("custom-theme.css", ["min"]) %} {% for style in asset_inlines("custom-theme.css", ["min"]) %}
{{ style|raw }} {{ style|raw }}
{% endfor %} {% endfor %}
{{ asset_inline("visiosoft.theme.base::css/offline.scss") }}
</style> </style>
{# Important!! #} {# Important!! #}