Formulare - refactoring / redesign

[pkudela]

• [x] odlisit hlavni oblasti od vnorenych - podbarveni, nebo ramecek, nebo barva pripadne tucne pismo
• [x] zmensit radky jednotlivych fieldu
• [x] zkuist zmensit vysku materialoveho fieldu
• [x] vizualne oznacit nevalidni formular
• [x] u disablovaneho fieldu sjednotit barvu dolni cary

[luckajirku]

testovací objekty na masteru - uuid:

NDK Svazek monografie: 63220cbd-6dd2-4c38-a5c9-056a6e0b77cf

NDK Periodikum: titul: cddd21bd-1726-4b6f-9d10-ecb4300df817 ročník: 000dac07-cfa0-4eb7-a858-74ca45a8cf45 číslo: d1548315-1ed7-4a89-a79d-4d5fb153dc3f

[pkudela]

@luckajirku dekuju

[pkudela]

Ahoj vsem, na dev server jsem nasadil novy build s upravami formulare, je to pod odkazem -> https://proarc-test.inovatika.dev Nize popisu upravy:

• kompletni refactoring stylu + casti html (stare styly jsou zalohovane)
• vytvoreni dedikovaneho scss pro formular + vlastnich class, variables atd. takze pripadne globallni upravy pujdou aplikovat mnohem lepe
• dle pozadavku jsem se snazil vizualne oddelit hlavni formulare tak aby bylo patrne, ktery formular je hlavni a ktery je vnoreny, nakonec jsem zvolil cestu ohraniceni s kombinaci s pozadim, takze jednotlive karty formularu, ktere jsou bile jakoby vystupuji a pusobi na prni pohled oddelene, alespon dle meho nazoru (tento efekt lze jeste umocnit pripadnym decentnim stinem karty, pak by oddeleni bylo jeste vice patre)
• ke zvyrazneni hlavniho formulare jsem take ztucnil titulek pouze u formulare na hlavni urovni
• sjednotil jsem odsazeni pro vsechny elementy - karty, inputy atd. pokud srovnate se soucasnou verzi na masteru, tak jsou nektere mezery jine napr. u prvnich 2 formularu s nazvem oproti tem dalsim dole - mam na mysli napr. dolni odsazeni karty formulare
• vyska formulare (karty) se snizila v dusledku sjednoceni odsazeni
• pouze pokud se zacne scrollovat, tak na fixni field nahore "Zobrazit element" aplikuji decentni dolni vystinovani, aby tento fixni element nesplyval se srollovanou oblasti
• zmensil jsem toggle button, jak jsme se dohodli, velikost ikon je take sjednocena jak velikostne tak barevne
• plus dalsi upravy, vyjmenoval jsem jen ty hlavni

Testoval jsem na NDK Svazek monografie: 63220cbd-6dd2-4c38-a5c9-056a6e0b77cf co poslala Lucka, zatim jeste neni hotova strana, strany, audio strana atd. ty totiz bohuzel maji vlastni html, takze tam to musim jeste dodelat, ale chtel jsem, abyste prvni nastrel meli k dispozici uz ted - muzete srovnavat s verzi co je na masteru - tyto dve verze se lisi pouze formularema.

[pkudela]

Novy:

Puvodni:

[luckajirku]

rychle stručně první dojmy od nás:

ano:

• šedé podbarvení super
• tučně titul super
• stín pod Zobrazit element je fajn (obecně tohle stínování nemusím, ale tady to dává smysl, je z toho hned jasné, že formulář není celý a že zajíždí pod to)

ne:

• výraznější (tmavší) barva u řádků je rušivá, původní světlá byla o dost lepší
• snížení řádků je nedostatečné, formulář pořád hodně dlouhý

[kerschfilip]

ečlánek i s relatedItem k testování: uuid:2aa7202a-437b-49b9-8c18-fd6692d15d97

[pkudela]

@luckajirku -> ne: barvy radku - tim mas na mysli dolni caru u input fieldu, je to tak? to jeste muzu doladit, to neni problem, snizeni radku - o to se pokusim, ale kvuli tem popiskum a suffixum v hornim rohu to bude problematicke, ale urcite se na to jeste podivam, ted prepisuju vse ostatni - page, pages, audioPages atd., abych zbytek sjednotil a mohl jsem venovat globalnimu doladovani

[pkudela]

@kerschfilip dik, otestuji

[luckajirku]

