nova komponenta: menu vrstica - Kategorije - #1

[bostjans]

Prosim za oceno dela:

• komponenta: menujska vrstica - s kategorijami
• primer na: https://novice.alpha.najdi.si
• zahteve: izgled - taksen, kot je trenutno na Alpha okolju meniji imajo lahko tudi subMenije meni "Več" vsebuje vse opcije/izbire, ki se trenutno ne morejo prikazati glede na (horizontalno) velikost menu opcije se preberejo iz specificnega
  elementa * potencialno mozna izvedba, da se opcije kot Json_data posredujejo komponenti; * mora biti UI-resize-able: se pravi z zmanjsevanjem resoulucije/browser_okna .. se menu_opcije -> preselijo -> v pod_opcije izbire "Vec";

  Kolikor smo na to temo ze govorili .. je bila ena od predhodnih ocen: cca. 15 ur;

  Nujnost: precej nujno;

  Alternative:

  • predlagajte ..; naceloma pa ne vidim alternative ..

  -- .. torej glede menija na najdi.si. Dalce najbolj pametno bi bilo spremenit design. “Vec” ne uporablja skoraj nihce vec in to z dobrim razlogom. V responsive portalih se meni praviloma skrije (primer 24.ur). Druga opcija bi bila, da gre v vec vrstic.

  Z react cmp bi bilo mozno doseci tudi tako delovanje, kot bi vidva zelela. Venda to pomeni merjenje sirine portala, render vseh besed v skritem elementu in merjenje njihove sirine. Nato pa js hokus pokus, ki bi vse to preracunal in ustrezno zlozu. Seveda bi bilo potrebno na resize event to vsakic znova merit/racunat ter zlozit.

  Ker ze sedaj zaradi neodvisnih cmp dosti prevec merimo, bi to mocno odsvetoval... .

  Ce pa ni druge, bi pa tako cmp ki prek API prejme title/linke, ter se zlozi v tako obliko itd, ocenu na cca 2 dni dela. Morda kaksna ura manj, vendar je dela kar dosti... .

  Se enkrat... ce se le da, dajmo drugace... .

[vajtim]

Kako tocno si predstavljas: menu opcije se preberejo iz specificnega elementa?

Jaz bi najraje imel json, ki bi vseboval array objectov s key-ema "title" in "link".

Ok glede 15 ur. Ker so pa ure zelo na tesno oz. se zna zgodit, da bova potrebovala tudi kaksno vec, bi samo opozoril, da bo kakrsnakoli sprememba oz. dodatna zelja obracunana naknadno.

Urediva lahko do ponedeljka, 18.6.

[bostjans]

"menu opcije se preberejo iz specificnega elementa" .. pomeni, da bi strukturo in podatke za menu prebral iz enega <ul> elementa (po nekem ID-ju). To je meni najlazja opcija za narest. In ker si bolj vesc Javascript-a .. bi bil predlog, da se podpre taka izvedba. Verjetno najbolj smiselno:

• naredis (menu)komponento z Json inputom ** Poleg pa mi prilozis eno Javascript metodo, ki bi mi znala poklicat menuKomponenta() po nekem <ul id="x"> elementu. *** se pravi iz <ul id="x"> zgradi JsonData, ki se poda menuKomponenta();

Primer .. elementov, ki jih imam danes na izvorni html strani (stran, ki se najprej poservira):

