Cześć! Zapraszam do podsumowania kolejnego, ósmego już tygodnia prac nad Home Wallet. Zaczynajmy!   jQuery Modal   Tak jak zapowiadałem, w tym tygodniu skupiłem się nad wyglądem okien modalnych które pojawiają się np. podczas dodawania produktu do rachunku. Celem były okna pełnoekranowe oraz przeźroczyste. Udało się to zrobić całkiem prosto i przyjemnie. O całym procesie możecie przeczytać w ostatnim wpisie z serii NaSzybko.     Zastanawiałem się jak rozłożyć wnętrza okien: opis obok czy nad inputem/selectem. Spędziłem sporo czasu aby zrobić wersję pierwszą aby ostatecznie…Continue Reading „[HomeWallet] Okna i CRUD”

Dzisiaj na szybko pokażę, jak zrobić pełnoekranowe modalne okno jQuery z przeźroczystym tłem. Zapraszam.     jQuery Modal   Pierwszą rzeczą jaką musimy zrobić to oczywiście dodać to naszego projektu jQuery oraz jQuery UI. Przykładowy kod:   <script src=”https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.0.min.js”></script> <link rel=”stylesheet” href=”//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css”>   jQuery Modal polega na wyświetleniu kodu html w oknie. Może to być kod na stałe zapisany w naszym głównym widoku lub też pobierany z np. partial view. Dla przejrzystości oraz możliwości ponownego wykorzystania korzystam z tego drugiego sposobu. W naszym głównym kodzie znajduje…Continue Reading „[NaSzybko] Pełnoekranowy, przeźroczysty jQuery Modal”

W ten świąteczny wieczór zapraszam na podsumowanie kolejnego tygodnia prac nad Home Wallet.   Wykresy   Ostatnio w serii NaSzybko pisałem jak dodać do naszego projektu wykresy. Z tej samej biblioteki HighCharts korzystałem w tym tygodniu przy projekcie. Udało mi się wygenerować wykres dla statystyk danego dnia, który pokazuje stosunek pieniędzy wydanych danego dnia do założeń planu.     Problemy z wykresem są dwa. Pierwszy, to przy niskiej kwocie wydanej fragment jest na tyle mały, że nie mieści się na nim opis i zlewa z…Continue Reading „[HomeWallet] Wykresy i UI”

Niedziałający Chosen, trochę usprawnień i wprowadzanie czytelników w błąd 😉 Tak minął ten tydzień przy pracach nad HomeWallet. Zapraszam do czytania. Chosen Pisałem ostatnio, że Chosen to super sprawa, bo łatwo jest np. aktualizować listę bez przeładowania strony. Oczywiście po tym jak to napisałem musiało się coś zepsuć. Nie wiem dlaczego, ale funkcja $(‚.chosen-single-select’).trigger(‚chosen:updated’); przestała działać. W innych projektach nie miałem z tym problemu. Będę jeszcze walczył, być może ma to coś wspólnego z .NET Core. Jeżeli ktoś miał podobny problem i udało mu się do…Continue Reading „[HomeWallet] Niedziałający Chosen”

W tym tygodniu miałem mniej czasu na pochylenie się nad HomeWallet, z powodu aplikacji o której wspominam tutaj, ale coś tam udało się zrobić 🙂 W większości były to poprawki kodu oraz trochę małych, ale ważnych szczegółów. Zaczynajmy. Chosen Pierwszą rzeczą jaką zrobiłem tuż po tym, jak poprawiłem zgodnie z zaleceniem z komentarzy kod kontrolerów, było dołączenie do projektu Chosen. Chosen to plugin jQuery, który ulepsza selecty: pozwala na wyszukiwanie pośród opcji, zmianę wyglądu multi selectów czy dynamiczne dodawanie opcji. Te ostatnie szczególnie się przyda…Continue Reading „[HomeWallet] Ważne szczegóły”