@pkudela ono je zvláštní, že pak na výstřižku to není tak vidět... Ale když je pod tím ještě rámeček, který je dost blízko, protože se zmenšilo odsazení, a pod tím další... tak někde je fakt přečárováno a tam to bije do očí. A hlavně u těch řádků (na rozdíl od těch rámečků) to zvýraznění nedává moc smysl. Zítra to proberem.

[pkudela]

@luckajirku ono to neni zvyrazneni, ale defaultni barva inputu, jak jsem vykosil ty stare styly, aby mi to nedelalo neplechu, tak se to zobrazilo tak jak to ma material framework jako default, uz jsem to zmenil zatim jen u sebe, tohle je to nejmensi, az budu mit hotovou dalsi varku, tak nasadim na server

[SmejkalovaAnna]

Tenhle poslední formulář se mi moc líbí, to vypadá dobře.... i šedá je super.... souhlasím s Luckou

[pkudela]

dalsi pohledy jsou hotove, nasazeno na testovani zde -> https://proarc-test.inovatika.dev/ je tam i uprava barvy ohraniceni, ktere zminila Lucka:

editace stranky

hromadna editace vybranych stranek

[pkudela]

audio page hotova

puvodni audio page - to jsou takove strasaky co na me vybafnou, jsou napul udelane

[pkudela]

Zvyrazneni hlavniho formulare

soucasna verze co je na testu:

navrh 1 - sytejsi barva ohraniceni formulare hlavniho levelu

navrh 2 - sytejsi barva ohraniceni formulare hlavniho levelu + vystinovani (s intenzitou vystinovani se da jeste pracovat)

[NeradovaK]

@pkudela ten návrh 2 se mi fakt líbí, mě by to takhle bohatě stačilo :-)

[SmejkalovaAnna]

@pkudela Já taky jednoznačně hlasuji pro návrh 2, to se mi moc líbí! Uvítala bych takto všechny formuláře.

[pkudela]

Vyska / rozestup jednotlivych poli formulare (osobne mi prijde posledni verze uz moc, pak se dle meho vytraci citelnost, osobne bych byl pro to nechat v soucasnem stavu, maximalne navrh 1)

soucasna verze bez uprav

navrh 1

navrh 2

[pkudela]

vizualne oznacit nevalidni formular - pripravil jsem navrh, ktery jsem na rychlo ukazal na schuzce - pri nacteni formulare je na prvni pohled viditelne, jestli je cely formular validni - oznaceni tlacitka pro validaci standardni zelenou, kterou uz mame v aplikaci pro success alerty, nebo je nejake pole ve formulari nevalidni - oznaceni tlacitka pro validaci standardni cetvenou, kterou mame pro error / warning alerty - tim padem je na prvni pohled kontrola, jestli je formular validni ci nevalidni bez nutnosti jakkoliv klikat do formulare. Muzu a nemusim implementovat, je to na vas.

[pkudela]

Nasazeno na testovaci server pod odkazem -> https://proarc-test.inovatika.dev/ promitl jsem tam tyto zmeny (mozna si budete muset udelat tvrdy reload prohlizece, pripadne vymazat cache):

• stejne barva dolni cary u disablovaneho formulare - co zminila Lucka na schuzce
• zvyrazneni top level formulare - sytejsi barva ohraniceni vcetne decentniho vystinovani
• ikona validovat - kontrola validity formulare
• zmenseni vysky jednotlivych poli formulare jsem prozatim neresil, pockam na vase vyjadreni

[NeradovaK]

Vyska / rozestup jednotlivych poli formulare (osobne mi prijde posledni verze uz moc, pak se dle meho vytraci citelnost, osobne bych byl pro to nechat v soucasnem stavu, maximalne navrh 1)

soucasna verze bez uprav

navrh 1

navrh 2

@pkudela já bych také zůstala u té současné verze ;)

[SmejkalovaAnna]

Já bych byla, co do výše řádku, pro návrh 1, aby se to trochu ještě scuklo. Dvojka už ne, to je moc. Ale jestli je to pro Kačku Neradovou už moc, tak mi vyloženě původní nevadilo.

[luckajirku]

to člověk odejde ze schůzky s tím, že ta nasazená verze je pro nás OK - a než stihne dojet do Hradce, už je tam jiná:-). Za nás:

