return array (
'Accept Cookies' => 'Accept Cookies',
'Cookie info' => 'Please be informed that we use cookies to enhance your user experience.
For a complete overview of all cookies used, please see our
<a href="'.route('frontend.pages.cookies').'" class="hero_side__link">Cookies Policy</a>
and <a href="'.route('frontend.pages.privacy').'" class="hero_side__link">Privacy Policy</a>.',
);
return array (
'Cookie info' => 'Please be informed that we use cookies to enhance your user experience.
For a complete overview of all cookies used, please see our
<a href=":policy_url" class="hero_side__link">Cookies Policy</a>
and <a href=":privacy_url" class="hero_side__link">Privacy Policy</a>.',
);
{{! __('Cookie info', [
'policy_url' => route('frontend.pages.cookies'),
'privacy_url' => route('frontend.pages.privacy'),
]) !}}
state: {
characters: [],
page: 0,
pages: 0,
},
mutations: {
setCharacters: (state, { characters, pages, page }) =>
Object.assign(state, { characters, pages, page }),
},
actions: {
async fetchCharacters({ commit }, page = 1) {
try {
const { data: { info, results } } = await axios.get(`${BASE_URL}?page=${page}`);
commit('setCharacters', {
page,
pages: info.pages,
characters: results,
});
} catch (e) {
console.error(e);
}
},
},
computed: {
currentPage: {
get() {
return this.$store.state.page;
},
set(page) {
this.$store.dispatch('fetchCharacters', page);
},
},
},
<el-pagination
v-model:current-page="currentPage"
:page-count="$store.state.pages"
layout="prev, pager, next"
background
/>
<?php if (isset($arResult['PROPERTIES']['VIDEO']['VALUE'])): ?>
<iframe class="media__iframe"
<?php
$url = $arResult['PROPERTIES']['VIDEO']['VALUE'];
if (preg_match('%(?:youtube(?:-nocookie)?\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\.be/)([^"&?/\s]{11})%i', $url, $match)) { $video_id = $match[1]; } ?>
<?php echo 'src="https://www.youtube.com/embed/'.$video_id.'"' ?>
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
<?php endif; ?>
setTimeout(autoplay, 5000);
var num = 0, max = $('.step').length;
function autoplay(){
$('.step').each(function(id){
if($(this).hasClass('active')){
num = parseInt(id)+1;
}
});
if(num >= max){
num = 0; // Или обнуляем или останавливаем: return false;
}
$('.step').removeClass('active');
$('ul .step').eq(num).trigger('click');
setTimeout(autoplay, 5000);
}
var button = $(e.relatedTarget);
h3 = button.parent().find('h3').text() // текст h3
modal.find('h5').text(h3) // текст h5 в модале
function listener(event) {
const target = event.target.closest('.app__item');
target.querySelectorAll('.equalizer').forEach(
elem => elem.style.display = 'block'
);
// так как дальнейшие клики будут гонять бесполезный цикл, то лучше отписаться
target.removeEventListener('click', listener);
}
document.querySelectorAll('.app__item').forEach(
item => item.addEventListener('click', listener)
);
const createCard = ({ title, subTitle, src, poster }) => {
const template = document.createElement('section');
template.innerHTML = `
<div class="card" style="width: 16rem;">
<a href="#theModal" class="btn btn-link"
data-remote="${src}"
data-toggle="modal" data-target="#theModal">
<img src="${poster}" class="card-poster" alt="image">
</a>
<div class="card-body">
<h3 class="card-title">${title}</h3>
<p class="card-text">${subTitle}</p>
</div>
</div>
`;
return template.children[0];
};
document.body.append(createCard({
title: 'Сказка о Царе Салтане',
subTitle: 'Приключения отважного царевича Гвидона, прекрасной царевны-Лебедь и царя Салтана напомнят о том, что любовь, верности и сила духа всегда побеждают!',
src: 'http://ссылка на видео',
poster: 'img/sk-1.jpg'
}));
createCard
объект, на выходе получать уже HTML элемент и добавлять в DOM его. как только загрузишь на гитхаб обязательно несколько строк выпадут(