Dashticz - początki
 
Powiadomienia
Wyczyść wszystko

Dashticz - początki

39 Wpisów
2 Użytkownicy
0 Likes
2,593 Wyświetleń
Daro1003
(@daro1003)
Wpisów: 758
Mistrz Patron Strony Donator 2K19, Donator 2K20, Donator 2K21, Donator 2K23
Autor tematu
 

Witam

Zamontowany został u mnie ekran na ścianie z dashticzem na RBPI 4.

Dodane switche z domoticza na pierwszym ekranie.

Oczywiście studiuję po kilka razu instrukcje z https://dashticz.readthedocs.io/en/master/ ale nie na wszystko znajduję tam odpowiedzi.

Na początek:

W instrukcji podane jest że stylizację można zmodyfikować w pliku custom.css który znajduje się w folderze dashticz/custom no ale niestety niema tam tego pliku. Posiadam najnowszą zaktualizowaną wersje V3.9 Master więc gdzie znajdę plik custom.css ?

 

 
Dodane : 03/04/2022 9:45 pm
isom
 isom
(@isom)
Wpisów: 5079
Szef wszystkich szefów Moderator Zasłużony dla Forum, Donator 2K19, Donator 2K20
 

@daro1003 domyślnie po instalacji nie ma tego pliku i należy go sobie stworzyć używając edytora np nano , pierwszy wpis i zapisanie zmian spowoduje że już ten plik będzie w custom 

 
Dodane : 04/04/2022 10:18 am
Daro1003
(@daro1003)
Wpisów: 758
Mistrz Patron Strony Donator 2K19, Donator 2K20, Donator 2K21, Donator 2K23
Autor tematu
 

@isom ok a czy ten plik jesli będzie nie kompletny czy nie wprowadzi mi zamętu w obecnej konfiguracji pulpitu ?

Czy powinny być w tym pliku jakieś standardowe linie ? Jak zacząć ?

Na początek zmiana kolorów żarówek więc:

.block_120 .on {
  color:#FFD700;
}

.block_120 .off {
  color:#fff;
}

Wkopiowałem plik z takim wpisem ale niestety żadnych zmian plik o nazwie custom.css

 
Dodane : 04/04/2022 11:22 am
isom
 isom
(@isom)
Wpisów: 5079
Szef wszystkich szefów Moderator Zasłużony dla Forum, Donator 2K19, Donator 2K20
 

@daro1003 to co wkleiłeś do tego pliku to nie jest zmiana koloru żarówek , to jest akurat zmiana koloru ikony przy On/Off w urządzeniu idx 120.

jak chcesz ogólną zmianę koloru żarówek to 

.fas.fa-lightbulb {
   color:yellow;
}
.far.fa-lightbulb {
   color:#fff;
}

 Oczywiście kolory można sobie dowolnie dostosować z palety HTML , nazw po angielsku lub rgba

 
Dodane : 04/04/2022 11:47 am
Daro1003
(@daro1003)
Wpisów: 758
Mistrz Patron Strony Donator 2K19, Donator 2K20, Donator 2K21, Donator 2K23
Autor tematu
 

No fakt nie dopatrzyłem jest o tym w instrukcji i działa.

 Pytanie mam o układ mam obecnie 5 bloków w jednej poziomej lini - kolumnie (kolumny lecą poziomo dobrze to rozumuje ?) o szerokości 2 więc mam jeszcze miejsce na jeden ale chciałbym zrobić odstęp w pierwszej lini pomiędzy 4 a 5 blokiem. Czy te układy konfiguruje się w css czy w pliku CONFIG.js ?

 
Dodane : 04/04/2022 11:55 am
isom
 isom
(@isom)
Wpisów: 5079
Szef wszystkich szefów Moderator Zasłużony dla Forum, Donator 2K19, Donator 2K20
 

@daro1003 kolumny w dashticz dzielą ekran, czyli kolumna o szerokości 1 zajmuje 1/12  szerokości całego ekranu , kolumna o szerokości 6 zajmnie połowę szerokości. W każdej kolumnie możesz umieszczać bloki o szerokości od 1 do 12 , gdzie blok o szerokości 12 zajmie całą szerokość kolumny, jak dodasz do jednej kolumny dwa bloki o szer 6 to ustawią się obok siebie zajmując całą szerokość kolumny, jak dodasz te same dwa bloki z tym że jeden będzie miał szer 10 a drugi np 3 to ustawią jeden pod drugim z tym że jeden będzie zajmował 3/4 szerokosci a drugi tylko 1/4 

 
Dodane : 04/04/2022 12:05 pm
Daro1003
(@daro1003)
Wpisów: 758
Mistrz Patron Strony Donator 2K19, Donator 2K20, Donator 2K21, Donator 2K23
Autor tematu
 