• vyhovuje nám ta verze, co byla před schůzkou - bez stínování a výraznějších rámečků - nic tam neruší, a přitom je to přehledné (to podbarvení jsme chtěli, abychom se zbavili rámečků, které moc poutají pozornost - pokud se tam zas přidají a jsou ještě výraznější, to bude při zpracování rušit)
• výška řádků - určitě návrh 1, ať se formulář trochu zkrátí
• barevné tlačítko validity spíš ne (nebo pokud, tak jen červené, zelené nedává smysl - pokud červené ukazuje nevaliditu, je zelené zbytečné - vím, že když mi nesvítí červené, mám to OK)

[pkudela]

Ahoj vsem, strucne nize:

• co jsem cetl, tak vetsi cast je pro vetsi zvyrazneni a stinovani, nicmene nevyjadrili se vsichni, takze navrhuji reseni, ktere jsme zminili na schuzce - obecne zvyrazneni formularu bude mozne zapnout v konfiguraci, defaullt bude ten puvodni vzhled pres schuzkou, cili bez zvyrazneni, souhlasite?
• vyska radku - navrh 1 na tom se shodli asi vsichni, takze takto upravim
• baravne tlacitko validity - ok, necham jen cerveny stav, default pokud bude formular validni bude klasicka cerna

Az provedu tyto upravy, souhlasite s tim, aby Alberto mohl upravy formularu pullnout a pokracovat na dalsich issues s jiz upravenymi formulari?

[ZdenkaSera]

@pkudela Ahoj Petře, díky za souhrn a návrh - Prosím, mohl bys jej tedy realizovat a dát ještě jednou k náhledu a konečnému odsouhlasení uživatelům zapojeným do této diskuse, tj. @luckajirku @NeradovaK @SmejkalovaAnna ? Předpokládám, že Tvůj návrh už bude předmětem konsensu s mírnými osobními kompromisy, ale náhledů bylo hodně, tak ať je ten finální zřejmý :-) Pak teprve bych bych to navrhovala dát Albertovi. Je to zdržení, ale raději prosím takto. Moc díky!

[luckajirku]

jako že nevyjádřili se všichni - dovolím si poznamenat, že na to příliš času od včerejšího odpoledne nebylo:-) - a předtím tenhle návrh nikde k opřipomínkování nebyl.

[pkudela]

@ZdenkaSera ok, udelam a nasadim, k dispozici budou 2 odkazy - jeden ten defaultni a druhy s konfiguraci zvyrazneni formulare

[SmejkalovaAnna]

@pkudela Petře existuje reálná šance, že by to zvýraznění šlo udělat v uživatelském nastavení? Resp. jak je nastavení Profil, tak by tam mohlo být checkbox Zvýraznit formuláře a bylo by to vázané na přihlášeného uživatele?

[ZdenkaSera]

@pkudela @pkudela Moc díky. Stejně ale radši počkáme, až se na to podívají i v MKP a MZK (napíšu jim).

Jinak mě ještě napadá k verzi - myslím, že nový zip ke stávající verzi by měl obsahovat jen opravu obrázků z issue https://github.com/proarc/proarc-client/issues/515 a úpravy formulářů by měly vyjít jako nový pre-release. Souhlasíte?

[pkudela]

@pkudela Petře existuje reálná šance, že by to zvýraznění šlo udělat v uživatelském nastavení? Resp. jak je nastavení Profil, tak by tam mohlo být checkbox Zvýraznit formuláře a bylo by to vázané na přihlášeného uživatele?

asi ano, ale musim to probrat s Albertem

[pkudela]

@pkudela @pkudela Moc díky. Stejně ale radši počkáme, až se na to podívají i v MKP a MZK (napíšu jim).

Jinak mě ještě napadá k verzi - myslím, že nový zip ke stávající verzi by měl obsahovat jen opravu obrázků z issue #515 a úpravy formulářů by měly vyjít jako nový pre-release. Souhlasíte?

Ono to ani jinak nejde, protoze ta oprava obrazku, tu ma u sebe alberto lokalne, tam zadne zmeny formularu nejsou a melo byt to tak zustat pro nahrazeni toho zipu.

[albertoh]

Ano, presne tak. Formulare priste. Ted je tam novy zip, ktery jen upravuje chovani obrazku

[katerinasirova]

Snažila jsem se odpoledne prokousat změnami a návrhy a za nás prosím o ty dva návrhy, jak psala Zdeňka - s tím, že pokud jsem to identifikovala správně, tak za nás by řešení, kdy stav před schůzkou by byl jako default a ta druhá výraznější varianta by byla na uživatelské preferenci (pokud by nešlo, tak preferenci instituce), bylo OK.

