JS Program wyświetlania wypełnienia tabeli
UI jest:
- tabela, w której każda kolumna to jeden pracownik, a komórki w kolumnie to pacjenci, którzy powinni obejmować tego pracownika.Dla każdego pacjenta określono czas i czas trwania wizyty.(Nazwy zostaną podane później)
Tabela znajduje się w ramce monitoru, aby pokazać, że program jest wykonywany na komputerze.Nad monitorem znajduje się pole z przyciskami do działania i blok informacyjny.- w bloku znajdują się trzy ikony i liczby opisujące stan tabeli.Wszystkie zmiany w tekście towarzyszą łatwej animacji CSS, aby przyciągnąć uwagę użytkownika.Przenoszenie komórek z jednej kolumny do drugiej ma również animację, aby zobaczyć zmiany.Krok do symulacji:
1 .Tabela jest pusta.Istnieje tylko jeden przycisk „Wypełnić”.2 .Przy naciśnięciu, przycisk zniknie, w ciągu 3 sekund pojawia się obracający preloader.Po tym wszystkie komórki są wypełnione danymi.W bloku informacyjnym znajduje się tekst: "9 wycieczek, 62 wizyty, łączny czas 48 godzin".3 .Po przerwie w 2 sekundy pojawia się dodatkowy tekst: "Pracownik A zachorował.Co zrobić z pacjentami? »i przyciski działania: „Dystrybuj”, „Przestań”.Przykłady .CzteryPrzy naciśnięciu "Dystrybuj" komórki kolumny 4 są rozprowadzane w zaplanowanym porządku na inne kolumny.Przy naciśnięciu "Przekaż", czwarta kolumna jest usuwana, a prawe kolumny poruszają się w jedną lewą stronę.W bloku informacyjnym zmienia się tekst.5 .Po przerwie w 2 sekundy pojawia się nowy scenariusz: "Pacient A nie jest dostępny o 10 rano.Przekazać wizytę? »i przyciski działania: „Po obiadzie”, „w ciągu tygodnia”.Wybór "w ciągu tygodnia" -> pacjent z kolumny 3 i 2 komórki jest usunięty.Wybór "Po kolacji" -> komórki kolumny 3 jest przeniesiony tak, aby pacjent A miał czas wizyty po 14.Dynamika jest:
Każda komórka (pacient) ma czas wizyty, na przykład 10.24 - 10.35.
Kiedy komórki zmieniają się w pozycji, czas wszystkich pacjentów musi być dostosowany.Aby nie zmęczyć się z odliczeniem, łatwiej jest utworzyć poszczególne pliki statusu tabeli w każdym kroku i ręcznie spędzić czas.Zmiana tabeli powoduje, że nowe dane są czytane i wyświetlane.Wymagania do wyniku:
- na wyjściu muszą być 3 pliki: js, css, html, aby łatwo wstawić do bieżącego projektu.W HTML, jako demo-strona, pobiera się biblioteka react i napisany przez Ciebie kod js.- Nie minimizowany, czytelny kod, bez użycia ciężkich freyworków typu create-react-app.- można korzystać z dodatkowych bibliotek, chyba że nie przekraczają 200k.- cała aplikacja o szerokości i wysokości zajmuje 100% strony
Nie potrzeba odpowiedniego skaliowania, ale odpowiedniego skaliowania tabeli.99% użytkowników ogląda ten program na komputerze.
Opinia zleceniodawcy o współpracy z Artyom Zinatulin
JS Program wyświetlania wypełnienia tabeliDobrze i szybko wykonana praca. Dużo dziękuję.
Opinia freelancera o współpracy z Ihor Savchenko
JS Program wyświetlania wypełnienia tabeliWszystko jest świetne! Dziękuję za współpracę!
-
310 24 0 1 Dzień dobry, zainteresowałem się Twoim projektem.
Jestem projektantem internetowym z 3-letnim stażem.
Znajomość aplikacji: Python, JS, PHP.
Ramy: laravel, django, vue, Electron Biblioteki: react, jq, bootstrap.
CMS: Wordpress, Tilda i OpenCart.
Portfel jest dostępny w profilu. Jeśli potrzebujesz więcej przykładów, proszę o informację. Podaję w odpowiedzi (w tym wszystkie niezbędne pliki i dostęp).
…
GITHUB - http://github.com/romych97/
Mam nadzieję na Twoją odpowiedź.
z szacunkiem
-
177 Pozdrawiam Igor.
Mogę tworzyć i programować Twój program przeglądarki jakościowo i w terminie.
Posiada ponad rok doświadczenia w front-end. Wyróżnił i nie zaprogramował jednej strony internetowej. Kod napiszę na czystej JS, ponieważ program nie jest duży i react będzie nadmiernym obciążeniem.
Więcej szczegółów możemy omówić w kwestii LS, skontaktuj się.
-
33 Dzień dobry . Proponuję wyjaśnić TZ w osobistym liście. Będę z przyjemnością współpracował
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Poprawić CSS/DOM-układ kart w rozszerzeniu Chrome dla lokalizacji D&D BeyondJest to rozszerzenie Chrome Manifest V3, które lokalizuje stronę D&D Beyond na język ukraiński. Projekt napisany jest w TypeScript + WXT. Rozszerzenie działa poprzez skrypt zawartości: znajduje angielski tekst na stronach D&D Beyond i zastępuje go ukraińskim tłumaczeniem.… Układ HTML i CSS, Javascript & Typescript ∙ 1 dzień 12 godzin temu ∙ 38 ofert |
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 265 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 21 godzin temu ∙ 99 ofert |
Animacje Gsap
82 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 3 godziny temu ∙ 21 ofert |
Komercyjna platforma wideokonferencyjna on-premise „ViM”Wymagana jest opracowanie systemu wideokonferencyjnego on-premise z podstawowym obliczeniem na 100 jednoczesnych połączeń (10 izolowanych pokoi po 10 osób). Platforma powinna mieć wbudowaną architekturę do przyszłego poziomego skalowania do 1000 użytkowników poprzez dodawanie… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 22 godziny temu ∙ 32 oferty |
Szukam mentora z Claude Code do uruchomienia projektu internetowego od zera**Krótko o zadaniu:** Jestem nowicjuszem bez doświadczenia w programowaniu. Mam gotowe TŻ na rozwój strony (42 strony, Next.js, PostgreSQL). Chcę zrealizować to samodzielnie za pomocą Claude Code - potrzebuję specjalisty, który skonfiguruje środowisko i nauczy mnie pracy z… Javascript & Typescript, Edukacja ∙ 4 dni 2 godziny temu ∙ 18 ofert |