<nav class="menuSampl">
    <div class="hidden" id="navCategory">
        <ul id="navCategory" class="topnav">
            <li><a shape="rect" title="Novice" href="http://novice.najdi.si">N</a></li>
            <li id="categoryTop-vroce-zgodbe"><a href="/kategorija/vroce-zgodbe" id="categoryFacetSelection-vroce-zgodbe">Vroče zgodbe</a></li>
            <li id="categoryTop-slovenija"><a href="/kategorija/slovenija" id="categoryFacetSelection-slovenija">Slovenija</a></li>
            <li id="categoryTop-regionalne-novice"><a href="/kategorija/regionalne-novice" id="categoryFacetSelection-regionalne-novice">Regionalne novice</a></li>
            <li id="categoryTop-svet"><a href="/kategorija/svet" id="categoryFacetSelection-svet">Svet</a></li>
            <li id="categoryTop-gospodarstvo"><a href="/kategorija/gospodarstvo" id="categoryFacetSelection-gospodarstvo">Gospodarstvo</a></li>
            <li id="categoryTop-sport"><a href="/kategorija/sport" id="categoryFacetSelection-sport">Šport</a></li>
            <li id="categoryTop-kronika"><a href="/kategorija/kronika" id="categoryFacetSelection-kronika">Kronika</a></li>
            <li id="categoryTop-zanimivosti"><a href="/kategorija/zanimivosti" id="categoryFacetSelection-zanimivosti">Zanimivosti</a></li>
            <li id="categoryTop-avtomobilizem"><a href="/kategorija/avtomobilizem" id="categoryFacetSelection-avtomobilizem">Avtomobilizem</a></li>
            <li id="categoryTop-znanost-in-it"><a href="/kategorija/znanost-in-it" id="categoryFacetSelection-znanost-in-it">Znanost in IT</a></li>
            <li class="has-submenu">
                <a href="#c"><strong>Več</strong></a>
                <div class="submenu3" style="display: none;">
                    <ul class="submenuroot">
                        <li id="categoryMore-kultura"><a href="/kategorija/kultura" id="categoryFacetSelection-kultura">Kultura</a></li>
                        <li id="categoryMore-lepota-in-zdravje"><a href="/kategorija/lepota-in-zdravje" id="categoryFacetSelection-lepota-in-zdravje">Lepota in zdravje</a></li>
                        <li id="weatherLink"><a href="http://vreme.alpha.najdi.si">Vreme</a></li>
                        <li id="sourceListLink"><a href="http://novice.alpha.najdi.si/seznamvirov">Seznam virov</a></li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</nav>

.. in bi iz id = navCategory zgradil JsonData podatke za menuKomponenta().

Yes/No/Maybe?

[vajtim]

Torej da sparsam strukturo obstojecega menija, ga vzamem kot input za react cmp in vrnem responsive menu? :D

Pa si ti preprican, da bo ta (skrit?!) menu zgrajen, se preden se bo react menuCmp inicializirala? :D Uglavnem... to ni prava pot.

[bostjans]

Ok .. damo zacet z verzijo 1:

• naredi menu komponento, ki sprejme JsonData; kot si predlagal;
• omogocati mora submenuje; + tisto kar sem navedel zgoraj ..;
• trenutno jo bomo klicali s staticnim JsonData podatki (ker se pac te stvari ne spreminjajo tako pogosto);
• do PON;

[vajtim]

Dodana je nova komponenta showMenu. Potreben array s trenutnim menijem strani http://novice.alpha.najdi.si/ komponenta ze vsebuje. Po potrebi se ga lahko povozi cez prvi parameter.

Za prikaz pa zadosca: `najdisiComponents.showMenu(null, document.getElementById("menu"));

[bostjans]

Ok. Prosim za naslednje tocke/dopolnitve:

T1. A lahko dopolnis se (osnovni) README.md s primeri uporabe .. za menu komponento:

• po IDju ali
• po Json strukturi?

T2. Preveri -> Popravi style.css

Problem je v novem (zadnjem) style.css file-u (torej dopolnitve za "menu vrstico") .. ce ga vkljucim -> mi podere kar nekaj obstojecih gradnikov na "news" najdiSi straneh. Zdaj .. ne vem niti kako k temu "problemu" pristopit .. -> Prosim predlagajte.

[markoBlagotinsek]

Kaj tocno pa podre?

[bostjans]

Recimo na Alpha/DEV okolju imas na desni strani eno kopico raznih gradnikov, ki si vertikalno (lepo) sledijo:

• http://novice.alpha.najdi.si/kategorija/slovenija

Ce pa vkljucim novo style.css datoteko dobim -> malo zmedo, oz. se doloceni box-i zacnejo prekrivati ali pa neustrezno prikazovati. Glej sliko .. -> primer box-a: NAJBOLJ BRANO

[markoBlagotinsek]

Mislim, da mi je jasno kje je problem. Bom preveril.

[vajtim]

Readme je posodobljen.