from server 29.12
This commit is contained in:
parent
7e8eedf7c4
commit
39d5c9fc50
|
|
@ -34,7 +34,7 @@ class postsController extends Controller
|
|||
'typePost' => input('typePost'),
|
||||
'postGroup' => input('group'),
|
||||
'published' => true,
|
||||
'featured' => input('featured'),
|
||||
'featured' => input('featured') == true ? 1 : 0,
|
||||
'select' => ['id','title','slug','published_at',DB::raw("IF(featured_image<>'',concat('$path',featured_image),featured_image) as main_image")]
|
||||
]);
|
||||
|
||||
|
|
|
|||
|
|
@ -40,8 +40,9 @@ toolbar:
|
|||
buttons: list_toolbar
|
||||
|
||||
# Search widget configuration
|
||||
search:
|
||||
prompt: backend::lang.list.search_prompt
|
||||
|
||||
#search:
|
||||
# prompt: backend::lang.list.search_prompt
|
||||
|
||||
# Filter widget configuration
|
||||
filter: config_filter.yaml
|
||||
|
|
|
|||
|
|
@ -46,3 +46,10 @@ columns:
|
|||
searchable: true
|
||||
invisible: true
|
||||
sortable: true
|
||||
category_group:
|
||||
label: 'Cat Group'
|
||||
type: text
|
||||
searchable: true
|
||||
sortable: true
|
||||
select: name
|
||||
relation: category_groups
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M22.4347 19.4982L31.3843 10.5681C31.7763 10.1761 31.9964 9.64447 31.9964 9.09014C31.9964 8.5358 31.7763 8.00416 31.3843 7.61219C30.9924 7.22021 30.4609 7 29.9066 7C29.3524 7 28.8208 7.22021 28.4289 7.61219L19.5 16.5631L10.5711 7.61219C10.1792 7.22021 9.64765 7 9.09339 7C8.53913 7 8.00757 7.22021 7.61565 7.61219C7.22373 8.00416 7.00355 8.5358 7.00355 9.09014C7.00355 9.64447 7.22373 10.1761 7.61565 10.5681L16.5653 19.4982L7.61565 28.4284C7.42057 28.6219 7.26573 28.8521 7.16007 29.1058C7.0544 29.3594 7 29.6315 7 29.9063C7 30.1811 7.0544 30.4532 7.16007 30.7069C7.26573 30.9605 7.42057 31.1907 7.61565 31.3843C7.80914 31.5794 8.03933 31.7342 8.29296 31.8399C8.54659 31.9456 8.81863 32 9.09339 32C9.36815 32 9.64019 31.9456 9.89382 31.8399C10.1474 31.7342 10.3776 31.5794 10.5711 31.3843L19.5 22.4333L28.4289 31.3843C28.6224 31.5794 28.8526 31.7342 29.1062 31.8399C29.3598 31.9456 29.6319 32 29.9066 32C30.1814 32 30.4534 31.9456 30.707 31.8399C30.9607 31.7342 31.1909 31.5794 31.3843 31.3843C31.5794 31.1907 31.7343 30.9605 31.8399 30.7069C31.9456 30.4532 32 30.1811 32 29.9063C32 29.6315 31.9456 29.3594 31.8399 29.1058C31.7343 28.8521 31.5794 28.6219 31.3843 28.4284L22.4347 19.4982Z" fill="gray"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -246,3 +246,22 @@ const mobileAsideCloser = new AssignEvent(
|
|||
"active",
|
||||
".aside-mobile"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
// Mobile search
|
||||
try {
|
||||
const mobileSearch = new AssignEvent(
|
||||
".header-search-icon",
|
||||
"click",
|
||||
"add",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
const mobileSearchCloser = new AssignEvent(
|
||||
".mobile-search-closer",
|
||||
"click",
|
||||
"remove",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
} catch (_) {}
|
||||
|
|
|
|||
|
|
@ -177,3 +177,22 @@ const mobileAsideCloser = new AssignEvent(
|
|||
"active",
|
||||
".aside-mobile"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
// Mobile search
|
||||
try {
|
||||
const mobileSearch = new AssignEvent(
|
||||
".header-search-icon",
|
||||
"click",
|
||||
"add",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
const mobileSearchCloser = new AssignEvent(
|
||||
".mobile-search-closer",
|
||||
"click",
|
||||
"remove",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
} catch (_) {}
|
||||
|
|
|
|||
|
|
@ -205,8 +205,8 @@ const articleSwiper = new Swiper(".articleSwiper", {
|
|||
});
|
||||
|
||||
const articleBottomSwiper = new Swiper(".articleBottomSwiper", {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 50,
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
loop: false,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
|
|
@ -217,6 +217,13 @@ const articleBottomSwiper = new Swiper(".articleBottomSwiper", {
|
|||
prevEl: ".article-bottom-prev",
|
||||
nextEl: ".article-bottom-next",
|
||||
},
|
||||
|
||||
breakpoints: {
|
||||
690: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 50,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// Burger
|
||||
|
|
@ -298,3 +305,22 @@ const mobileAsideCloser = new AssignEvent(
|
|||
"active",
|
||||
".aside-mobile"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
// Mobile search
|
||||
try {
|
||||
const mobileSearch = new AssignEvent(
|
||||
".header-search-icon",
|
||||
"click",
|
||||
"add",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
const mobileSearchCloser = new AssignEvent(
|
||||
".mobile-search-closer",
|
||||
"click",
|
||||
"remove",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
} catch (_) {}
|
||||
|
|
|
|||
|
|
@ -176,3 +176,22 @@ const mobileAsideCloser = new AssignEvent(
|
|||
"active",
|
||||
".aside-mobile"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
// Mobile search
|
||||
try {
|
||||
const mobileSearch = new AssignEvent(
|
||||
".header-search-icon",
|
||||
"click",
|
||||
"add",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
const mobileSearchCloser = new AssignEvent(
|
||||
".mobile-search-closer",
|
||||
"click",
|
||||
"remove",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
} catch (_) {}
|
||||
|
|
|
|||
|
|
@ -416,3 +416,22 @@ const trendingSwiper = new Swiper(".trendingSwiper", {
|
|||
Marquee3k.init({
|
||||
selector: "marquee2k",
|
||||
});
|
||||
|
||||
// Mobile search
|
||||
try {
|
||||
const mobileSearch = new AssignEvent(
|
||||
".header-search-icon",
|
||||
"click",
|
||||
"add",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
const mobileSearchCloser = new AssignEvent(
|
||||
".mobile-search-closer",
|
||||
"click",
|
||||
"remove",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
} catch (_) {}
|
||||
|
|
|
|||
|
|
@ -190,3 +190,22 @@ photoList.forEach((photoItem, index) => {
|
|||
document.body.style.overflow = "hidden";
|
||||
});
|
||||
});
|
||||
|
||||
// Mobile search
|
||||
try {
|
||||
const mobileSearch = new AssignEvent(
|
||||
".header-search-icon",
|
||||
"click",
|
||||
"add",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
const mobileSearchCloser = new AssignEvent(
|
||||
".mobile-search-closer",
|
||||
"click",
|
||||
"remove",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
} catch (_) {}
|
||||
|
|
|
|||
|
|
@ -215,3 +215,22 @@ try {
|
|||
}
|
||||
});
|
||||
} catch (_) {}
|
||||
|
||||
// Mobile search
|
||||
try {
|
||||
const mobileSearch = new AssignEvent(
|
||||
".header-search-icon",
|
||||
"click",
|
||||
"add",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
const mobileSearchCloser = new AssignEvent(
|
||||
".mobile-search-closer",
|
||||
"click",
|
||||
"remove",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
} catch (_) {}
|
||||
|
|
|
|||
|
|
@ -164,3 +164,22 @@ const mobileAsideCloser = new AssignEvent(
|
|||
"active",
|
||||
".aside-mobile"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
// Mobile search
|
||||
try {
|
||||
const mobileSearch = new AssignEvent(
|
||||
".header-search-icon",
|
||||
"click",
|
||||
"add",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
const mobileSearchCloser = new AssignEvent(
|
||||
".mobile-search-closer",
|
||||
"click",
|
||||
"remove",
|
||||
"active",
|
||||
".mobile-search"
|
||||
).listen(bodyScrollHandler);
|
||||
} catch (_) {}
|
||||
|
|
|
|||
|
|
@ -126,9 +126,9 @@
|
|||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.article-swiper-wrapper-lower {
|
||||
display: none;
|
||||
}
|
||||
// .article-swiper-wrapper-lower {
|
||||
// display: none;
|
||||
// }
|
||||
.article-items {
|
||||
@include flex(column);
|
||||
gap: 2.5rem;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap");
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
|
|
|
|||
|
|
@ -25,6 +25,14 @@
|
|||
@include flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 1.6rem;
|
||||
|
||||
h1 {
|
||||
font-size: 4rem;
|
||||
color: $base-red;
|
||||
letter-spacing: -1.5px;
|
||||
font-family: "Oswald", sans-serif;
|
||||
}
|
||||
}
|
||||
|
||||
.header-right {
|
||||
|
|
@ -82,7 +90,20 @@
|
|||
// justify-content: space-between;
|
||||
// }
|
||||
// }
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
.header-left {
|
||||
h1 {
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 950px) {
|
||||
.header-left {
|
||||
h1 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.header-inner {
|
||||
@include flex;
|
||||
justify-content: space-between;
|
||||
|
|
|
|||
|
|
@ -33,6 +33,57 @@
|
|||
@include imgStyle($objFit: contain);
|
||||
}
|
||||
|
||||
// Mobile search
|
||||
.mobile-search {
|
||||
position: fixed;
|
||||
background: $base-white;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@include stretch;
|
||||
z-index: 5001;
|
||||
transform: translateY(-100%);
|
||||
@include transition-std;
|
||||
|
||||
&.active {
|
||||
transform: translateY(0%);
|
||||
@include transition-std;
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-search-inner {
|
||||
position: relative;
|
||||
padding: 6rem 1.6rem;
|
||||
@include flex(column);
|
||||
gap: 3rem;
|
||||
align-items: center;
|
||||
}
|
||||
.mobile-search-logo {
|
||||
@include imgStyle($objFit: fill);
|
||||
width: 11.6rem;
|
||||
height: 6rem;
|
||||
}
|
||||
|
||||
.mobile-search-block {
|
||||
@include flex;
|
||||
align-items: center;
|
||||
gap: 0.8rem;
|
||||
width: 65%;
|
||||
input {
|
||||
border-radius: 0.5rem;
|
||||
font-size: 1.4rem;
|
||||
@include stretch;
|
||||
@include input;
|
||||
border-color: black;
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-search-closer {
|
||||
position: absolute;
|
||||
top: 1.6rem;
|
||||
left: 1.6rem;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
// Media
|
||||
|
||||
@media screen and (max-width: 950px) {
|
||||
|
|
@ -49,6 +100,13 @@
|
|||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 700px) {
|
||||
.main-advert {
|
||||
a {
|
||||
max-height: 13rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// PAGE CONTENT
|
||||
@import "./main/main-news";
|
||||
|
|
|
|||
|
|
@ -253,6 +253,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
.header-search-icon {
|
||||
img {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
.header-search-icon,
|
||||
.header-burger {
|
||||
cursor: pointer;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999999999;
|
||||
z-index: 5000;
|
||||
@include flex(column);
|
||||
justify-content: flex-end;
|
||||
pointer-events: none;
|
||||
|
|
@ -85,7 +85,7 @@
|
|||
max-height: 80vh;
|
||||
overflow-y: auto;
|
||||
@include flex(column);
|
||||
a {
|
||||
a:not(.aside-mobile-more) {
|
||||
border-bottom: 0.1rem solid $invisible-gray;
|
||||
padding: 1.5rem 0;
|
||||
@include flex;
|
||||
|
|
@ -160,9 +160,20 @@
|
|||
}
|
||||
}
|
||||
|
||||
.aside-mobile-more {
|
||||
margin: 2rem 0;
|
||||
background: $base-green;
|
||||
display: block;
|
||||
padding: 1.8rem 0 1rem;
|
||||
color: $base-white;
|
||||
text-align: center;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
.burger-list-ul {
|
||||
li {
|
||||
a {
|
||||
a,
|
||||
div {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 2rem;
|
||||
|
|
|
|||
|
|
@ -96,6 +96,7 @@
|
|||
|
||||
.main-news-min-item {
|
||||
position: relative;
|
||||
height: 30%;
|
||||
}
|
||||
|
||||
.main-news-min-bg {
|
||||
|
|
|
|||
|
|
@ -23,6 +23,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
.posts-item-slider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.posts-item {
|
||||
&.sm {
|
||||
.trending-img {
|
||||
|
|
@ -60,12 +64,14 @@
|
|||
|
||||
// Media
|
||||
@media screen and (max-width: 1100px) {
|
||||
.posts-item-slider {
|
||||
display: block;
|
||||
}
|
||||
.posts-item.big {
|
||||
grid-area: none;
|
||||
@include stretch;
|
||||
display: none;
|
||||
}
|
||||
.posts-content {
|
||||
@include flex;
|
||||
display: block;
|
||||
}
|
||||
.posts-item.sm {
|
||||
display: none;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
@import "./swiper-bundle.min.css";
|
||||
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap");
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
|
@ -86,6 +87,13 @@ a {
|
|||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 1.6rem;
|
||||
}
|
||||
.header-left h1 {
|
||||
font-size: 4rem;
|
||||
color: rgb(255, 12, 0);
|
||||
letter-spacing: -1.5px;
|
||||
font-family: "Oswald", sans-serif;
|
||||
}
|
||||
|
||||
.header-right {
|
||||
|
|
@ -141,7 +149,15 @@ a {
|
|||
height: 2.5rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
.header-left h1 {
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 950px) {
|
||||
.header-left h1 {
|
||||
display: none;
|
||||
}
|
||||
.header-inner {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
|
@ -387,6 +403,10 @@ a {
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
.header-search-icon img {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.header-search-icon,
|
||||
.header-burger {
|
||||
cursor: pointer;
|
||||
|
|
@ -603,6 +623,70 @@ a {
|
|||
object-fit: contain;
|
||||
}
|
||||
|
||||
.mobile-search {
|
||||
position: fixed;
|
||||
background: rgb(255, 255, 255);
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 5001;
|
||||
transform: translateY(-100%);
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.mobile-search.active {
|
||||
transform: translateY(0%);
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
|
||||
.mobile-search-inner {
|
||||
position: relative;
|
||||
padding: 6rem 1.6rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 3rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.mobile-search-logo {
|
||||
max-width: unset;
|
||||
max-height: unset;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 11.6rem;
|
||||
height: 6rem;
|
||||
}
|
||||
.mobile-search-logo img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: fill;
|
||||
object-fit: fill;
|
||||
}
|
||||
|
||||
.mobile-search-block {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 0.8rem;
|
||||
width: 65%;
|
||||
}
|
||||
.mobile-search-block input {
|
||||
border-radius: 0.5rem;
|
||||
font-size: 1.4rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid #00822c;
|
||||
padding: 1.4rem;
|
||||
border-color: black;
|
||||
}
|
||||
|
||||
.mobile-search-closer {
|
||||
position: absolute;
|
||||
top: 1.6rem;
|
||||
left: 1.6rem;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 950px) {
|
||||
.banner-container {
|
||||
max-width: unset;
|
||||
|
|
@ -615,6 +699,11 @@ a {
|
|||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 700px) {
|
||||
.main-advert a {
|
||||
max-height: 13rem;
|
||||
}
|
||||
}
|
||||
.main-news-inner {
|
||||
gap: 1.5rem;
|
||||
display: grid;
|
||||
|
|
@ -716,6 +805,7 @@ a {
|
|||
|
||||
.main-news-min-item {
|
||||
position: relative;
|
||||
height: 30%;
|
||||
}
|
||||
|
||||
.main-news-min-bg {
|
||||
|
|
@ -1526,6 +1616,10 @@ a {
|
|||
display: block;
|
||||
}
|
||||
|
||||
.posts-item-slider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.posts-item.sm .trending-img {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
|
@ -1558,14 +1652,14 @@ a {
|
|||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
.posts-item-slider {
|
||||
display: block;
|
||||
}
|
||||
.posts-item.big {
|
||||
grid-area: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
}
|
||||
.posts-content {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
display: block;
|
||||
}
|
||||
.posts-item.sm {
|
||||
display: none;
|
||||
|
|
@ -1826,7 +1920,7 @@ a {
|
|||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999999999;
|
||||
z-index: 5000;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
|
|
@ -1909,7 +2003,7 @@ a {
|
|||
/* Handle */
|
||||
/* Handle on hover */
|
||||
}
|
||||
.aside-mobile-items a {
|
||||
.aside-mobile-items a:not(.aside-mobile-more) {
|
||||
border-bottom: 0.1rem solid rgba(126, 126, 126, 0.5);
|
||||
padding: 1.5rem 0;
|
||||
display: flex;
|
||||
|
|
@ -1919,11 +2013,11 @@ a {
|
|||
gap: 2rem;
|
||||
color: rgb(36, 36, 36);
|
||||
}
|
||||
.aside-mobile-items a:hover {
|
||||
.aside-mobile-items a:not(.aside-mobile-more):hover {
|
||||
transition: 0.3s all ease;
|
||||
border-color: rgb(3, 159, 55);
|
||||
}
|
||||
.aside-mobile-items a:hover .content {
|
||||
.aside-mobile-items a:not(.aside-mobile-more):hover .content {
|
||||
transition: 0.3s all ease;
|
||||
color: rgb(3, 159, 55);
|
||||
}
|
||||
|
|
@ -1975,7 +2069,18 @@ a {
|
|||
transform: rotateX(180deg);
|
||||
}
|
||||
|
||||
.burger-list-ul li a {
|
||||
.aside-mobile-more {
|
||||
margin: 2rem 0;
|
||||
background: rgb(3, 159, 55);
|
||||
display: block;
|
||||
padding: 1.8rem 0 1rem;
|
||||
color: rgb(255, 255, 255);
|
||||
text-align: center;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
.burger-list-ul li a,
|
||||
.burger-list-ul li div {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 2rem;
|
||||
|
|
@ -2371,9 +2476,6 @@ a {
|
|||
}
|
||||
}
|
||||
@media screen and (max-width: 700px) {
|
||||
.article-swiper-wrapper-lower {
|
||||
display: none;
|
||||
}
|
||||
.article-items {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -27,6 +27,8 @@ default = 0
|
|||
|
||||
<body>
|
||||
{% partial 'snowfall' %}
|
||||
|
||||
{% partial 'new/mobile-search' %}
|
||||
<section class="big-banner">
|
||||
<!-- <a href="#"> -->
|
||||
<picture>
|
||||
|
|
@ -57,6 +59,7 @@ default = 0
|
|||
<a href="/" class="header-logo">
|
||||
<img src="{{ 'assets/images/newYearLogo.png'|theme}}" alt="" />
|
||||
</a>
|
||||
<h1> {{'site.slogan'|_}}</h1>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<ul class="header-ext">
|
||||
|
|
|
|||
|
|
@ -29,7 +29,11 @@ random = 0
|
|||
|
||||
<body>
|
||||
{% partial 'snowfall' %}
|
||||
<section class="big-banner">
|
||||
|
||||
{% partial 'new/mobile-search' %}
|
||||
|
||||
|
||||
<section class="big-banner rek_adverts">
|
||||
<!-- <a href="#"> -->
|
||||
<picture>
|
||||
|
||||
|
|
@ -59,6 +63,7 @@ random = 0
|
|||
<a href="/" class="header-logo">
|
||||
<img src="{{ 'assets/images/newYearLogo.png'|theme}}" alt="logo" />
|
||||
</a>
|
||||
<h1> {{'site.slogan'|_}}</h1>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<ul class="header-ext">
|
||||
|
|
|
|||
|
|
@ -13,6 +13,39 @@ slug = "{{ :slug }}"
|
|||
id = "{{ :id }}"
|
||||
categoryPage = 404
|
||||
==
|
||||
<?php
|
||||
function onStart(){
|
||||
//dd($this->page->blogPost);
|
||||
|
||||
$postId = $this->param('id');
|
||||
$currentPost = RainLab\Blog\Models\Post::where('id', $postId)->with(['category_groups'])->first();
|
||||
$this['featuredPosts'] = RainLab\Blog\Models\Post::with(['categories'])->where('id', $postId)->paginate(10);
|
||||
$catId = $this['featuredPosts'][0]->categories[0]->id;
|
||||
//dd($this['featuredPosts'][0]->categories[0]->slug);
|
||||
|
||||
if($this->menuItems && $postId && $currentPost && $currentPost->category_groups){
|
||||
|
||||
$currentGroup = $currentPost->category_groups[0]->name;
|
||||
|
||||
foreach ($this->menuItems as $menu){
|
||||
//dump($menu->title);
|
||||
|
||||
if($menu->title === $currentGroup){
|
||||
$menu->isActive = true;
|
||||
break;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// dd($this['posts']);
|
||||
|
||||
|
||||
}
|
||||
?>
|
||||
==
|
||||
{% put styles %}
|
||||
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
title = "new/afisha"
|
||||
title = "Рубрика Афиша"
|
||||
url = "/new/afisha/:slug"
|
||||
layout = "new/master-inside"
|
||||
is_hidden = 0
|
||||
|
|
|
|||
|
|
@ -33,9 +33,12 @@ function onStart(){
|
|||
$currentCatLink = '/'.$this['categorySlug'];
|
||||
$currentUrl = '/'.$currentLocale.'/new/posts/'.$this['group'].$currentCatLink;
|
||||
|
||||
if(!$this['categorySlug']){
|
||||
if(!$this['categorySlug'] && $this['group'] != 'media'){
|
||||
$this->page->meta_title = $this['groupName']->name;
|
||||
}elseif(!$this['categorySlug'] && $this['group'] == 'media'){
|
||||
$this->page->meta_title = 'Media';
|
||||
}
|
||||
|
||||
|
||||
//dd($currentUrl);
|
||||
if($this->menuItems && $this['group']){
|
||||
|
|
@ -112,9 +115,13 @@ function onStart(){
|
|||
</div>
|
||||
|
||||
{% else %}
|
||||
<div class="rubric-items">
|
||||
<div class="rubric-items {% if group == 'poster' %} affiche-items {% endif %}">
|
||||
{% for post in blogPosts.posts %}
|
||||
{% partial 'new/post_list_item' post = post %}
|
||||
{% if group == 'poster' %}
|
||||
{% partial 'new/afisha-item' post = post %}
|
||||
{% else %}
|
||||
{% partial 'new/post_list_item' post = post %}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<p>No posts found</p>
|
||||
{% endfor %}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
title = "Пост"
|
||||
url = "/new/post/:id/:slug"
|
||||
url = "/post/:id/:slug"
|
||||
layout = "new/master-inside"
|
||||
is_hidden = 0
|
||||
seo_keywords = "Türkmenistan, Turkmenistan, Туркменистан, Ориент новости, Orient news, Orienttm, Turkmen habarlary, Turkmen habarlar, Turkmen news, Новости Туркменистана, Новости СНГ, Новости средней азии, Новости Центральной Азии,"
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
title = "Пост"
|
||||
url = "/post/:id/:slug"
|
||||
url = "/old/post/:id/:slug"
|
||||
layout = "cms"
|
||||
is_hidden = 0
|
||||
seo_keywords = "Türkmenistan, Turkmenistan, Туркменистан, Ориент новости, Orient news, Orienttm, Turkmen habarlary, Turkmen habarlar, Turkmen news, Новости Туркменистана, Новости СНГ, Новости средней азии, Новости Центральной Азии,"
|
||||
|
|
|
|||
|
|
@ -10,7 +10,12 @@
|
|||
{% for record in records if record.group_id == id and record.active == 1 %}
|
||||
<div class="swiper-slide">
|
||||
<div class="banner">
|
||||
<img src="{{record.media|media}}" alt="" />
|
||||
<!-- <img src="{{record.media|media}}" alt="" /> -->
|
||||
<picture>
|
||||
<source media="(min-width:700px)" srcset="{{record.media|media_cdn}}">
|
||||
<img src="{{record.web_media_mobile|default(record.media)|media_cdn}}" alt="{{record.title}}" >
|
||||
</picture>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
|
|
@ -26,7 +31,13 @@
|
|||
{% for record in records if record.group_id == id2 and record.active == 1 %}
|
||||
<div class="swiper-slide">
|
||||
<div class="banner">
|
||||
<img src="{{record.media|media}}" alt="" />
|
||||
<!-- <img src="{{record.media|media}}" alt="" /> -->
|
||||
|
||||
<picture>
|
||||
<source media="(min-width:700px)" srcset="{{record.media|media_cdn}}">
|
||||
<img src="{{record.web_media_mobile|default(record.media)|media_cdn}}" alt="{{record.title}}" >
|
||||
</picture>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,12 @@
|
|||
|
||||
<div class="swiper-slide">
|
||||
<a href="#">
|
||||
<img src="{{record.media|media}}" alt="" />
|
||||
<!-- <img src="{{record.media|media}}" alt="" /> -->
|
||||
|
||||
<picture>
|
||||
<source media="(min-width:700px)" srcset="{{record.media|media_cdn}}">
|
||||
<img src="{{record.web_media_mobile|default(record.media)|media_cdn}}" alt="{{record.title}}" >
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
<div class="affiche-item-data-img">
|
||||
<img src="{{'assets/new/icons/eye.svg'|theme}}" alt="" />
|
||||
</div>
|
||||
<span>1938</span>
|
||||
<span>{{post.views}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ pageNumber = "{{ :page }}"
|
|||
typePost = "turkmenistan"
|
||||
postsPerPage = 10
|
||||
noPostsMessage = "No posts found"
|
||||
sortOrder = "published_at desc"
|
||||
sortOrder = "created_at desc"
|
||||
categoryPage = 404
|
||||
postPage = 404
|
||||
==
|
||||
|
|
@ -31,8 +31,9 @@ postPage = 404
|
|||
</li>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
|
||||
<li>
|
||||
<a href="/new/posts/news" class="aside-mobile-more">{{'new.read.more'|_}}</a>
|
||||
</li>
|
||||
</ul>
|
||||
<button type="button" class="aside-mobile-open">
|
||||
<img src="{{'assets/new/images/down-arrow.png'|theme}}" alt="" />
|
||||
|
|
|
|||
|
|
@ -18,9 +18,9 @@ code = "event_menu"
|
|||
{% if not item.viewBag.isHidden and item.items|length %}
|
||||
|
||||
<li class="burger-list">
|
||||
<a href="{{item.url}}">{{ item.title }}</a>
|
||||
<div href="{{item.url}}">{{ item.title }}</div>
|
||||
<ul class="burger-list-nested">
|
||||
|
||||
<li><a href="{{ item.url }}">{{'new.read.more'|_}}</a></li>
|
||||
{% for item in item.items %}
|
||||
<li><a href="{{ item.url }}">{{ item.title }}</a></li>
|
||||
{% endfor %}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,22 @@
|
|||
[viewBag]
|
||||
==
|
||||
<!-- NEW SECTION ============ -->
|
||||
|
||||
<section class="mobile-search">
|
||||
<div class="mobile-search-inner">
|
||||
<div class="mobile-search-logo">
|
||||
<img src="{{'assets/new/icons/orientlogo.svg'|theme}}" alt="" />
|
||||
</div>
|
||||
<form action="{{ 'new/search' | page }}" method="get" class="mobile-search-block">
|
||||
<input type="text" name="q" placeholder="{{'page.search'|_}}" />
|
||||
<button type="submit">
|
||||
<img src="{{'assets/new/icons/search.svg'|theme}}" alt="" />
|
||||
</button>
|
||||
</form>
|
||||
<div class="mobile-search-closer">
|
||||
<img src="{{'assets/new/icons/close-gray.svg'|theme}}" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- NEW SECTION end ===========-->
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
==
|
||||
<form action="{{ 'new/search' | page }}" method="get" class="header-search">
|
||||
<input type="text" name="q" placeholder="{{'page.search'|_}}" />
|
||||
<button type="button">
|
||||
<button type="submit">
|
||||
<div class="search-icon">
|
||||
<img src="{{ 'assets/new/icons/loop.svg'|theme}}" alt="" />
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,11 @@ pageNumber = "{{ :page }}"
|
|||
|
||||
<div class="swiper-slide">
|
||||
<a href="{{ record.url }}" target="_blank">
|
||||
<img src="{{record.media|media}}" alt="" />
|
||||
<picture>
|
||||
<source media="(min-width:700px)" srcset="{{record.media|media_cdn}}">
|
||||
<img src="{{record.web_media_mobile|default(record.media)|media_cdn}}" alt="{{record.title}}" >
|
||||
</picture>
|
||||
<!-- <img src="{{record.media|media}}" alt="" /> -->
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,10 @@ displayColumn = "id"
|
|||
noRecordsMessage = "No records found"
|
||||
detailsPage = "-"
|
||||
detailsUrlParameter = "id"
|
||||
recordsPerPage = 8
|
||||
pageNumber = "{{ :page }}"
|
||||
sortColumn = "id"
|
||||
sortDirection = "desc"
|
||||
==
|
||||
{% set posts = photo.posts %}
|
||||
|
||||
|
|
|
|||
|
|
@ -66,6 +66,34 @@ exceptCategories = "ot-redaktora"
|
|||
|
||||
{% endfor %}
|
||||
|
||||
<div class="posts-item-slider">
|
||||
<div class="swiper mainNewsSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
{% for post in posts %}
|
||||
<div class="swiper-slide">
|
||||
<a href="{{'new/newPost'|page({id:post.id,slug:post.slug})}}" class="main-news-min-item">
|
||||
<div class="main-news-min-bg">
|
||||
<img src="{{post.featured_image|media|resize(534)}}" alt=""/>
|
||||
<div class="main-news-overlay"></div>
|
||||
<p class="main-news-min-info">
|
||||
{{ post.title }}
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
<div class="video-prev main-news-prev">
|
||||
<img src="{{'assets/new/icons/arrow-left-white.svg'|theme}}" alt="" />
|
||||
</div>
|
||||
<div class="video-next main-news-next">
|
||||
<img src="{{'assets/new/icons/arrow-right-white.svg'|theme}}" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ pageNumber = "{{ :page }}"
|
|||
typePost = "turkmenistan"
|
||||
postsPerPage = 6
|
||||
noPostsMessage = "No posts found"
|
||||
sortOrder = "published_at desc"
|
||||
sortOrder = "created_at desc"
|
||||
categoryPage = 404
|
||||
postPage = 404
|
||||
exceptPost = "{{ :id }}"
|
||||
|
|
@ -15,7 +15,7 @@ pageNumber = "{{ :page }}"
|
|||
typePost = "world"
|
||||
postsPerPage = 6
|
||||
noPostsMessage = "No posts found"
|
||||
sortOrder = "published_at desc"
|
||||
sortOrder = "created_at desc"
|
||||
categoryPage = 404
|
||||
postPage = 404
|
||||
exceptPost = "{{ :id }}"
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
{% if post.type == 'photo' %}
|
||||
<img src="{{post.poster_file|media|resize(683, 385, )}}" loading="lazy">
|
||||
{% else %}
|
||||
<video src="{{post.media_file[0].media|media}}" controls poster="{{post.poster_file|media}}" ></video>
|
||||
<video src="{{post.media_file[0].media|media}}" controls poster="{{post.poster_file|media|resize(513, 288, {mode: 'crop'})}}" ></video>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,10 @@ displayColumn = "id"
|
|||
noRecordsMessage = "No records found"
|
||||
detailsPage = "-"
|
||||
detailsUrlParameter = "id"
|
||||
recordsPerPage = 8
|
||||
pageNumber = "{{ :page }}"
|
||||
sortColumn = "id"
|
||||
sortDirection = "desc"
|
||||
==
|
||||
{% set records = builderList.records %}
|
||||
{% set displayColumn = builderList.displayColumn %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue