Dashticz - początki

@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 

@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

@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

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 ?

@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 

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:

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ć.

@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 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,]}

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

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

 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:

 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 ?

@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

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.

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.

 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:

@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,}

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:

 Takie same komendy.

@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ą 

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.

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 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 ?