Już myślałem że zarybiłem ale jednak coś się nie układają bloki jak bym tego chciał. Na obecną chwilę nie potrzebuję nic szczególnego tylko poukładać bloki w miejscach które bym chciał.

Mianowicie tak mam obecnie taki układ:

Dashticz

I tak skonstruowany wpis:

//Definicje kolumn
columns[1] = { blocks : [25,26,31,32,74], width: 12}
columns[2] = { blocks : [68,69,48,49], width: 12}
columns[3] = { blocks : [47,46,50,51], width: 12}
columns[4] = { blocks : [52,56,65,64], width: 12}

 Jeśli dodam w kolumnie 1 kolejny piąty blok to ustawi się w wolnym miejscy obok bloku wiata. Ale chciałbym blok wiata odsunąć od pozostałych i zostawić pustą przerwę taki odstęp.

Zrobiłem więc tak:

//Definicje kolumn
columns[1] = { blocks : [25,26,31,32,], width: 8}
columns[2] = { blocks : [],width: 2}
columns[3] = { blocks : [74,], width: 2}
columns[4] = { blocks : [68,69,48,49], width: 12}
columns[5] = { blocks : [47,46,50,51], width: 12}
columns[6] = { blocks : [52,56,65,64], width: 12}

 Ale niestety nie udało się osiągnąć efektu rozumiem to tak że jeśli dam width 8 więc mam jeszcze dwa miejsca w poziomie bloki mam ustawione na width 2 daje ich 4 szt więc powinny zając 8 miejsc potem daje pustą kolumnę 2 więc razem 10 i kolejną 2 z wiatą co daje 12.

Bedę wdzięczny za wskazówki jak to układać.

 
Dodane : 04/04/2022 9:07 pm
isom
 isom
(@isom)
Wpisów: 5079
Szef wszystkich szefów Moderator Zasłużony dla Forum, Donator 2K19, Donator 2K20
 

@daro1003 pomijając bałagan panujący na tym ekranie , suma szerokości wszystkich kolumn na stronie musi się równać 12. Czyli dodając pierwszą kolumnę o szerokości 12 wypełni ona cały ekran i  to co do niej dodasz ustawi się za ostatnio dodanym blokiem.

Zmień tą konfigurację na taką i zobacz co wyjdzie 

columns[1] = { blocks : [25,26,31,32,68,69,48,49,47,46,50,51,52,56,65,64], width: 8}
columns[2] = { blocks : [],width: 2}
columns[3] = { blocks : [74,], width: 2}

 Zwróć przy tym uwagę na to że 8 + 2 + 2 = 12 i tak ma być 

Dodatkowo wszystkie bloki z pierwszej kolumny mają mieć szerokość 3 , a blok 74 szerokość 12

A na przyszłość podawaj pełną konfigurację bo na ekranie jest więcej bloczków niż w konfigu

 
Dodane : 04/04/2022 9:41 pm
Daro1003
(@daro1003)
Wpisów: 758
Mistrz Patron Strony Donator 2K19, Donator 2K20, Donator 2K21, Donator 2K23
Autor tematu
 
Dodane przez: @isom

@daro1003 pomijając bałagan panujący na tym ekranie , suma szerokości wszystkich kolumn na stronie musi się równać 12. Czyli dodając pierwszą kolumnę o szerokości 12 wypełni ona cały ekran i  to co do niej dodasz ustawi się za ostatnio dodanym blokiem.

Bałagan jest bo właśnie nie mogę skumać jak to ustawiać, jak zrobić odstępy między blokami dodać jakieś opisy. Ale powyższa jest cenna uwaga czyli poniższa konfiguracja jest błędna:

