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”

Wielkanoc już jutro więc dzisiaj luźne przemyślenia. Zapraszam.     Od dłuższego czasu jedyne co piszę to aplikacje webowe. Można powiedzieć, że zakochałem się od pierwszego zetknięcia z MVC i tak mi zostało. Jest to bardzo fajna rutyna, ciągle pojawiają się nowe problemy do rozwiązania, ciągle staram się poprawiać jakość swojego kodu. Nie ma jednak co ukrywać, że większość czasu piszę całkiem podobny kod. Poza ciągłą walką z CSS i jQuery nie ma tu wiele finezji. Człowiekowi wydaje się, że umie już całkiem sporo, nic…Continue Reading „[TechOT] Niby go znam, ale…”

Dzisiaj na szybko postaram się wytłumaczyć jak dodać wykresy do naszej aplikacji .NET Core MVC za pomocą biblioteki Highcharts. Zapraszam do czytania.   NuGet   Zaczynamy od dodania paczki do naszego projektu. Oficjalne paczki od HighSoft są przeznaczone na ASP.NET MVC i nie działają z .NET Core. Na szczęście jakaś dobra dusza pod nickiem pmrozek stworzyła wersję na Core. Znajduje się ona tutaj: NuGet a zainstalować ją można np. poprzez komendę Install-Package Highsoft.Web.Mvc. Po dodaniu pakietu jesteśmy gotowi do pracy.   Przykładowy kod kontrolera   W…Continue Reading „[NaSzybko] Wykresy w .NET Core”

Cześć 🙂  Dzisiaj przedstawię nowe mockup’y na których będę się wzorować podczas dalszej implementacji Home Wallet. Strona powitalna Pierwszą stroną jaką zobaczy nowy użytkownik będzie minimalistyczna strona z możliwością rejestracji/logowania. Planuje również dodać po przewinięciu mały opis tego, co aplikacja robi. Bardzo sobie cenię minimalizm przy pierwszym kontakcie. Mam szybko znaleźć co aplikacja oferuje oraz ile to kosztuje. Inne informacje mogą być zawarte w jakiejś podstronie, nie są one niezbędne na początku.     Strona główna   Jak już użytkownik utworzy nowe konto ujrzy mały…Continue Reading „[HomeWallet] Interfejs”

Jest niedziela, jest podsumowanie prac nad HomeWallet. Zapraszam! Cykliczny rachunek Tak jak pisałem tydzień temu, w tym tygodniu zacząłem prace od cyklicznego rachunku. Mając już gotowy normalny rachunek, pracy tak naprawdę było niewiele. Cykliczny rachunek od zwykłego różni się tym, że ustawiamy w nim datę początkową i końcową oraz cykl co ile ma się on odnawiać. Tutaj jednak naszły małe zmiany. Wcześniej w bazie rachunek cykliczny miał swoją tabelę która posiadała ID zwykłego rachunku. Zorientowałem się jednak, że nie ma to sensu. Rachunek ma swoją…Continue Reading „[HomeWallet] Planujemy”

W tym tygodniu w końcu nastąpiło wdrożenie projektu, o którym już wcześniej pisałem we wpisach. Postanowiłem, że przeleję trochę doświadczeń na ten wirtualny papier. Serwer Zacznijmy od tego, co wdrażaliśmy. Jest to projekt ASP.NET MVC który ma stronę dla użytkownika oraz dodatkowo panel administratora, który jest dostępny po  zalogowaniu się na konto. Dodatkowo projekt posiada Web API. Początkowo było ono oddzielnym projektem pisanym w .NET Core, zdecydowaliśmy się jednak połączyć to w całość, bo do dyspozycji mieliśmy jedynie jeden serwer. Wszystko to wspiera baza danych PostgreSQL, która…Continue Reading „[TechOT] Pierwsze wdrożenie”

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 tygodniu kończymy z kolegami pisanie aplikacji mobilnej w Xamarin i postanowiłem napisać trochę przemyśleń.   Dlaczego Xamarin Forms? Jesteśmy w większości .NET’owcami. Na tym można byłoby skończyć argumentację, ale jest więcej. Aplikacja z założenia miała powstać na trzy systemy: Android, iOS i Windows Phone. Z tego ostatniego ostatecznie zrezygnowaliśmy, ale mimo wszystko pisanie dwóch oddzielnych aplikacji robiących zupełnie to samo nie było zachęcające. Dodatkowo w objectiveC/Swift pisaliśmy tyle co nic, bo jedną aplikację na zaliczenie przedmiotu. Dla większości z nas do Javy też daleko….Continue Reading „[TechOT] Xamarin.Forms”

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”

Zbliża się koniec tygodnia, czas opisać prace nad projektem. PostgreSQL z .NET Core Pierwszym krokiem było oczywiście utworzenie nowego projektu. O tym, jak to zrobić, napisałem w pierwszym wpisie NaSzybko. Aby nie musieć zbyt dużo zmieniać w kolejnych wersjach .NET Core, postawiłem na nowe SDK. Projekt utworzyłem poprzez Visual Studio 2017. Po zainstalowaniu nowego SDK na macOS projekt działa na obu platformach. Wszystkie operacje opisywane na blogu będą dotyczyły więc projektów opartych na .csproj. Kolejnym naturalnym krokiem było dodanie istniejącej już bazy danych do projektu. Aby…Continue Reading „[HomeWallet] Pierwszy kod”