Code Monkey home page Code Monkey logo

domoticz-aurora-theme's Introduction

Aurora theme

This is a theme for Domoticz. It's a darker coloured theme, which can be used well in the evening. It adds a lot of features to Domoticz via javascript.

If you would like to be the new maintainer of the theme, create an issue in the issue queue.

I am no longer supporting this theme, as I have switched from Domoticz to Candle.

https://www.candlesmarthome.com

I will look at and incorporate pull requests, but I will not actively fix bugs.

Installing

Option 1: With the Domoticz Theme manager plugin: https://github.com/galadril/domoticz-theme-manager

Option 2: Manually

On your Raspberry Pi, go into the Domoticz directory via the terminal:

cd domoticz/www/styles
git clone https://github.com/flatsiedatsie/domoticz-aurora-theme.git aurora
sudo /etc/init.d/domoticz.sh restart

Updating

cd domoticz/www/styles/aurora
git pull

General features

Show Version Number

This permanently shows the Domoticz version number, not just on mouse-over.

Dashboard Move Sun

This moves the sun-up and sun-down times indicator to the footer.

Center Popups

Sometimes items that pop-up, like colour selectors or thermostat setpoints, go off the screen. This forces them to be in the middle of the screen. Useful on smaller screens.

Item grid changes

Dashboard Vertical Columns

This feature will create vertical columns on your dashboard, one for each sensor type. BUT this feature only springs into action if you have enough horizontal space for the amount device-types that you have. So for 5 columns you need at least a 1300 pixels wide screen, for example. This feature works for both the normal and compact display option.

Dashboard Merge temperature and weather

This merges these two categories into one "environment" category. Weather items are shown at the top. This is very useful if a vertical columns display is used.

Item display changes

Dashboard Highlights

This super-sizes the first three items for each category. You can use this to highlight some of your devices, or give their buttons a little more breathing room. This only works for the normal view, because the compact view is about saving space. This can be combined with Vertical Columns, but will create some strange behaviour if you have selected Variable Items Per Row, as it only enlarges the first three items of each category (for now).

Dashboard Show Last Update

Enable this if you want items on the dashboard to also display the time they were last updated.

Dashboard Merge Items With Same Name

This merges items that have the same name before a dash. It places all their data into the list of data outputs, and uses the parts after the dash as the name for those values. For example:

MiFlora plant 1 - Moisture
MiFlora plant 1 - Light level

..would be merged into one item with the new name "MiFlora", and it would display data called "Moisture" and "Light Level". The feature will only merge simple items with just one data value.

Menu options

Navigation Main Sidemenu

This moves the main menu to the left side of the screen. It works best for wide screens (about 980 pixels wide is my recommendation). It is automatically disabled for mobile phones.

Settings Sidemenu

Instead of the tabs at the top of each settings page, you get a sidebar instead. It stays in place. This includes the 'save' button, so you always have easy access to that. Works well with both the menu at the top or the side menu.

Extra options

Dashboard Data Visualizations

This overlays a datavisualisation for certain items. They get complete charts for the past 24 hours. The data is pruned, so the vizualisation isn't very precise. But it's good enough. It also addssmall "day" / "month" buttons to change the visualised date range.

Extra's and Animations

Adds some pretty details like barometer backgrounds and small animations on icons.

domoticz-aurora-theme's People

Contributors

2bbe avatar afer92 avatar dewgew avatar f1oat avatar flatsiedatsie avatar galadril avatar m-m3on avatar ridderr avatar robvanuden avatar xztraz avatar

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

Watchers

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

domoticz-aurora-theme's Issues

Missing visualizations of data

image
When I changed from day to month I dont get any graph for water flow and the text "month" is not correct aligned.
When I do Full screen it correct itself, both graph and position for "month".

Chrome, version 71.0.3578.80 on Windows 10

new tab cam

hello
I've been using aurora theme for some days now and I feel good.
Do you think it is possible to add a tab where you can insert an iframe link?
I would like to insert a page that I use for cameras with motioneye this would allow you to have a complete view of the house.
Thank you

Show three highlighted items

Hi, Super theme. I want to have more like 3 big items. I managed to have 9. Only i can not do the 9x highcharts to run.
Can you implement the possibility to chose the number how many items to be Highlighted?

Buttons don't work to jump to graphicz

image

