Git Product home page Git Product logo

dashticz_v2's Introduction

Dashticz

Alternative dashboard for Domoticz.

The Dashboard of Domoticz is quite powerful. The disadvantage is that it's only possible to show information known in Domoticz. There is where Dashticz steps in. Dashticz is able to show (almost) all Domoticz information. In addition to that it's possible to show information from all kind of other sources.

Screenshots

alt tag

Installation instructions

See https://dashticz.readthedocs.io/en/master/gettingstarted/

Documentation and support

Documentation can be found on: https://dashticz.readthedocs.io

For additional information and support please visit the Dashticz forum: https://www.domoticz.com/forum/viewforum.php?f=67

Additional info

This currently is the active Dashticz repository. Previous repositories (dashticz/dashticz_v2 and dashticzv3/dashticz_v3) will not be updated anymore.

dashticz_v2's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dashticz_v2's Issues

Dashboard can't handle short log from 7 days

When domoticz is set to a short log from 7 days the dashboard is extremely slow and sometimes crashed. Also is is displaying in format which can't be read:
2017-04-30 12_50_44-dashticz

Maybe an option to scroll between days (same as Eneco Toon) would be an option to solve this.
1 day view as a line graph
a week and month as a bar graph.

Use only local resources.

While debugging the code i saw, beside all the local connection, that there is one resource which is not loaded locally but directly from Google.

I'm talking about main.js, Line 38:
$('<link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">').appendTo("head");

I would prefer a local solution, as Google Fonts is Open Source and you could save the stylesheet directly to the css folder.

Custom background images in custom folder [enhancement]

Suggest to put custom background images in the custom folder (eventually maybe even in a subfolder images or img to stay in line with the dir structure). This way custom images won't be overwritten when the folder is updated/replaced with a new version of the dashboard. This requires the path to the custom images to be set in config.js as part of the configuration.
Current (line 156, main.js):
if(typeof(screens[s]['background'])!=='undefined') screenhtml+='style="background-image:url(\'img/'+screens[s]['background']+'\');"';
Suggestion (line 156, main.js):
if(typeof(screens[s]['background'])!=='undefined') screenhtml+='style="background-image:url('+screens[s]['background']+');"';

Display graphs error when changing range [bug]

Graphs are displayed correctly. However when the range is changed (from Today 'vandaag') to another range. The graph disappears and only the header remains.

System: Windows 10 desktop. Browser: Chrome

AddThermostatFunction not working from custom.js

The addThermorstatfunction is not working if called from custom.js:

thermelement = ('.thermostat'+random);
addThermostatFunctions(thermelement); 

in the function the click event handler have to be changed to let it work:

Correct code:

function addThermostatFunctions(thermelement){
							
	//$(thermelement+' .btn-number').click(function(e) {
==>	$(document).delegate((thermelement+' .btn-number'),"click",function(e){	<====
		sliding=true;
	  fieldName = $(this).attr('data-field');
	  type = $(this).attr('data-type');
	  var input = $(thermelement+" strong");

Add iCal support for Calendar plugin

Need to develop an advanced plugin for Calendar plugin (with iCal support, so you can use any Calendar application which support it: Apple Calendar, Google Calendar etc.).

RGB color selector

Would like to have possibility to change RGB bulb/strip color same way as dimmer works now, possible double slider, upper dimmer, lower for color.

maps issue

I could find it on the issue list, but I get an error when showing (traffic) maps.

It is a dutch error, sorry:

Oeps! er is iets misgegaan
google maps is niet correct geladen, zie de javascript-console voor technische details.

I do get a map, only for a single or two seconds.

UPDATE:
Was no maps or dashticz issue.
was a not correct apikey. ( i can not read manuals...)

Changing dimmer slider turns bulb on, but not dashticz bulb icon

Changing dimmer slider position turns bulb on, but not dashticz bulb icon

{
"ActTime" : 1494065994,
"ServerTime" : "2017-05-06 13:19:54",
"Sunrise" : "04:59",
"Sunset" : "21:42",
"result" : [
{
"AddjMulti" : 1.0,
"AddjMulti2" : 1.0,
"AddjValue" : 0.0,
"AddjValue2" : 0.0,
"BatteryLevel" : 255,
"CustomImage" : 0,
"Data" : "Off",
"Description" : "",
"Favorite" : 1,
"HardwareID" : 7,
"HardwareName" : "Mi Light",
"HardwareType" : "Limitless/AppLamp/Mi Light with LAN/WiFi interface",
"HardwareTypeVal" : 22,
"HaveDimmer" : true,
"HaveGroupCmd" : false,
"HaveTimeout" : false,
"ID" : "1",
"Image" : "Light",
"IsSubDevice" : false,
"LastUpdate" : "2017-05-06 13:16:19",
"Level" : 45,
"LevelInt" : 45,
"MaxDimLevel" : 100,
"Name" : "MiLight Bridge",
"Notifications" : "false",
"PlanID" : "11",
"PlanIDs" : [ 11 ],
"Protected" : false,
"ShowNotifications" : true,
"SignalLevel" : "-",
"Status" : "Off",
"StrParam1" : "",
"StrParam2" : "",
"SubType" : "RGBWW",
"SwitchType" : "Dimmer",
"SwitchTypeVal" : 7,
"Timers" : "true",
"Type" : "Lighting Limitless/Applamp",
"TypeImg" : "dimmer",
"Unit" : 5,
"Used" : 1,
"UsedByCamera" : false,
"XOffset" : "676",
"YOffset" : "15",
"idx" : "123"
}
],
"status" : "OK",
"title" : "Devices"
}

Slider change event for Dimmer device

In addition to slide event for 'SwitchType']=='Dimmer'; add change event in main.js script :
change:function( event, ui ) {
slideDevice($(this).data('light'),ui.value);
}
Thus we can use a javascript function for updating dimmer value, without using mouse

Standby screen

columns_standby[1]['blocks'] = ['clock','currentweather_big','weather',5]

'currentweather_big','weather',5 ect, only work in the standby screen when the are also used in the columns section.
If there not used in the columns the will not show up in the standby screen.

Example:
This don't work:
columns[2]['blocks'] = ['blocktitle_2',14,23,9,12,19]
columns_standby[1]['blocks'] = ['clock','currentweather_big','weather',5]

This works:
columns[2]['blocks'] = ['blocktitle_2',14,23,9,12,19,'currentweather_big','weather',5]
columns_standby[1]['blocks'] = ['clock','currentweather_big','weather',5]

When (outside) temperature drops below zero

Not an issue, but a request for an enhancement:

When a temperature reading drops below zero, could the value be in blue (or whatever color you like) ? Like a warning for frost when you have to leave home by car.

Selectable by the user (var _USE_TEMP_COLOR = "#F0F0F0"; or something like that). If not set, use default.

Graphs on _1 and _2 devices

I have the following block:
columns[2] = {}
columns[2]['blocks'] = ['blocktitle_Verbruik','281_1','281_2','282']
columns[2]['width'] = 6;

Device 281 is the powerusage and 282 the gas usage.
When I click the gas block the graph is showing in a popup. When I click the power blocks the graph isn't showing, probably because of the _1 and _2, is it possible to show the graph also at these kind of blocks?

Graph annotations

graphs are showing a different annotation when hovered over the datapoints. E is using 0,0 and G 0.0. Water in my case is completely of. Should be in Liters (as is the header), now showing liters/1000. Might be that this is best set as a config item for the various types of water measurement.

Skycons

Using skycons for weather icons

Custom crossorigin.me server [idea]

Maybe everybody should run they own crossorigin.me server? I got it working, since it is an open source project.

...maybe we should make 'https://crossorigin.me' into a configurable variable in CONFIG.js =>>>> _CROSS_PROXY_URL = '' so everybody can set they own cross proxy server (=or run it's own)?

Install node & npm:

curl -sL https://deb.nodesource.com/setup_7.x | sudo -E bash -
sudo apt-get install -y nodejs
sudo curl -L https://www.npmjs.com/install.sh | sh

Clone crossorigin.me repo:

https://github.com/technoboy10/crossorigin.me.git crossorigin
cd crossorigin
npm install
npm start

...but it's for advanced users only.

Link to a certain screen

I'd like to create a link to the 3rd screen if possible. So when I click my small webcam on the first screen it will show the 3rd screen with a bigger webcam picture.

NZBget

Integate NZBget for showing current downloads

Dimmer slider not changing stated %

As you see, slider is under 50%, but it says 99%. 99% is not changed in any situation ?

slider

{
"ActTime" : 1494065994,
"ServerTime" : "2017-05-06 13:19:54",
"Sunrise" : "04:59",
"Sunset" : "21:42",
"result" : [
{
"AddjMulti" : 1.0,
"AddjMulti2" : 1.0,
"AddjValue" : 0.0,
"AddjValue2" : 0.0,
"BatteryLevel" : 255,
"CustomImage" : 0,
"Data" : "Off",
"Description" : "",
"Favorite" : 1,
"HardwareID" : 7,
"HardwareName" : "Mi Light",
"HardwareType" : "Limitless/AppLamp/Mi Light with LAN/WiFi interface",
"HardwareTypeVal" : 22,
"HaveDimmer" : true,
"HaveGroupCmd" : false,
"HaveTimeout" : false,
"ID" : "1",
"Image" : "Light",
"IsSubDevice" : false,
"LastUpdate" : "2017-05-06 13:16:19",
"Level" : 45,
"LevelInt" : 45,
"MaxDimLevel" : 100,
"Name" : "MiLight Bridge",
"Notifications" : "false",
"PlanID" : "11",
"PlanIDs" : [ 11 ],
"Protected" : false,
"ShowNotifications" : true,
"SignalLevel" : "-",
"Status" : "Off",
"StrParam1" : "",
"StrParam2" : "",
"SubType" : "RGBWW",
"SwitchType" : "Dimmer",
"SwitchTypeVal" : 7,
"Timers" : "true",
"Type" : "Lighting Limitless/Applamp",
"TypeImg" : "dimmer",
"Unit" : 5,
"Used" : 1,
"UsedByCamera" : false,
"XOffset" : "676",
"YOffset" : "15",
"idx" : "123"
}
],
"status" : "OK",
"title" : "Devices"
}

Requests regarding the garbage add-on

Requests:

  • Can we set the amount of days, so we can choose to only see 2, 3 or x days/collect-moments in advance? Configurable in CONFIG.js
  • Can we change the names ourselves in CONFIG.js? (f.i. Gft -> GFT, Pmd -> Plastic, etc.) Configurable in CONFIG.js
  • Can the color of the garbage bin be depending of the sort of garbage (orange when it's plastic, green when it's GFT, grey when it's Rest) ? Configurable in CONFIG.js
  • Can the dates be aligned neatly ? Configurable in CONFIG.js

iFrame height

I noticed the iframe block only grows in width (like the other blocks) where as to be able to fill the block nicely it would also need to grow in height - like for example the web camera block. Is this perhaps something that could be achieved with the custom.css or do you think it might be a good idea to implement this kind of behavior as default? I assume most use cases would benefit form this as otherwise the ratio of the block changes which (in most cases?) makes the iframe source look a bit funny.

auto back to screen 1

When scrolling, dashticz returns to the swipeback_to screen even with activity.
and also, when scrolling to in my case screen 5 ( i only have 4 screens, so I scrolled round) it will go back to screen 1.

Using undefined _EDIT_MODE in main.js

Since the newest update of main.js, it is not possible to use Dashticz because of an error in line 126. _EDIT_MODE is checked there, but not if undefinied, only if its true.
Console reports that there is no _EDIT_MODE, so the check results in an error and therefore the Dashboard does not load anymore.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.