Nette.ajax – data-append – problém s identifikací nového obsahu

CZechBoY napsal(a):

Takže chceš aby všechny vrácený produkty měly třídu např. appended? Napadlo mě ještě trošku backendovější řešení a to, že bys za podmínky offset > 0 přidal všem produktům tu třídu.
Samozřejmě pokud tam máš ještě klasický stránkování tak by to chtělo trošku vyšperkovat…

O to se pokouším, ale stejně mi to v šabloně označí všechny, protože ta šablona (latte) stejně iteruje nad všemi. Myslel jsem spíše, že to půjde nějakým fíglem skrz nette.ajax.js

Edit:
už jsem to vymyslel. Každému produktu přidávám přímo z presenteru do šablony data-atribut data-page-number=""

Když má číslo 1, tak nic a při každém ajaxu, znaám nejvyšší číslo paginatoru (aktuální strana) – to mám uloženo v dataatributu na hlavním snippetu a pak flashnu jen ty produkty, kde je tohle číslo.

Funkční :-)

Editoval Kcko (22. 10. 2018 16:33)

CZechBoY napsal(a):

Proč iteruješ nad všema když nakonec vrátíš jen např. 10? Nebo jsem nepochopil tvoji zprávu …

Blbě sem se vyjádřil, ale to „označení“ z PHP vrstvy nejde. Označí mi to všechny produkty, pokud tedy nědělám něco blbě

Pseudokód

<?php

if ($this->isAjax())
{
    if ($this->paginator->page >1)
      $this->template->flashProduct = TRUE;
   //prekresleni kontrolek
}

?>

v šabloně pak podmínka na přidání třídy (dostane ji naprosto každý produkt).

Jak říkám, vyřešil jsem to jinak, každý produkt v sobě nese data-atribut s číslem stránky paginátoru, tuto informaci nese i nějaký nadřazený snippet, který překresluji a pak JS extenze, která v before funkci, odstraní z celého snippetu produktů všechny .flash třídy a v success si zkontroluje které číslo stránkování je nejvyšší z data-atributu hlavního snippetu a všechny produkty, které tento data-atribut mají tuto .flash třídu dostanou.

CZechBoY napsal(a):

Já jsem právě myslel že každej produkt má mít tu třídu :-) Jaký produkty teda mají mít tu třídu když ne všechny nově přidaný?

Každý nově přidaný když klikneš na načíst další tj provede se ?page=$x

Ale přidá se mi to na všechno …, asi to nechme ne, nebo pokud máš chuť to řešit (protože si myslím, že bez JS se to stejně vyřešit nedá a onen způsob v aplikační vrstvě nepomůže, tak Ti můžu poslat URL projektu i kód), tady ten web prezentovat nemůžu, neběží ještě.

CZechBoY napsal(a):

Klidně pošli na mail :-)

Telegram / Skype / ICQ? (Telegram rulz). Přes maila to bude to samý jako tady (myslim deelay) ;-)

CZechBoY napsal(a):

Pehápkáři slack? :-)

No včera jsem se tam lognul a přišlo mi to aktivitou jak Gitter, a navíc mi to přišlo hodně nepřehledný, tak to asi necháme být, to už je lepší komunikovat na fóru.

Pavel Kravčík napsal(a):

Se poděl sem, vypadá to zajímavě. :)

Už jsem všechno podstatné napsal i kód, co dalšího Tě zajímá?

URL projektu sem dát nemůžu, zatím neběží a nemůžu sem dát ani URL vývojové verze (jen do PM), takže zbývá nějaký smysluplný chat (ideálně TELEGRAM, což mě překvapuje že nikdo nezná / nepoužívá, podporuje skupiny, synchronizace s telefonem = IHNED), případně skype nebo tak něco (SLACK či FB messenger niet).

• tady je video http://bit.ly/2z0xSo9, které dělá to co jsem chtěl, ale nedosáhl jsem toho tak jak mi psal @CZechBoY , takže by mě zajímalo, zda se to dá vyřešit snadněji.

Editoval Kcko (24. 10. 2018 11:28)

@PavelKravčík No ted mi to jde :-), jen jsem nechápal co se mi snažil @CZechBoY naznačit, že to udělám jen na straně backendu (resp PHP), že si přidám tu třídu asi z Presenteru do šablony, protože to když udělám (viz někdě nahoře) tak po překreslení snippetu, tu třídu mají všechny produkty na stránce, ne jen ty nově appendnuté.

Napíšu to ještě jednou jak jsem to vyřešil.

V hlavním snippetu, ve kterém je výpis produktů, drží informaci o aktuálním čísle z paginatoru (při prvotním načtení má tedy 1), tu samou informaci v data atributu mají i produkty (opět tedy 1).

Kliknu na načíst další (hlavní snippet má tedy 2ku, nově přidané produkty mají 2ku, ty přednimi mají 1čku).

Pak jsem si dopsal do extenzi do nette-ajax.js od @VojtěchDobeš , která v before metodě ze všech produktů tu třídu odstraní, a pak si zjistí nejnovejší číslo paginatoru a k nim shodující se produkty se stejným číslem a ty oflashuje.

<?php
$.nette.ext('flashNewProducts', {


	before: function (xhr, settings) {
		if (!settings.nette)
            return;

        if (!settings.nette.el.hasClass('flash-products'))
            return;

        var productList = $('#snippet--productList');
        productList.find('.product-box').removeClass('flash-product');


	},


	complete: function (jqXHR, status, settings) {
		if (!settings.nette)
			return;

        if (!settings.nette.el.hasClass('flash-products'))
            return;

        var currentPage = $('#snippet--productBtnNext a').data('paginator-page');

        var productList = $('#snippet--productList');
        productList.find('.product-box[data-page="'+currentPage+'"]').addClass('flash-product');

	}
});

?>

Editoval Kcko (24. 10. 2018 12:01)

Pavel Kravčík napsal(a):

Jo, už chápu, kde byl problém. :) Díky.

A já pro změnu už nechápu vůbec nic ;]