When i click on one of the icons in the past the graphs were shown - now nothing happens - some icons of the Weather still works (like rain, uv etc)
Is it possible to fix this (I work with latest beta of Domoticz on RPi - tried some browsers - every browser has the same issue (firefox, chrome etc)

Looks like the icons don't have the link to the graph when they get combined to one tile (due to the same name)

Thank you in advance,
Peter

merged sensors change look when refreshed(autorefresh)

after say 30 seconds merged items expand to larger size

image

seem to be this refresh

THEME JS - clock: tick tock
custom.js:939 //ajax devices
custom.js:942 -------------
custom.js:943 THEME JS - ajax listener: devices update
custom.js:946 THEME JS - ajax: observer: fresh JSON for devices
custom.js:947 (3) [{…}, {…}, {…}]
custom.js:949 fresh json, starting in 20 milliseconds.
custom.js:1195 Dividers exist but have not been merged. Running improvements.
custom.js:1214 inside mergeDividers
custom.js:1261 THEME JS - improveClasses starting, currentPage = dashboard
custom.js:1371 THEME JS - showing last update in new footer
custom.js:1389 THEME JS - Adding battery icon.
custom.js:1425 THEME JS - inside newData.
2custom.js:1461 THEME JS - found a BR in status output, surgically removing
custom.js:1497 THEME JS - fixing found comma separated data
dashboard_merge_items_with_same_name.js:5 THEME JS - merging items
dashboard_merge_items_with_same_name.js:51 THEME JS - merging: bandlist existed.
dashboard_merge_items_with_same_name.js:102 merging: bandleader already prepared
custom.js:1585 THEME JS - newdata: updating battery level info for Ute-Temp
custom.js:1617 THEME JS - hiding Dew Point data
custom.js:1585 THEME JS - newdata: updating battery level info for Ute-Vind
custom.js:1617 THEME JS - hiding Dew Point data
custom.js:1585 THEME JS - newdata: updating battery level info for Energi
custom.js:1617 THEME JS - hiding Dew Point data
dashboard_merge_items_with_same_name.js:5 THEME JS - merging items
dashboard_merge_items_with_same_name.js:51 THEME JS - merging: bandlist existed.
dashboard_merge_items_with_same_name.js:102 merging: bandleader already prepared
dashboard_show_data_visualizations.js:18 THEME JS - dataviz is enabled
custom.js:1891 THEME JS - clock: tick tock

Low batt issue

Hello,

I had a low batt on a sensor today, and I discovered two things:
1- The yellow is not really obvious: I prefer if I can identify the sensor very easily, and it is not the case here.
2- The battery display shows a "ghost" status in addition of the main one. don't know if it is on purpose...
image

Menu Bar (vertical) not hiding on touch devices

When you push a button on the vertical menu bar on a tablet (for example), the menu bar is displaying all texts, which is correct, but is never hidind after that, except if you touch the screen again somewhere else.

I have absolutely no clue on how change that but I rise the point because it would be good to have this fixed.
Thanks for this already excellent work !

New beta event editor

The new beta contains an updated version of the event editor.
But the current version of aurora doesn't show that page correctly (see screenshot)

image

image

So at this moment, you can't update events (scripts) with this theme

Dataviz on dashboard

Dear! I am not able to see on the dashboard dataviz function, in the settings I cehcked "Show datavisualizations on dashboard" but no way to see any graph!
Any Idea?

Bad formatting within a tile

clipboard02

This effect is randomly occuring. Normally the symbol and the data are on one line
This is within the dashboard. And what is the battery symbol doing there ?

Selected color scheme not applied to all tabs

Hi, I selected a middle blue as a background and white text. This appears correctly in all the Tabs (Switches, Scenes, Dashboard, Temerature etc.) but not in the Utility Tab where the text color is black instead of white.

Dashboard selector switch alignment

There is a issue with the alignment of the selector switches and icons. There is a overlapping of the switches and the icons as you can see below:
image

Tiles width too large

See below some issues with tiles width, and the parameters I have if that can help to solve the issue.

Thanks.

jeanclic.

2018-01-10 17_27_37-domoticz_dashboard
2018-01-10 17_27_37-domoticz_themeoptions

Login page default

Hello. I follow wiki to install aurora theme.

At my first start, i have this lol
image

Missing spaces in mobile view

Hi,
there are missing spaces in mobile view for Temperature + humidity sensors:
mobile
I think, that better is: "0.6°C 91%" (no space between number and unit)

Alignment of icon

image

Should the icons be aligned?
Some of them are to the right and some are closer to middle.

Uservariable theme-aurora-styling does not exis

Having installed the theme from git, and cleared browser cache, on saving any theme changes I get:

message: "Uservariable theme-aurora-styling does not exist", status: "ERR",…}
message: "Uservariable theme-aurora-styling does not exist"
status: "ERR"
title: "UpdateUserVariable"

Wrong icon in devices page

Under devices, milight bulp icon is bulp when its not on, when turning on, it changes its icon to switch icon.
milight_bulp

Theme settings button gone in Domoticz v 3.8946 (beta)

from forum:
https://www.domoticz.com/forum/viewtopic.php?f=8&t=20960&p=172589#p172589

Post by Eoreh » Sunday 25 February 2018 15:10

Domoticz Version: 3.8946
I update today to this version beta domoticz, and we lost button "Theme" in settings. I think cos.
I also check in new version Aurora the same problem.
Of course i clear all cache.

EDIT: becouse jquery in domoticz upgrade to ->jquery-3.3.1.min.js
and from version jquery 3.0 .andSelf() removed, and we have to use .addBack()

image

Blinds device cannot be grouped

Tried to group bedroom lights, temperature and blinds together using "same name" method. This did not work, lights and temperature did merge, blinds stayed separate..
blinds

Temperature + Humidity

Hi,
is it possible to make temperature and humidity value bigger? Now there is humidity status and dew point biggest text, but I think, that main is current temperature and humidity.
dashboard
Something like this:
dashboard2

Mobile and dashboard view at mobile devices

Hi,
is it possible to change styles for mobile phones? Use current "Dashboard view" as "mobile view" and desktop (tablet) dashboard (with one column) as "Dashboard view"?
Current setup (mobile - dashboard view)
Current mobile Current dashboard
New setup (mobile - dashboard)
New mobile New dashboard

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.