improvement: fontawesome, next part of icons #1418

interduo · 2018-10-08T21:20:02Z

No description provided.

interduo · 2018-10-09T10:56:41Z

Puścisz ikonki?

chilek · 2018-10-09T14:32:05Z

Jest kolizja, bo równolegle przeniosłem wszystko na:

{button ...}

Obeszło się bez robienia oddzielnych elementów button i link. Po prostu w button dałem dodatkowy type o wartości link.

interduo · 2018-10-09T14:43:54Z

To nie było równolegle :P Mój PR był wcześniej.

git merge tak wygląda czasami :D
https://www.youtube.com/watch?v=H81_ED8S-4w

chilek · 2018-10-09T14:46:56Z

Spróbuj w swoich zmianach od razu przyciski (tam gdzie używasz) przenieść na nową funkcję smarty {button}.

chilek · 2018-10-09T14:53:46Z

Przejrzałem te ostatnie zmiany - kierunek raczej będzie nie ten, tzn. nie wiem czy sensowne jest pakowanie wszystkie w klasy lms-ui-icon-content tylko po to, żeby uzyskać odstęp. Raczej takie coś wypadałoby wbudować w bloki {box_...} i {tab_...}.

chilek · 2018-10-09T14:54:08Z

Jeśli coś jest bardzo nagminne nie warto szpikować dodatkowym kodem html.

chilek · 2018-10-09T14:55:10Z

Dlatego też proponuję na razie z ikonkami nie ruszać szablonów, które są zrobione na tabelkach, bo lepiej wypracować jeden/kilka mechanizmów na mniejszej liczbie tabel niż potem wszystko w kółko modyfikować.

chilek · 2018-10-09T14:57:16Z

W związku z tym proponuję ograniczyć się ze zmianami ikon tylko do przeniesionych na nowy layout szablonów. Mam na myśli te ikonki przy każdym polu.

interduo · 2018-10-09T15:08:24Z

Jakoś specjalnie buttonów nie tykałem bo wiedziałem że kod się zmieni. Przejrzę je wszystkie ale dopiero pojutrze. Zrób merge&squash, żeby znów się to nie rozjechało.

interduo · 2018-10-09T15:12:33Z

Przejrzałem te ostatnie zmiany - kierunek raczej będzie nie ten, tzn. nie wiem czy sensowne jest pakowanie wszystkie w klasy lms-ui-icon-content tylko po to, żeby uzyskać odstęp. Raczej takie coś wypadałoby wbudować w bloki {box_...} i {tab_...}.

Klasę lms-ui-content łatwo wykasować. Gdy przeniesiemy definicję ikon na nowych kod {icon} to szybciej zmienimy kod bo dodałem sporo klas do style.less. I łatwiej będzie to z automatu zmienić.

chilek · 2018-10-09T15:12:41Z

Spójrz na to:
https://github.com/chilek/lms-plus/blob/master/templates/default/rt/rtticketeventlist.html#L14-L22
;-)

chilek · 2018-10-09T15:13:16Z

Klasę lms-ui-content łatwo wykasować. Gdy przeniesiemy definicję ikon na nowych kod {icon} to szybciej
zmienimy kod bo dodałem sporo klas do style.less. I łatwiej będzie to z automatu zmienić.

Wątpię - zrobi się tylko większy bałagan.

chilek · 2018-10-09T15:14:14Z

Co tam powinno być zamiast 6134? :)

interduo · 2018-10-09T15:22:17Z

https://github.com/chilek/lms-plus/blob/master/templates/default/rt/rtticketeventlist.html#L14-L22

Poprawiłem to. Nie wyłapałem w webeditorze przy przeglądaniu PR, dzięki.

interduo · 2018-10-09T15:23:12Z

Część ikon jest w <IMG SRC dużo więcej w <i class. Chcę doprowadzić do sytuacji gdzie będą wszystkie z fontawesome.

chilek · 2018-10-09T15:24:08Z

Część ikon jest w <IMG SRC dużo więcej w <i class. Chcę doprowadzić do sytuacji gdzie będą wszystkie z fontawesome.

Widziałem, że przy okazji wiele rzeczy zmieniasz, a nie tędy droga - bałagan murowany.

chilek · 2018-10-09T15:26:05Z