//Definicje bloków
blocks = {}
blocks[25] = { title: 'Salon Żyrandol 1', width: 2,}
blocks[26] = { title: 'Salon Kinkiety', width: 2,}
blocks[31] = { title: 'Lampy Salon 1', width: 2,}
blocks[32] = { title: 'Lampy Salon 2', width: 2,}
blocks[48] = { title: 'Kuchnia 1', width: 2,}
blocks[49] = { title: 'Kuchnia 2', width: 2,}
blocks[50] = { title: 'Kuchnia 3', width: 2,}
blocks[51] = { title: 'Kuchnia Meble', width: 2,}
blocks[68] = { title: 'Nad Stołem 1', width: 2,}
blocks[69] = { title: 'Nad Stołem 2', width: 2,}
blocks[47] = { title: 'Spiżarka', width: 2,}
blocks[46] = { title: 'Łazienka', width: 2,}
blocks[52] = { title: 'Wiatrołap', width: 2,}
blocks[56] = { title: 'Korytarz', width: 2,}
blocks[65] = { title: 'Pokój Kamilka', width: 2,}
blocks[64] = { title: 'Pokój Anety', width: 2,}
blocks[63] = { title: 'Sypialnia', width: 2,}
blocks[82] = { title: 'Sypialnia Lampki', width: 2,}
blocks[53] = { title: 'Garderoba', width: 2,}
blocks[54] = { title: 'Łazienka Sypialnia', width: 2,}
blocks[55] = { title: 'Łazienka Syp LEDy', width: 2,}
blocks[60] = { title: 'Biuro 1', width: 2,}
blocks[61] = { title: 'Biuro Lampka', width: 2,}
blocks[83] = { title: 'Sypialnia Lampki 2', width: 2,}
blocks[58] = { title: 'Warsztat 1', width: 2,}
blocks[59] = { title: 'Warsztat Okno', width: 2,}
blocks[78] = { title: 'Warsztat 3', width: 2,}
blocks[79] = { title: 'Warsztat Rozdzielnia', width: 2,}
blocks[80] = { title: 'Warsztat 5', width: 2,}
blocks[81] = { title: 'Warsztat 6', width: 2,}
blocks[38] = { title: 'Pralnia Nad Blatem', width: 2,}
blocks[39] = { title: 'Pralnia', width: 2,}
blocks[37] = { title: 'Pralnia WC', width: 2,}
blocks[40] = { title: 'Garaż', width: 2,}
blocks[57] = { title: 'Kotłownia', width: 2,}
blocks[72] = { title: 'Strych Nad Domem', width: 2,}
blocks[71] = { title: 'Strych Bok Front', width: 2,}
blocks[70] = { title: 'Strych Bok Tył', width: 2,}
blocks[62] = { title: 'Klatka Schodowa', width: 2,}
blocks[57] = { title: 'Kotłownia', width: 2,}
blocks[74] = { title: 'Wiata', width: 2,}
blocks[161] = { title: 'Pod Schodami', width: 2,}
blocks[75] = { title: 'Taras', width: 2,}
blocks[114] = { title: 'Drzwi Wiata', width: 2,}

//Definicje kolumn
columns[1] = { blocks : [25,26,31,32,74], width: 12}
columns[4] = { blocks : [68,69,48,49], width: 12}
columns[5] = { blocks : [47,46,50,51], width: 12}
columns[6] = { blocks : [52,56,65,64], width: 12}
columns[7] = { blocks : [62,57,60,61], width: 12}
columns[8] = { blocks : [63,82,83,161,], width: 12}
columns[9] = { blocks : [53,55,54,40], width: 12}
columns[10] = { blocks : [59,79,39,38], width: 12}
columns[11] = { blocks : [37,72,71,70], width: 12}
columns[12] = { blocks : [], width: 12}
columns[13] = { blocks : [74,75,], width: 12}
columns[14] = { blocks : [114,], width: 12}

//Definicje ekranów - stron
screens = {}
screens[1] = { columns: [1,2,3,4,5,6,7,8,9,10,]}
screens[2] = { columns: [11,12,]}

 

 
Dodane : 04/04/2022 10:54 pm
isom
 isom
(@isom)
Wpisów: 5079
Szef wszystkich szefów Moderator Zasłużony dla Forum, Donator 2K19, Donator 2K20
 

@daro1003 tak kolego ta konfiguracja jest do bani , nawet ekrany są skopane . Zacznij od nowa 

 
Dodane : 05/04/2022 9:42 am
Daro1003
(@daro1003)
Wpisów: 758
Mistrz Patron Strony Donator 2K19, Donator 2K20, Donator 2K21, Donator 2K23
Autor tematu
 

Dzięki @isom zrozumiałem trochę konstrukcję bolków i kolumn i udało mi się ułożyć bloki jak chcę:

Pulpit

 No i nawet udało się wrzucić bloki tytułowe i trochę ich zmodyfikować.

Teraz gdy integruje domoticza z roletami na schelly mam taki wygląd:

W Dashticz

 Całkiem fajny i byłoby spoko gdyby w bloku z suwakiem działał guzik stop. Niestety nie działa natomiast działa on przy ikonie która jest niestety myląca bo przy otwartej jak i zamkniętej rolecie zawsze jest otwarta. Da się coś zaradzić żeby przy suwaku ustawić działanie stopa ?

 
Dodane : 19/04/2022 10:02 pm
isom
 isom
(@isom)
Wpisów: 5079
Szef wszystkich szefów Moderator Zasłużony dla Forum, Donator 2K19, Donator 2K20
 

@daro1003 nie , a to dlatego że w domoticz na kafelku z suwakiem nie masz przycisku stop , w grafice dashticz ten stop jest zintegrowany z przyciskami góra dół i dlatego widzisz go na pulpicie . 

Fajnie że zaczynasz ogarniać ten pulpit

 
Dodane : 19/04/2022 10:06 pm
Daro1003
(@daro1003)
Wpisów: 758
Mistrz Patron Strony Donator 2K19, Donator 2K20, Donator 2K21, Donator 2K23
Autor tematu
 

