https://somoscooperativismo-ba.coop.br/assets/js/noticia-interna.js

1$ = jQuery.noConflict();
2
3$(document).ready(function () {
4    var url = $(location).attr("href");
5    var splitUrl = url.split("/").reverse();
6
7    chamarCSS();
8    incluirTopoPaginaInterna(splitUrl);
9    alterarColunasDoLayout();
10    reorganizarItensDaPagina();
11    manipularInformacoesArtigo();
12    alterarColunasFooterUm();
13    removerArquivoPublicacaoConteudosRelacionados();
14    criarBotoesDeControleConteudosRelacionados();
15    acionarControlsDirectionControleConteudosRelacionados();
16    gerarTagConteudosRelacionados();
17    delimitarEspacoSubtitulosConteudosRelacionados();
18    removerTagDestaque();
19    removerCamposAplicadosPeloFiltroDeNoticias();
20    adicionarClassesLeftRightHeadTable();
21    incluirLegendaETituloImagensArtigos();
22    videoMobile();
23
24    function chamarCSS() {
25        var protocolo = window.location.protocol;
26        var host = window.location.host;
27
28        var linkCss = protocolo + "//" + host + "/assets/css/noticia-interna.css";
29
30        $("head").append("<link rel=\"stylesheet\" type=\"text/css\" href=\"" + linkCss + "\">");
31        $('.badge.bg-danger.featured-article-badge').hide();
32    }
33
34    function incluirTopoPaginaInterna(splitUrl) {
35        var categoria = $('.category-name').text().trim();
36        var arCategoria = categoria.toUpperCase().split(/[- ]/); // Split por hífen ou espaço
37        var category = "";
38
39        if (arCategoria.length === 1) {
40            category = arCategoria[0];
41        } else {
42            // Remove apenas a primeira palavra
43            arCategoria.shift(); // Remove o primeiro elemento do array
44            category = arCategoria.join(" "); // Junta o restante com espaços
45        }
46
47        // Verificação para categoria específica

48        if (splitUrl[1] === "noticias-esg" && (category === "" || category.length === 0)) {
49            category = "ESG";
50        }
51
52        $("#sp-header").after("<div class=\"container\">" +
53            "<div class=\"container-inner\">" +
54            "<div class=\"topo-pagina-interna\"></div>" +
55            "</div></div>");
56
57        var topoPaginaInterna = $(".topo-pagina-interna");
58        topoPaginaInterna.append("<div class=\"sppb-addon sppb-addon-text-block " + splitUrl[1] + "\"></div>");
59        topoPaginaInterna.append("<div class=\"sppb-addon-content\">" + category + "</div>");
60        topoPaginaInterna.append(montarBreadCrumb());
61    }
62
63    function montarBreadCrumb() {
64        var tituloPagina = $(".article-header").children("h1").text();
65
66        return "<ol itemscope=\"\" itemtype=\"https://schema.org/BreadcrumbList\" class=\"breadcrumb\">" +
67            "    <li class=\"\">" +
68            "        <span class=\"\" aria-hidden=\"true\"></span>" +
69            "    </li>" +
70            "    <li itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"https://schema.org/ListItem\" class=\"breadcrumb-item\"><a itemprop=\"item\" href=\"/\" class=\"pathway\"><span itemprop=\"name\">Home</span></a>" +
71            "        <meta itemprop=\"position\" content=\"1\">" +
72            "    </li>" +
73            "    <li itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"https://schema.org/ListItem\" class=\"breadcrumb-item\"><a itemprop=\"item\" href=\"/conteudos\" class=\"pathway\"><span itemprop=\"name\">Conteúdos</span></a>" +
74            "        <meta itemprop=\"position\" content=\"2\">" +
75            "    </li>" +
76            "    <li itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"https://schema.org/ListItem\" class=\"breadcrumb-item\"><a itemprop=\"item\" href=\"/conteudos/noticias\" class=\"pathway\"><span itemprop=\"name\">Notícias</span></a>" +
77            "        <meta itemprop=\"position\" content=\"2\">" +
78            "    </li>" +
79            "    <li itemprop=\"itemListElement\" itemscope=\"\" itemtype=\"https://schema.org/ListItem\" class=\"breadcrumb-item active\">" +
80            "        <span itemprop=\"name\">" + tituloPagina + "</span>" +
81            "        <meta itemprop=\"position\" content=\"3\">" +
82            "    </li>" +
83            "</ol>";
84    }
85
86    function alterarColunasDoLayout() {
87        var spConteudoDoSiteRow = $("#sp-conteudo-do-site")
88            .children(".container")
89            .children(".container-inner")
90            .children(".row");
91
92        var spComponente = spConteudoDoSiteRow.children("#sp-component");
93
94        spComponente.removeClass("col-lg-12").addClass("col-lg-10");
95
96        spConteudoDoSiteRow.prepend("<div class='col-lg-1 col-left'></div>")
97            .append("<div class='col-lg-1 col-right'></div>");
98    }
99
100    function reorganizarItensDaPagina() {
101        $(".float-start").remove();
102
103        var socialShare = $(".article-ratings-social-share");
104        var image = $(".article-details .article-full-image");
105        var header = $(".article-header");
106        var canEdit = $(".article-can-edit");
107        var info = $(".article-info");
108        var body = $("[itemprop=\"articleBody\"]");
109        var tags = $(".tags");
110
111        var detalhesArtigo = $(".article-details");
112        var barraInferior = $("<div class='barra-inferior'></div>");
113
114        detalhesArtigo.append(header[0])
115            .append(canEdit[0])
116            .append("<div class='info-e-share'></div>")
117            .append(image[0])
118            .append(body[0]);
119
120        $(".info-e-share").append(info[0])
121            .append(socialShare[0]);
122
123        detalhesArtigo.append(barraInferior);
124        barraInferior.append("<div class='voltar'><a href='/todas-as-noticias'><i class='fa fa-chevron-left' aria-hidden='true'></i> Voltar</a></div>")
125            .append(tags[0]);
126
127        $(".pagenavigation").remove();
128        $("iframe").parent("p").addClass("iframe-video");
129    }
130
131    function manipularInformacoesArtigo() {
132        var infoArtigo = $(".article-info");
133        var usuario = infoArtigo.children(".createdby").children("span");
134        var criadoPor = "Por " + usuario.text() + ",";
135
136        usuario.text(criadoPor);
137
138        $(".published > time").text(montarDataHoraPublicacao);
139        $(".modified > time").text(montarDataHoraModificacao);
140
141        infoArtigo.children(".category-name").hide();
142        infoArtigo.children(".hits").remove();
143    }
144
145    function montarDataHoraPublicacao() {
146        var dataHoraPulicacaoString = $(".published").children("time").attr("datetime");
147        var dataHoraPublicacaoArr = dataHoraPulicacaoString.split("T");
148
149        var dataPublicacao = dataHoraPublicacaoArr[0].replace(/(\d*)-(\d*)-(\d*).*/, "$3/$2/$1");
150        var horaPublicacao = dataHoraPublicacaoArr[1].replace(/(\d*):(\d*).*/, "$1:$2");
151
152        return dataPublicacao + " " + horaPublicacao;
153    }
154
155    function montarDataHoraModificacao() {
156        var dataHoraModificacaoString = $(".modified").children("time").attr("datetime");
157        var dataHoraModificacaoArr = dataHoraModificacaoString.split("T");
158
159        var dataModificacao = dataHoraModificacaoArr[0].replace(/(\d*)-(\d*)-(\d*).*/, "$3/$2/$1");
160        var horaModificacao = dataHoraModificacaoArr[1].replace(/(\d*):(\d*).*/, "$1:$2");
161
162        return " - Atualizado em " + dataModificacao + " " + horaModificacao;
163    }
164
165    function alterarColunasFooterUm() {
166        var rowSpSection4 = $("#sp-section-4")
167            .children(".container")
168            .children(".container-inner")
169            .children(".row");
170
171        // Diretamente modificar #sp-footer1 sem armazenar em uma variável, pois não é reutilizado.
172        rowSpSection4.children("#sp-footer1")
173            .removeClass("col-lg-12")
174            .addClass("col-lg-8");
175

176        rowSpSection4.prepend("<div class='col-lg-2 col-footer1-left'></div>")
177            .append("<div class='col-lg-2 col-footer1-right'></div>");
178
179    }
180
181    function removerArquivoPublicacaoConteudosRelacionados() {
182        $(".mod-articlesnews").children(".mod-articlesnews__item").children("ul").remove();
183    }
184
185    function criarBotoesDeControleConteudosRelacionados() {
186        $("#sp-footer1")
187            .children(".sp-column ")
188            .children(".conteudos-relacionados")
189            .children(".sp-module-content").append("<div class=\"bx-controls bx-has-controls-direction bx-has-pager\">" +
190            "    <div class=\"bx-controls-direction\">" +
191            "        <span class=\"bx-prev\" ><i class=\"fa fa-angle-left fa-lg\" aria-hidden=\"true\"></i></span>" +
192            "        <span class=\"bx-next\" href=\"#\"><i class=\"fa fa-angle-right fa-lg\" aria-hidden=\"true\"></i></span>" +
193            "    </div>" +
194            "</div>");
195    }
196
197    function acionarControlsDirectionControleConteudosRelacionados() {
198        var prev = 0;
199        var next = 2;
200
201        var $conteudosRelacionados = $("#sp-footer1 .sp-column .conteudos-relacionados .sp-module-content .mod-articlesnews");
202        var quantidadeItens = $conteudosRelacionados.children(".mod-articlesnews__item").length;
203
204        $(".bx-prev").click(function () {
205            next -= 1;
206            prev -= 1;
207
208            $conteudosRelacionados.children(".item_" + prev).removeClass("hide");
209
210            if (prev <= 0) {
211                prev = 0;
212                next = 2;
213                $conteudosRelacionados.children(".mod-articlesnews__item").removeClass("hide");
214            }
215        });
216
217        $(".bx-next").click(function () {
218            next += 1;
219            prev += 1;
220
221            $conteudosRelacionados.children(".item_" + (next - 3)).addClass("hide");
222
223            if (next >= quantidadeItens + 1) {
224                prev = quantidadeItens - 1;
225                next = quantidadeItens;
226            }
227        });
228    }
229
230    function gerarTagConteudosRelacionados() {
231        $(".mod-articlesnews__item").children(".newsflash-title").children("a").each(function () {
232            var hrefItem = $(this)[0].href;
233            var hrefArr = hrefItem.split("/").reverse();
234
235            if (hrefArr[1] === "noticias") {
236                $(this).closest(".mod-articlesnews__item").prepend("<div class=\"tag-noticias\">Notícias</div>");
237                $(this).closest(".mod-articlesnews__item").addClass("item-noticias");
238            } else {
239                $(this).closest(".mod-articlesnews__item").prepend("<div class=\"tag-publicacoes\">Publicações</div>");
240                $(this).closest(".mod-articlesnews__item").addClass("item-publicacoes");
241            }
242        });
243    }
244
245    function delimitarEspacoSubtitulosConteudosRelacionados() {
246        $(".conteudos-relacionados")
247            .children(".sp-module-content")
248            .children(".mod-articlesnews.newsflash")
249            .children(".mod-articlesnews__item")
250            .each(function () {
251                var titulo = $(this)
252                    .children("h4")
253                    .children("a")
254                    .text().trim();
255
256                var texto = $(this)
257                    .children(".container-fluid")
258                    .children(".container")
259                    .children(".row")
260                    .children(".col-12")
261                    .children("p")
262                    .text().trim();
263
264                if (titulo.length <= 20) {
265                    $(this)
266                        .find(".container-fluid .container .row .col-12 p")
267                        .text(limitarTexto(texto, 85));
268
269                    $(this)
270                        .children(".sppb-article-introtext")
271                        .css("height", "4rem");
272
273                    var paragrafos = $(this)
274                        .find(".container-fluid .container .row .col-12 p");
275
276                    for (var i = 1; i < paragrafos.length; i++) {
277                        paragrafos.eq(i).addClass("hidden");
278                    }
279
280                } else if (titulo.length > 20 && titulo.length <= 33) {
281                    $(this)
282                        .find(".container-fluid .container .row .col-12 p")
283                        .text(limitarTexto(texto, 0));
284
285                    $(this)
286                        .children("h4")
287                        .addClass("apenas-titulo");
288
289                } else if (titulo.length > 33) {
290                    $(this)
291                        .find(".container-fluid .container .row .col-12 p")
292                        .text(limitarTexto(texto, 0));
293
294                    $(this)
295                        .children("h4")
296                        .addClass("apenas-titulo");
297                }
298            });
299    }
300
301    function limitarTexto(texto, tamanhoTexto) {
302        var textoReduzido = texto.slice(0, tamanhoTexto);
303        var continuacaoTexto = "..."; // Adiciona uma variável para controlar a continuação do texto, assumindo que você queira adicionar "... " Para textos reduzidos.
304
305        // Verifica se o comprimento do texto reduzido é 0 ou se o texto original tem até 5 caracteres.
306        if (textoReduzido.length === 0 || texto.length <= 5) {
307            continuacaoTexto = "";
308        }
309
310        // Retorna o texto reduzido com ou sem a continuação, dependendo do comprimento.
311        return textoReduzido + continuacaoTexto;
312    }
313
314    function removerTagDestaque() {
315        $(".tags").children("li").each(function () {
316            var tag = $(this).children("a");
317            var tagSplit = tag.attr("href").split("/").reverse();
318
319            if (tagSplit[0] === "destaque" || tagSplit[0] === "Destaque") {
320                tag.parent("li").remove();
321            }
322        });
323    }
324
325    function removerCamposAplicadosPeloFiltroDeNoticias() {
326        $(".fields-container").remove();
327    }
328
329    function adicionarClassesLeftRightHeadTable() {
330        $(".table").children("thead").children("tr").each(function () {
331            var totalCellTh = $(this).children("th").length;
332            var totalCellTd = $(this).children("td").length;
333
334            $(this).children("th").eq(0).addClass("left");
335            $(this).children("th").eq(totalCellTh - 1).addClass("right");
336
337            $(this).children("td").eq(0).addClass("left");
338            $(this).children("td").eq(totalCellTd - 1).addClass("right");
339        });
340    }
341
342    function incluirLegendaETituloImagensArtigos() {
343        $(".img-fluid").each(function () {
344            var altText = $(this).attr("alt");
345            $(this).attr("title", altText);

346            $(this).parent("div").append("<figcaption class=\"caption\">" + altText + "</figcaption>");
347        });
348    }
349
350    function videoMobile() {
351        var screenWidth = $(window).width();
352        var videoWidth = screenWidth - 30;
353        var height = screenWidth / 2;
354
355        if (screenWidth < 800) {
356            $(".container-fluid").find("iframe").attr({"width": videoWidth, "height": height});
357        }
358    }
359
360    imagemParaArtigosRelacionadosSemImagem();
361
362    function imagemParaArtigosRelacionadosSemImagem() {
363        $(".related-article-list-container .related-article-list .article").each(function () {
364            var link = $(this).children("a").first();
365
366            if (link.find(".article-full-image img").length === 0) {
367                var divImagem = link.find(".article-full-image");
368
369                if (divImagem.length === 0) {
370                    divImagem = $("<div>", {class: "article-full-image float-left"});
371                    link.append(divImagem);
372                }
373
374                divImagem.append($("<img alt=\"Imagem padrão SomosCoop\" src=\"https://conteudo.somos.coop.br/images/Imagens/imagem-padrao-coop.webp\">"));
375            }
376        });
377    }
378});