Zauważyłem, że przy okazji przestało w którymś momencie działać tworzenie zdarzeń terminarza od razu powiązanych ze zgłoszeniem :(

chilek · 2018-10-09T15:27:33Z

Sugeruję nie spieszyć się ze zmianami, bo to potem na jakość odbija się mocno.

interduo · 2018-10-09T15:27:38Z

Zauważyłem, że przy okazji przestało w którymś momencie działać tworzenie zdarzeń terminarza od razu powiązanych ze zgłoszeniem :(

Zrobiłem test - https://demo.lms.org.pl/?m=eventinfo&id=83. Działa

interduo · 2018-10-09T15:29:24Z

Ale fakt, że jeśli w _GET jest ticketid określony checkbox nie powinien się wyświetlać.

chilek · 2018-10-09T15:29:58Z

https://demo.lms.org.pl/?m=rtticketview&id=29
Dodaj nowe zdarzenie z tego poziomu powiązane z przeglądanym zgłoszeniem.
Przed chwilą sprawdziłem - nie działa.

Ogólna uwaga - skoro już robimy powtarzające się elementy zbudowane z kilku horyzontalnie położonych buttonów to też już to mamy (albo prawie mamy) w smarty.

interduo · 2018-10-09T15:33:20Z

Widziałem, że przy okazji wiele rzeczy zmieniasz, a nie tędy droga - bałagan murowany.

Nie. W tym PR tylko ikonki. Jedynie kilka ikon merytorycznie podmieniłem po konsultacji na inne.

chilek · 2018-10-09T15:33:52Z

A całkowite reformatowania pliku? :)

chilek · 2018-10-09T15:34:20Z

Co prawda PHP Storm daje CTRL+ALF+F lub CTRL+ALT+SHIFT+F.

chilek · 2018-10-09T15:35:34Z

A zmiany linków na przyciski?
Kto potem będzie to porządkował? :)

chilek · 2018-10-09T16:22:44Z

Może dla przykładu zróbmy jeden szablon wspólnie od początku do końca i zobaczymy czy jeszcze w ogóle czegoś brakuje ze strony smarty?

chilek · 2018-10-09T16:23:45Z

Btw. Commitem https://github.com/chilek/lms-plus/commit/70be37dda22b315fc1ac8d887e05bddb0524ad1a
przywróciłem dodawanie nowych zdarzeń do istniejących zgłoszeń.
Moje zmiany layoutu i dodatkowe cleanupy spowodowały rozjazd ;-)

chilek · 2018-10-09T16:53:07Z

Wydaje mi się, że niewiele brakuje od strony smarty, żeby móc zmieniać szablony html, na szablony używające elementów smarty. Są zaimplementowane:
{box_....} - dla całych boksów z danymi - pewnie będzie docelowo dobre dla całych tabel z listami rekordów i dla boksów z danymi typu *info, *edit, *add.
{tab_....} - dla zakładek, gdy wyświetlamy informacje o którymś rekordzie w {box_...}
{button} - dla przycisków typu <a> i <button>

chilek · 2018-10-09T16:55:30Z

Dla zakładek {box_...} fajnie byłoby pójść za ciosem i wszystkie przerobić w CORE. Tym bardziej, że procent zaawansowania tego przedsięwzięcia jest wysoki - zaadaptowane są już prawie wszystkie zakładki klienta i komputera.

interduo · 2018-10-09T18:28:26Z

https://demo.lms.org.pl/?m=eventedit&id=84 - zazanaczona domyślnie opcja "przypisz do zgłoszenia" ale wartość jej pustaw - tak być nie powinno ponieważ zdarzenie nie jest nigdzie przypisane.

interduo · 2018-12-10T17:02:31Z

@chilek chciałem dokończyć ten PR,

Było:
<img src="img/account.gif" alt="">

Proponowałem:
<i class="lms-ui-icon-content lms-ui-icon-login"></i>

Jak według Ciebie powinien być wprowadzony ten kod z obrazkami daj proszę przykład na przykładzie tego fragmentu.

chilek · 2018-12-12T13:47:54Z

Mi się jedynie nie podoba: lms-ui-icon-content, bo wszędzie trzeba to wstawiać, a po co?

interduo · 2018-12-12T14:01:39Z

Jak zrobić inaczej odstępy?

chilek · 2018-12-12T14:44:27Z