Ok dzięki za odpowiedz więc trzeba się na coś zdecydować chyba lepiej na blok z suwakiem przynajmniej widać w jakiej pozycji jest roleta.

 
Dodane : 19/04/2022 10:10 pm
Daro1003
(@daro1003)
Wpisów: 758
Mistrz Patron Strony Donator 2K19, Donator 2K20, Donator 2K21, Donator 2K23
Autor tematu
 

Podczas dalszych prac nad pulpitem napotkałem na dwa problemy:

1. Chciałem dodać kontaktron pokazujący stan drzwi w domoticzu siedzi to w "użytkowe" a więc dodaje bloczek z odpowiednim idx no i mam ale bez ikony sama nazwa i pod spodem 1 lub 3 przy otwarciu.

użytkowe

 Dlaczego nie przenosi ikony z domoticza ? Jak to ogarnąć ?

2. Drugi problem to chciałem dodać grupę która odpowiada za sterowanie roletami - czyli guzik centralny no i też podając idx z grupy która za to odpowiada mam bloczek:

grupa

 

 
Dodane : 23/04/2022 8:01 pm
isom
 isom
(@isom)
Wpisów: 5079
Szef wszystkich szefów Moderator Zasłużony dla Forum, Donator 2K19, Donator 2K20
 

@daro1003 do użytkowych musisz sobie sam dodać ikonę i ewentualnie zmapować On Off lub Open Closed . Ikonę dodajesz np tak 

blocks[7] = {title: 'Wejście',icon:'fas fa-dungeon',last_update: false, width: 3,}

Drugi przypadek wygląda mi na dodanie nie tego urządzenia , co masz w urządzeniach z tym samym idx co idx tej grupy ? Pewnie jakiś czujnik pokazujący użycie procesora albo coś podobnego.  Sceny i grupy dodajesz tak jak przykład poniżej gdzie idx grupy to 2

blocks['s2'] = {title: 'Rolety Open/Closed ',icon:'fas fa-power-off', width: 3,}
 
Dodane : 23/04/2022 9:20 pm
Daro1003
(@daro1003)
Wpisów: 758
Mistrz Patron Strony Donator 2K19, Donator 2K20, Donator 2K21, Donator 2K23
Autor tematu
 

Z grupą problem rozwiązany jest ok dodanie przez 's' i ids grupy.

Co do ikon też ok udało się coś wstawić z https://fontawesome.com/icons tylko nie wiem jak wstawić drugą ikonę przy zamianie stanu wejścia czyli on / off a u mnie 1 / 3 w pomocy dashticza nic nie znalazłem jak dwie ikony umieścić w kodzie.

Nie rozumiem tego:

ikona

 Takie same komendy.

 
Dodane : 26/04/2022 11:01 pm
isom
 isom
(@isom)
Wpisów: 5079
Szef wszystkich szefów Moderator Zasłużony dla Forum, Donator 2K19, Donator 2K20
 

@daro1003 pisałem , ale widać mało wyraźnie , najpierw to zrób tak żeby w domoticz zmieniała się ikona tego wejścia , urządzenie typu tekst nie zmienia ikony a takimi są wszystkie wejścia satela. To co widzisz w dashticz to to samo co w domoticz tylko oprawione inną grafiką 

 
Dodane : 27/04/2022 6:11 am
Daro1003
(@daro1003)
Wpisów: 758
Mistrz Patron Strony Donator 2K19, Donator 2K20, Donator 2K21, Donator 2K23
Autor tematu
 

W domoticz jest ikoną i się zmienia zielony trójkąt zamknięte żółty trójkąt otwarte. Ale ikony już nie przenosi do dashticz.

 
Dodane : 27/04/2022 6:32 am
isom
 isom
(@isom)
Wpisów: 5079
Szef wszystkich szefów Moderator Zasłużony dla Forum, Donator 2K19, Donator 2K20
 

Bo dashticz nie obsługuje czujnika typu alert , możesz albo zrobić sobie na podstawie tego czujnika zwykły ON/OFF albo napisać do twórców dashticza żeby dodali obsługę takiego czujnika 

Dashticz traktuje czujnik alert jak czujnik informacyjny typu tekst bo taki ma zaimplementowany 

 
Dodane : 27/04/2022 6:48 am
Daro1003
(@daro1003)
Wpisów: 758
Mistrz Patron Strony Donator 2K19, Donator 2K20, Donator 2K21, Donator 2K23
Autor tematu
 
Dodane przez: @isom

możesz albo zrobić sobie na podstawie tego czujnika zwykły ON/OFF

Czyli zwyczajnie przekonwertować sygnał blokiem jak to robię z czujek alarmowych na przełącznik ?

 
Dodane : 27/04/2022 8:55 pm
Strona 1 / 2
Udostępnij: