TV9 English News

TV9
user profile
Sign In

By signing in or creating an account, you agree with Associated Broadcasting Company's Terms & Conditions and Privacy Policy.

.tv9-banner-image { width : 300px; height: 100px; }
.shortVideosWidget .thumbGrid_Wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .shortVideosWidget .thumbGrid_Wrapper figure{margin-bottom:0;position:relative} .shortVideosWidget .thumbGrid_Wrapper .img_wrap img{width:100%;display:block;border-radius:10px;margin-bottom:0;vertical-align:top;aspect-ratio:9/16} .shortVideosWidget .thumbGrid_Wrapper .textgraint{padding:50% 10px 10px 10px;left:0;right:0;border-radius:0 0 10px 10px;position:absolute;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.8) 70%,#000 100%);display:flex;align-items:end;pointer-events:none} .shortVideosWidget .thumbGrid_Wrapper .textgraint h3 a{color:#fff;font-weight:600;white-space:initial;font-size:1rem;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical} .shortVideosWidget .thumbGrid_Wrapper .sv_btn{position:absolute;top:0;left:0;width:40px;height:35px;background:#dc0000;display:flex;justify-content:center;align-items:center;border-radius:10px 0 0;box-shadow:0 4px 11px rgba(0,0,0,.210824),0 5px 8px rgba(0,0,0,.078125)} .shortVideosWidget .thumbGrid_Wrapper .sv_btn svg{width:20px;height:20px} @media (max-width:767px){ .shortVideosWidget .thumbGrid_Wrapper{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:15px} .shortVideosWidget .thumbGrid_Wrapper::-webkit-scrollbar{display:none} .shortVideosWidget .thumbGrid_Wrapper figure{width:65%;flex:0 0 auto} }
.tv9_videoWrapper{background-color:var(--videogallery-widget-bg);padding:.9375rem .9375rem 1.5rem .9375rem} .tv9_videoWrapper .tv9common-heading .h2{background-color:transparent} .tv9_videoWrapper .tv9common-heading .h2 a{color:#fff} .tv9_videoWrapper .tv9common-heading::before{display:none} .tv9_videoWrapper .tv9common-heading a.view_more{background-color:transparent;color:#fff} .tv9_videoWrapper .imgThumb .photo-count{background:#e21b22;border-radius:30px;padding:2px 12px;position:absolute;left:.625rem;bottom:.625rem;display:grid;grid-template-columns:13px 1fr;gap:5px;align-items:center;color:#fff;font-size:.75rem;line-height:1.375rem;font-weight:500} .tv9_videoWrapper .imgThumb .photo-count svg{width:.8125rem;height:.8125rem} .tv9_videoWrapper .card_title .h3{font-size:0.9375rem;line-height:1.25rem;font-weight:400;margin-bottom:0;color:#fff} .tv9_videoWrapper .videoPlayIcon{left:10px;bottom:10px} .tv9_videoWrapper .videoPlayIcon svg{fill:#fff} @media (max-width:767px){ .tv9_videoWrapper{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)} } setTimeout(function () { var swiper = new Swiper(".four-thumbs-video-swiper", { slidesPerView: 1.5, spaceBetween: 20, pagination: { el: ".swiper-pagination", clickable: true, }, breakpoints: { 640: { slidesPerView: 1.5, }, 768: { slidesPerView: 2.5, }, 1024: { slidesPerView: 4, }, }, }); }, 3000);
.tv9_photoWrapper{background-color:var(--bs-secondary-bg);padding:.9375rem .9375rem 1.5rem .9375rem} .tv9_photoWrapper .tv9common-heading .h2{background-color:transparent} .tv9_photoWrapper .tv9common-heading::before{display:none} .tv9_photoWrapper .imgThumb .photo-count{background:#e21b22;border-radius:30px;padding:2px 12px;position:absolute;left:.625rem;bottom:.625rem;display:grid;grid-template-columns:13px 1fr;gap:5px;align-items:center;color:#fff;font-size:.75rem;line-height:1.375rem;font-weight:500} .tv9_photoWrapper .imgThumb .photo-count svg{width:.8125rem;height:.8125rem} .tv9_photoWrapper .card_title .h3{font-size:0.9375rem;line-height:1.25rem;font-weight:400;margin-bottom:0} @media (max-width:767px){ .tv9_photoWrapper{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)} } setTimeout(function () { var swiper = new Swiper(".four-thumbs-gallery-swiper", { slidesPerView: 1.5, spaceBetween: 20, pagination: { el: ".swiper-pagination", clickable: true, }, breakpoints: { 640: { slidesPerView: 1.5, }, 768: { slidesPerView: 2.5, }, 1024: { slidesPerView: 4, }, }, }); }, 3000);
.state-news-widget { margin-top: 15px; } .state-news-widget .stateLinksList li { text-transform: capitalize; }
$(document).ready(function () { $('#stateLinksList').on('click', 'li', function () { const $this = $(this); const subsectionId = $this.data('id'); // Find widgetContainer from current li const widgetContainer = $('#stateNewsWidget_Wrapper'); const widgetId = widgetContainer.data('widget-id'); const $newsGrid = $('#stateGridWrapper'); // Toggle active class $('#stateLinksList li').removeClass('active'); $this.addClass('active'); // Make the AJAX call $.ajax({ url: '/api/pb/widget/' + widgetId + '?subsection_id=' + subsectionId, method: 'GET', success: function (response) { $newsGrid.empty(); const items = response?.data ?? []; if (items.length === 0) { $newsGrid.append('

no news

'); return; } items.forEach(function (item) { const itemLink = item.link || ''; const itemTitle = item.title || ''; const itemImage = item.image?.full || ''; let figure = '<figure>' + '<a href="' + itemLink + '" title="' + itemTitle + '">' + '<div class="imgThumb">' + '<img src="' + itemImage + '" alt="' + itemTitle + '" />' + '</div>' + '<div class="card_title">' + '<div class="h3">' + itemTitle + '</div>' + '</div>' + '</a>' + '</figure>'; console.log(`Item figure: >>>${figure}<<<`); $newsGrid.append(figure); }); }, error: function () { console.error('Failed to fetch subsection items.'); $newsGrid.empty().append('

error appending

'); } }); }); });
{{ articles_filter_360_widget.title }}