Chodzi o odstępy między ikonkami i etykietami tekstowymi? Moim zdaniem całość powinna trafiać do jakiegoś elementu html, który to opakowuje.

interduo · 2018-12-12T17:22:21Z

Tak.
To w takim razie wywalę tą klasę a potem tam gdzie odstępy są złe opakujemy to w coś.

chilek · 2018-12-13T07:14:21Z

W sumie niektóre elementy są już opakowane w nadrzędny element TD. Można byłoby dla takiego elementu wprowadzić tymczasowo jakąś klasę CSS. Kiedyś pewnie TD wylecą, ale kiedy - daleka przyszłość pewnie.

interduo · 2018-12-17T15:11:07Z

Ok - usunąłem lms-ui-icon-content z kodu.

Pokaż proszę przykład jak opisać elementy TD w CSS tam gdzie znajdują się ikonki tak, żeby były wyśrodkowane względem siebie. Mi się coś rozjeżdza.

chilek · 2018-12-17T15:25:57Z

Pokaż proszę przykład jak opisać elementy TD w CSS tam gdzie znajdują się ikonki tak, żeby były wyśrodkowane względem siebie. Mi się coś rozjeżdza.

  <TD class="lms-ui-normal-column">
      <i ...></i><span class="bold">Label</span>
  </TD>

  .lmsbox .lms-ui-normal-column > :not(:last-child) {
     margin-right: 0.2em;
  }

Nie testowałem tego powyżej, ale idea została przestawiona. Może warto byłoby jakoś uogólnić to dla table lmsbox* tak, żeby od razu w tabeli td dowolny się łapał na te definicje css?

interduo · 2018-12-17T15:28:12Z

A jak z wyśrodkowaniem w pionie?

chilek · 2018-12-17T15:43:47Z

A jak z wyśrodkowaniem w pionie?

Tzn. co konkretnie chcesz uzyskać?

interduo · 2018-12-17T15:47:37Z

Wyśrodkowanie w pionie ikonki zawartej w znaczniuk <i ...></i> wobec tekstu Label.

chilek · 2018-12-17T15:54:28Z

.lmsbox .lms-ui-normal-column {
  vertical-align: middle;
}

Utwórz może w jsfiddle przykład i mi udostępnić - tam ustalimy co i jak.

interduo · 2018-12-17T15:55:29Z

git checkout interduo-lms/663;

Przykładem może być plik rtticketinfobox.html

chilek · 2018-12-17T16:01:30Z

https://jsfiddle.net/chilek/xryg5kas/7/#&togetherjs=peMFFylGe6

interduo · 2018-12-17T16:05:32Z

Widzisz moje zmiany na jsfiddle?

interduo · 2018-12-17T16:11:15Z

Taki podałeś przykład trochę nie z życia - ikonki są różnych szerokości a jednak przydałoby się żeby:

ikonki były nad sobą i wyśrodkowane w pionie względem środka siebie
labelki były nad sobą i zaczynały się wszystkie "jak od linijki"
Nie lubię się babrać we frontendzie bleh.

Jeśli nie widzisz moich zmian to podmieniłem kod na:

<table class="lmsbox">
  <tr>
    <td class="lms-ui-box-cell">
      <i>ikonka11</i><span class="bold">etya1 11</span>
    </td>
  </tr>
  <tr>
    <td class="lms-ui-box-cell">
      <i>ik2</i><span class="bold">etykietkaaaa2</span>      
    </td>
  </tr>
</table>

chilek · 2018-12-17T16:15:36Z

Jaki masz tam login?

chilek · 2018-12-17T16:18:12Z

Prawdopodobnie nie dołączyłeś do współpracy w moim jsfiddle, bo nie mam Ciebie na liście współpracowników.

chilek · 2018-12-17T17:00:52Z

Coś takiego?
https://jsfiddle.net/chilek/xryg5kas/35/

interduo · 2018-12-17T17:18:09Z

Coś takiego?
https://jsfiddle.net/chilek/xryg5kas/35/

Tak. Tak jest git. Spróbuję to jutro wrzucić w kilka klas i potestować.

interduo · 2018-12-17T19:31:10Z

Wiesz co? Próbowałem wrzucić to do schemat z jsfiddle.net do kodu rtticketinfobox.html (011a208).

Czy ten span z boldem jest na prawdę potrzebny?