Jen při rychlém přetestování se mi teď na té verzi, na které nasadil Petr nezobrazuje červeně tučně zvýrazněný název nevalidního elementu, červeně je pouze v seznamu všech elementů v roletce "Zobrazit element":

Otázka je, jestli nestačí červeně jen ta část formuláře - viz obrázek. Nechávám na zvážení ostatních.

[pkudela]

nasazeno na testovaci server -> https://proarc-test.inovatika.dev

pod timto odkazem naleznete:

• defaultni vzhled jako pred schuzkou
• moznost zvyraznit formular v settings / profile / Preferované hodnoty / Zvýraznění ohraničení formuláře
• tlacitko validate - pouze v pripade nevalidniho formulare sviti cervene
• zmena vysky poli formulare dle navrhu 1

[pkudela]

prosim, dejte tedy vedet, jestli v tomto stavu, co je na testovacim si muze alberto po velikonocich stahnout moje zmeny a pokracovat v dalsich issues s jiz zmenenymi formulari i po tom budou samozrejme mozne upravy formularu, pokud nekde narazite na nejakou chybu, nebo neco jineho

[luckajirku]

@pkudela designově vyhovuje, ale pořád nás tam zlobí takové zvláštní srážení polí ve formuláři, kdy jedno jakoby zajede pod druhé a nedá se do něj pak dostat. To právě nevíme, jestli je nějaká zlomyslná chyba proarcu, který už si žije svým životem (typicky se schová vždycky to pole, které potřebuješ editovat), nebo jen nějaký mezistav, než to vyladíš... K tomu se nikdo na rozdíl od tloušťky čar nevyjadřuje:-), tak nevím, jestli se o tom ví:-). Ale pošlu ti to sem a mizím, kdyžtak koumej a my se tomu budeme věnovat až příští týden.

[pkudela]

@luckajirku nez zmizis, to je jen o noveho objektu, ktery se otvira v dilaogu je to tak? Jinde se to nedeje, ano?

[luckajirku]

@pkudela jj, jinde než v dialogovém okně jsme na to nenarazili - ale tam se to děje u všech možných objektů - na titulu mon./per., při zakládání čísla per. apod. A pro pořádek - dělo se to teď i před touhle poslední úpravou, blbne to i v té verzi, co teď máme nasazenou u nás.

[pkudela]

@luckajirku super, takze se to delo i pred upravami formulare, ja totiz na to narazil vcera, nez jsem nasazoval ten posledni build a dela mi to taky jen v tom dialogovem okne, jinde ne, cili to pak proberu s Albertem, tam se totiz dopocitava pozice kvuli tomu scrollovani, takze tam nekde bude problem, cili upravou designu to teda nema nic spolecneho

[NeradovaK]

@pkudela u formuláře e-článků za nás dobrý, případně se vyjádří zbytek KNAV :)

[SmejkalovaAnna]

@pkudela Petře za nás taky dobrý. Díky.

[ZdenkaSera]

@katerinasirova @erikamirova Prosím, mohly byste se na tuto verzi také podívat, aby vývojáři mohli pokračovat? Moc děkuji

[pkudela]

@katerinasirova @erikamirova Prosím, mohly byste se na tuto verzi také podívat, aby vývojáři mohli pokračovat? Moc děkuji

ano, prosime o reakci, aby si Alberto mohl pullnout zmeny formularu a pokracovat v jednotlivych issues vcetne toho fixu formulare v dialogovem okne, ktere jsme diskutovali s Luckou vyse, dekuji

[pkudela]

Dotaz: muze mit zvukova nahravka vice stran, tak abych mohl v tabulce vice stran oznacit a zobrazil se mi formular s hromadnou upravou stranek? Pokud ano, potrebuju otestovat, muzete mi prosim nekdo poslat uuid takoveho objektu? Diky

[ZdenkaSera]

@katerinasirova Katko, prosím, mohla bys tady pomoci Ty nebo někdo od Vás? Zvukové dokumenty asi v praxi děláte jen Vy. Děkuji!

[erikamirova]

@pkudela Za nás je to v pořádku, vypadá to skvěle, je to přehlednější. :)

Akorát jsme si všimli, že když si třeba překlikneš, že chceš na Origin info, tak se v Zobrazit element ukazuje Name (který je nad Origin info). Stejně tak i u jiných elementů. Je tam špatně nastavená hranice, kdy se to posouvá. Ideální by bylo, kdyby se to posouvalo už od toho tučného nadpisu elementu.

