kevin/vocurations
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
kevin
2020-12-14 23:12:44 +01:00
parent b1e14f5f7b
commit b6ed4d771e
38 changed files with 1338 additions and 409 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/vocurations/css-compiled/theme.css
+57 -35
View File
File diff suppressed because one or more lines are too long
user/themes/vocurations/css-compiled/theme.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
user/themes/vocurations/js/site.js
+16
View File
@@ -127,7 +127,23 @@ function newsletter() {
}
function OpenSearch(){
$('.wrap_search a').click(function() {
$('.search-wrapper').toggleClass("opacity");
});
var url = window.location.pathname
var splitUrl = url.split("/");
console.log(splitUrl);
if(splitUrl[1] == "search" ){
$('.search-wrapper').addClass("opacity");
}
}
$(document).ready(function(){
// more();
// newsletter();
OpenSearch();
});
user/themes/vocurations/scss/theme.scss
+1
View File
@@ -14,6 +14,7 @@
@import 'theme/header';
@import 'theme/footer';
@import 'theme/menu';
@import 'theme/search';
// Extra Skeleton Styling
@import 'theme/blog';
user/themes/vocurations/scss/theme/_extensions.scss
-82
View File
@@ -115,86 +115,4 @@
}
}
.simplesearch_results{
.section{
// width: calc((100% / 12) * 9);
width: 100%;
.simplesearch{
.center{
width: calc((100% / 12) * 9);
}
.result_for{
text-transform: uppercase;
p{
margin: 0!important;
}
}
.search-wrapper{
form{
display: inline-flex;
.search-input, button{
font-family: $Bold;
font-size: 6rem;
text-transform: uppercase;
width: 100%;
height: auto;
border: none;
background: none;
}
}
}
}
}
.card-cat{
margin-bottom:0.6rem;
}
}
.search-results{
.results{
margin-top: 6rem;
@include flexbox;
align-items: flex-end;
width: 100%;
.search-row{
width: calc((100% / 12) * 6);
margin-bottom: 6rem;
a{
display: block;
}
&:nth-child(odd){
padding-right: 0.7rem;
}
&:nth-child(even){
padding-left: 0.7rem;
}
.search-item{
margin: 0;
}
.card-cat{
margin-bottom:0.6rem;
}
.search-title{
h2{
font-size: 2.5rem;
line-height: 2.7rem;
}
}
.search-details{
font-family: $Bold;
font-size: 2.5rem;
line-height: 2.7rem;
font-weight: 400;
margin: 0;
text-transform: uppercase;
}
.search-image{
float: none;
width: 100%;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
}
}
user/themes/vocurations/scss/theme/_forms.scss
+5
View File
@@ -157,6 +157,7 @@
}
}
.dz-default{
display: none;
span{
display: none;
}
@@ -279,3 +280,7 @@
margin-left: 1rem;
}
}
input{
outline: none;
}
user/themes/vocurations/scss/theme/_search.scss
+113
View File
@@ -0,0 +1,113 @@
.simplesearch_results{
.section{
// width: calc((100% / 12) * 9);
width: 100%;
.simplesearch{
.center{
width: calc((100% / 12) * 9);
}
.result_for{
text-transform: uppercase;
p{
margin: 0!important;
}
}
}
}
.card-cat{
margin-bottom:0.6rem;
}
}
.wrap_search{
display: inline-flex;
align-items: baseline;
& > a{
margin-right: 1.2rem;
}
}
.search-wrapper{
opacity: 0;
transition: opacity 0.2s ease;
&.opacity{
opacity: 1;
transition: opacity 0.2s ease;
}
form{
display: inline-flex;
.search-input, button{
font-family: $Bold;
font-size: 1.5rem;
text-transform: uppercase;
height: auto;
border: none;
background: none;
}
button{
width: auto;
}
.search-input{
max-width: 200px;
width: 100%;
border-bottom: 1px solid black;
margin-right: 1.2rem;
background: white!important;
&:focus, &:active, &::placeholder{
outline: none;
background-color:transparent!important;
}
}
}
}
.search-results{
.results{
margin-top: 6rem;
@include flexbox;
align-items: flex-end;
width: 100%;
.search-row{
width: calc((100% / 12) * 6);
margin-bottom: 6rem;
a{
display: block;
}
&:nth-child(odd){
padding-right: 0.7rem;
}
&:nth-child(even){
padding-left: 0.7rem;
}
.search-item{
margin: 0;
}
.card-cat{
margin-bottom:0.6rem;
}
.search-title{
h2{
font-size: 2.5rem;
line-height: 2.7rem;
}
}
.search-details{
font-family: $Bold;
font-size: 2.5rem;
line-height: 2.7rem;
font-weight: 400;
margin: 0;
text-transform: uppercase;
}
.search-image{
float: none;
width: 100%;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
}
}
user/themes/vocurations/templates/forms/fields/file/file.html.twig
+118
View File
@@ -0,0 +1,118 @@
{% extends "forms/field.html.twig" %}
{% macro bytesToSize(bytes) -%}
{% spaceless %}
{% set kilobyte = 1024 %}
{% set megabyte = kilobyte * 1024 %}
{% set gigabyte = megabyte * 1024 %}
{% set terabyte = gigabyte * 1024 %}
{% if bytes < kilobyte %}
{{ bytes ~ ' B' }}
{% elseif bytes < megabyte %}
{{ (bytes / kilobyte)|number_format(2, '.') ~ ' KB' }}
{% elseif bytes < gigabyte %}
{{ (bytes / megabyte)|number_format(2, '.') ~ ' MB' }}
{% elseif bytes < terabyte %}
{{ (bytes / gigabyte)|number_format(2, '.') ~ ' GB' }}
{% else %}
{{ (bytes / terabyte)|number_format(2, '.') ~ ' TB' }}
{% endif %}
{% endspaceless %}
{%- endmacro %}
{% macro preview(path, value, global) %}
{% if value %}
{% set uri = global.grav.uri %}
{% set files = global.files %}
{% set config = global.grav.config %}
{% set route = global.context.route() %}
{% set type = global.context.content() is not null ? 'pages' : global.plugin ? 'plugins' : global.theme ? 'themes' : 'config' %}
{% set blueprint_name = global.blueprints.getFilename %}
{% if type == 'pages' %}
{% set blueprint_name = type ~ '/' ~ blueprint_name %}
{% endif %}
{% set blueprint = base64_encode(blueprint_name) %}
{% set real_path = value.thumb ?? global.context.media[path].relativePath ?? global.form.getPagePathFromToken(path) %}
{% set remove = global.form.getFileDeleteAjaxRoute(files.name, path)|string ?: uri.addNonce(
global.base_url_relative ~
'/media.json' ~
'/task' ~ config.system.param_sep ~ 'removeFileFromBlueprint' ~
'/proute' ~ config.system.param_sep ~ base64_encode(route) ~
'/blueprint' ~ config.system.param_sep ~ blueprint ~
'/type' ~ config.system.param_sep ~ type ~
'/field' ~ config.system.param_sep ~ files.name ~
'/path' ~ config.system.param_sep ~ base64_encode(value.path), 'admin-form', 'admin-nonce') %}
{% set file = value|merge({remove: remove, path: value.thumb_url ?? (uri.rootUrl == '/' ? '/' : uri.rootUrl ~ '/' ~ real_path) }) %}
<div class="hidden" data-file="{{ file|json_encode|e('html_attr') }}"></div>
{% endif %}
{% endmacro %}
{% import _self as macro %}
{% set defaults = config.plugins.form %}
{% set files = defaults.files|merge(field|default([])) %}
{% set limit = not field.multiple ? 1 : files.limit %}
{% do config.set('forms.dropzone.enabled', true) %}
{% block input %}
{% set page_can_upload = exists or (type == 'page' and not exists and not (field.destination starts with '@self' or field.destination starts with 'self@')) %}
{% set max_filesize = (field.filesize > form_max_filesize or field.filesize == 0) ? form_max_filesize : field.filesize %}
{% block prepend %}{% endblock %}
{% set settings = {name: field.name, paramName: (scope ~ field.name)|fieldName ~ (files.multiple ? '[]' : ''), limit: limit, filesize: max_filesize, accept: files.accept, resolution: files.resolution, resizeWidth: files.resizeWidth, resizeHeight: files.resizeHeight, resizeQuality: files.resizeQuality } %}
{% set dropzoneSettings = field.dropzone %}
<div class="{{ form_field_wrapper_classes ?: 'form-input-wrapper' }} {{ field.classes }} dropzone files-upload form-input-file {{ field.size }}" data-grav-file-settings="{{ settings|json_encode|e('html_attr') }}" data-dropzone-options="{{ dropzoneSettings|json_encode|e('html_attr') }}" {% if form.getFileUploadAjaxRoute %}data-file-url-add="{{ form.getFileUploadAjaxRoute() }}"{% endif %}>
{% block file_extras %}{% endblock %}
<input
{# required attribute structures #}
{% block input_attributes %}
type="file"
{% if files.multiple %}multiple="multiple"{% endif %}
{% if files.accept %}accept="{{ files.accept|join(',') }}"{% endif %}
{% if field.disabled %}disabled="disabled"{% endif %}
{% if field.random_name %}random="true"{% endif %}
{% if required %}required="required"{% endif %}
{{ parent() }}
{% endblock %}
/>
{% for path, file in value %}
{{ macro.preview(path, file, _context) }}
{% endfor %}
{% include 'forms/fields/hidden/hidden.html.twig' with {field: {name: '_json.' ~ field.name}, value: (value ?? [])|json_encode } %}
</div>
{% if grav.browser.browser == 'msie' and grav.browser.version < 12 %}
{% do assets.addJs('plugin://form/assets/object.assign.polyfill.js') %}
{% endif %}
{% do assets.addJs('jquery', 101) %}
{% do assets.addJs('plugin://form/assets/form.vendor.js', { 'group': 'bottom', 'loading': 'defer' }) %}
{% do assets.addJs('plugin://form/assets/form.min.js', { 'group': 'bottom', 'loading': 'defer' }) %}
{% do assets.addCss('plugin://form/assets/dropzone.min.css', { 'group': 'form'}) %}
{{ assets.css('form')|raw }}
{% do assets.addInlineJs("
window.GravForm = window.GravForm || {};
window.GravForm = Object.assign({}, window.GravForm, {
translations: {
PLUGIN_FORM: {
'DROPZONE_CANCEL_UPLOAD': " ~ 'PLUGIN_FORM.DROPZONE_CANCEL_UPLOAD'|t|json_encode ~ ",
'DROPZONE_CANCEL_UPLOAD_CONFIRMATION': " ~ 'PLUGIN_FORM.DROPZONE_CANCEL_UPLOAD_CONFIRMATION'|t|json_encode ~ ",
'DROPZONE_DEFAULT_MESSAGE': " ~ 'PLUGIN_FORM.DROPZONE_DEFAULT_MESSAGE'|t|json_encode ~ ",
'DROPZONE_FALLBACK_MESSAGE': " ~ 'PLUGIN_FORM.DROPZONE_FALLBACK_MESSAGE'|t|json_encode ~ ",
'DROPZONE_FALLBACK_TEXT': " ~ 'PLUGIN_FORM.DROPZONE_FALLBACK_TEXT'|t|json_encode ~ ",
'DROPZONE_FILE_TOO_BIG': " ~ 'PLUGIN_FORM.DROPZONE_FILE_TOO_BIG'|t|json_encode ~ ",
'DROPZONE_INVALID_FILE_TYPE': " ~ 'PLUGIN_FORM.DROPZONE_INVALID_FILE_TYPE'|t|json_encode ~ ",
'DROPZONE_MAX_FILES_EXCEEDED': " ~ 'PLUGIN_FORM.DROPZONE_MAX_FILES_EXCEEDED'|t|json_encode ~ ",
'DROPZONE_REMOVE_FILE': " ~ 'PLUGIN_FORM.DROPZONE_REMOVE_FILE'|t|json_encode ~ ",
'DROPZONE_REMOVE_FILE_CONFIRMATION': " ~ 'PLUGIN_FORM.DROPZONE_REMOVE_FILE_CONFIRMATION'|t|json_encode ~ ",
'DROPZONE_RESPONSE_ERROR': " ~ 'PLUGIN_FORM.DROPZONE_RESPONSE_ERROR'|t|json_encode ~ ",
'RESOLUTION_MIN': " ~ 'PLUGIN_FORM.RESOLUTION_MIN'|t|json_encode ~ ",
'RESOLUTION_MAX': " ~ 'PLUGIN_FORM.RESOLUTION_MAX'|t|json_encode ~ "
}
}
});
", {'group': 'bottom', 'position': 'before'}) %}
{% endblock %}
user/themes/vocurations/templates/partials/navigation.html.twig
+3 -2
View File
@@ -2,9 +2,10 @@
<ul {{ tree ? 'class="tree"' : '' }}>
{{ macros.nav_loop(pages) }}
<li>
<a href="/search">
<li class="wrap_search">
<a href="#">
<img src="/user/themes/vocurations/images/Icone_search.svg" alt="">
</a>
{% include 'partials/simplesearch_searchbox.html.twig' %}
</li>
</ul>
user/themes/vocurations/templates/partials/simplesearch_item.html.twig
+7 -2
View File
@@ -2,7 +2,6 @@
{% set pageCollection = search_results %}
{% if page.template == 'modular' %}
{% for item in page.collection %}
{% if item.media.images %}
{% set value = query|hyphenize %}
@@ -10,7 +9,9 @@
{% if title|contains(value) == 1 %}
<section class="search-row">
<a href="{{ item.header.url_news }}" target="_blank">
{% if item.header.url_news %}
<a href="{{ item.header.url_news }}" target="_blank">
{% endif %}
{% set banner = item.media.images|first %}
<div class="search-item">
@@ -35,7 +36,10 @@
{% endif %}
</div>
{% if item.header.url_news %}
</a>
{% endif %}
</section>
{% endif %}
@@ -46,6 +50,7 @@
{% if page.media.images %}
<section class="search-row">
<a href="{{page.url}}">
{% set banner = page.media.images|first %}
<div class="search-item">
user/themes/vocurations/templates/partials/simplesearch_searchbox.html.twig
+1
View File
@@ -2,6 +2,7 @@
<div class="search-wrapper">
<form name="search" data-simplesearch-form>
<input
autocomplete="off"
name="searchfield"
class="search-input"
type="text"
user/themes/vocurations/templates/simplesearch_results.html.twig
+2 -5
View File
@@ -2,17 +2,14 @@
{% block content %}
<div class="content-padding simplesearch">
<div class="center">
{% include 'partials/simplesearch_searchbox.html.twig' %}
</div>
<div class="result_for">
<p>
{% if query %}
{% set count = search_results ? search_results.count : 0 %}
{% if count is same as( 1 ) %}
{{ "PLUGIN_SIMPLESEARCH.SEARCH_RESULTS_SUMMARY_SINGULAR"|t(query|e)|raw }}
"{{ query }}" - Found {{ search_results.count }} {{ 'Result'|pluralize(search_results.count) }}
{% else %}
{{ "PLUGIN_SIMPLESEARCH.SEARCH_RESULTS_SUMMARY_PLURAL"|t(query|e, count)|raw }}
"{{ query }}" - Found {{ search_results.count }} {{ 'Results'|t(query|e, count)|raw }}
{% endif %}
{% endif %}
</p>