interduo · 2018-12-17T19:43:19Z

Oj wydaje mi się, że to powinno być inaczej zrobione.
W templatach HTML używamy różnych znaczników <div><span><p> w których jest <i ....></i>. Czy jest sens dla każdego definiować oddzielną klasę CSS? Wydaje mi się że pomysł z klasą lms-ui-icon-content wcale nie był taki zły.

chilek · 2018-12-18T07:32:32Z

To tylko przykład, ale jak byś chciał robić bardziej docelowo to spójrz na parę szablonów zrobionych w oparciu o div:flexbox (oparte o funkcje i bloki smarty).

interduo · 2020-03-20T10:16:24Z

Ten PR pozwolił wypracować sposób kodowania przycisków i ikon. Zamykam bo jest za wiele konfliktów zmiany trzeba wprowadzić jeszcze raz.

interduo force-pushed the 663 branch from 5a62629 to 0915482 Compare December 17, 2018 14:56

improvement: fontawesome, next part of icons

dedc370

interduo force-pushed the 663 branch from 4d3b4c9 to dedc370 Compare December 26, 2018 17:16

interduo closed this Mar 20, 2020

interduo deleted the 663 branch May 13, 2020 07:46

chilek added a commit that referenced this pull request Aug 25, 2020

bugfix: fixed php warning (LMS+ fixes #1418)

d7f15f1

improvement: fontawesome, next part of icons #1418

improvement: fontawesome, next part of icons #1418

Conversation

interduo commented Oct 8, 2018

interduo commented Oct 9, 2018

chilek commented Oct 9, 2018

interduo commented Oct 9, 2018

chilek commented Oct 9, 2018

chilek commented Oct 9, 2018

chilek commented Oct 9, 2018

chilek commented Oct 9, 2018

chilek commented Oct 9, 2018

interduo commented Oct 9, 2018 • edited Loading

interduo commented Oct 9, 2018

chilek commented Oct 9, 2018

chilek commented Oct 9, 2018

chilek commented Oct 9, 2018

interduo commented Oct 9, 2018

interduo commented Oct 9, 2018

chilek commented Oct 9, 2018

chilek commented Oct 9, 2018

chilek commented Oct 9, 2018

interduo commented Oct 9, 2018 • edited Loading

interduo commented Oct 9, 2018

chilek commented Oct 9, 2018

interduo commented Oct 9, 2018 • edited Loading

chilek commented Oct 9, 2018

chilek commented Oct 9, 2018

chilek commented Oct 9, 2018

chilek commented Oct 9, 2018

chilek commented Oct 9, 2018 • edited Loading

chilek commented Oct 9, 2018 • edited Loading

chilek commented Oct 9, 2018

interduo commented Oct 9, 2018

interduo commented Dec 10, 2018 • edited Loading

chilek commented Dec 12, 2018

interduo commented Dec 12, 2018

chilek commented Dec 12, 2018

interduo commented Dec 12, 2018

chilek commented Dec 13, 2018

interduo commented Dec 17, 2018

chilek commented Dec 17, 2018

interduo commented Dec 17, 2018

chilek commented Dec 17, 2018

interduo commented Dec 17, 2018

chilek commented Dec 17, 2018

interduo commented Dec 17, 2018 • edited Loading

chilek commented Dec 17, 2018

interduo commented Dec 17, 2018

interduo commented Dec 17, 2018 • edited Loading

chilek commented Dec 17, 2018

chilek commented Dec 17, 2018

chilek commented Dec 17, 2018

interduo commented Dec 17, 2018

interduo commented Dec 17, 2018 • edited Loading

interduo commented Dec 17, 2018 • edited Loading

chilek commented Dec 18, 2018

interduo commented Mar 20, 2020

interduo commented Oct 9, 2018 •

edited

Loading

interduo commented Oct 9, 2018 •

edited

Loading

interduo commented Oct 9, 2018 •

edited

Loading

chilek commented Oct 9, 2018 •

edited

Loading

chilek commented Oct 9, 2018 •

edited

Loading

interduo commented Dec 10, 2018 •

edited

Loading

interduo commented Dec 17, 2018 •

edited

Loading

interduo commented Dec 17, 2018 •

edited

Loading

interduo commented Dec 17, 2018 •

edited

Loading

interduo commented Dec 17, 2018 •

edited

Loading