[katerinasirova]

Dotaz: muze mit zvukova nahravka vice stran, tak abych mohl v tabulce vice stran oznacit a zobrazil se mi formular s hromadnou upravou stranek? Pokud ano, potrebuju otestovat, muzete mi prosim nekdo poslat uuid takoveho objektu? Diky

Jestli správně chápu tvůj dotaz, tak 1 zvuková nahrávka = 1 stream/1 soubor (z hlediska metadat). V úložišti potom při současném tabulkovém zobrazení ani nemáš šanci označit více zvukových souborů/nahrávek najednou. Pokud budeme předělávat stromovou strukturu, tak si dovedu představit, že to bude jedna z možností, které budeme chtít přidat.

Ale hromadné úpravy je možné na zvukovou nahrávku aplikovat v Importu, kde je k dispozici toto:

Je založená pod uživatelem mkpuser tato načtená dávka: Zvuk/SV_11617_2/. @pkudela Stačí takto?

[pkudela]

Dotaz: muze mit zvukova nahravka vice stran, tak abych mohl v tabulce vice stran oznacit a zobrazil se mi formular s hromadnou upravou stranek? Pokud ano, potrebuju otestovat, muzete mi prosim nekdo poslat uuid takoveho objektu? Diky

Jestli správně chápu tvůj dotaz, tak 1 zvuková nahrávka = 1 stream/1 soubor (z hlediska metadat). V úložišti potom při současném tabulkovém zobrazení ani nemáš šanci označit více zvukových souborů/nahrávek najednou. Pokud budeme předělávat stromovou strukturu, tak si dovedu představit, že to bude jedna z možností, které budeme chtít přidat.

Ale hromadné úpravy je možné na zvukovou nahrávku aplikovat v Importu, kde je k dispozici toto:

Je založená pod uživatelem mkpuser tato načtená dávka: Zvuk/SV_11617_2/. @pkudela Stačí takto?

Diky, takto to staci, ale neznam heslo na tohoto uzivatele, takze se k tomu nedostanu, jestli neni tajne, hod mi ho do sms prosim, nebo do mailu a ja na to mrknu. Jinak jeste prosim reakci, jestli uz muze Alberto pullnout, aby mohl pokracovat, dik.

[albertoh]

Akorát jsme si všimli, že když si třeba překlikneš, že chceš na Origin info, tak se v Zobrazit element ukazuje Name (který je nad Origin info). Stejně tak i u jiných elementů. Je tam špatně nastavená hranice, kdy se to posouvá. Ideální by bylo, kdyby se to posouvalo už od toho tučného nadpisu elementu.

Opraveno

[erikamirova]

@albertoh Když scrolluju dolů, tak je to ok a funguje to.

Ale když si dám v Zobrazit element Origin info, objeví se Name, Location --> Origin info atd. Podle mě když si prostě zvolím, že chci zobrazit Origin info, tak by i v tom poli Zobrazit element mělo být Origin info.

[katerinasirova]

Dotaz: muze mit zvukova nahravka vice stran, tak abych mohl v tabulce vice stran oznacit a zobrazil se mi formular s hromadnou upravou stranek? Pokud ano, potrebuju otestovat, muzete mi prosim nekdo poslat uuid takoveho objektu? Diky

Jestli správně chápu tvůj dotaz, tak 1 zvuková nahrávka = 1 stream/1 soubor (z hlediska metadat). V úložišti potom při současném tabulkovém zobrazení ani nemáš šanci označit více zvukových souborů/nahrávek najednou. Pokud budeme předělávat stromovou strukturu, tak si dovedu představit, že to bude jedna z možností, které budeme chtít přidat. Ale hromadné úpravy je možné na zvukovou nahrávku aplikovat v Importu, kde je k dispozici toto: Je založená pod uživatelem mkpuser tato načtená dávka: Zvuk/SV_11617_2/. @pkudela Stačí takto?

Diky, takto to staci, ale neznam heslo na tohoto uzivatele, takze se k tomu nedostanu, jestli neni tajne, hod mi ho do sms prosim, nebo do mailu a ja na to mrknu. Jinak jeste prosim reakci, jestli uz muze Alberto pullnout, aby mohl pokracovat, dik.

Mail s heslem poslán, Kolegyně, od které potřebuji vyjádření má do zítra dovolenou, takže i když vím, že čekáte, vyjádříme se za MKP zítra.