27 add widget for dashboards #71
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Introduced a new widget for charger control, including settings and API for fetching charger state. - Updated app.json to include the new widget configuration. - Added necessary dependencies in package.json and package-lock.json for Material Web and Rollup. - Created HTML, CSS, and JavaScript files for the widget's frontend, including responsive design and icon integration. - Implemented functionality to update charger status and settings dynamically. - Added preview images for the widget's UI.
- Added new translations for widget-related terms including cable, chargemode, access, and their states (locked, unlocked, restricted, open). - Updated HTML to utilize localization for displaying widget text dynamically.
- Added a new POST endpoint for locking the charger in app.json and widget.compose.json. - Implemented the lockCharger function in api.js to handle locking logic and device interaction. - Updated index.html to include a button for locking/unlocking the charger with event handling for user interaction.
…ation logic - Added a new PUT endpoint for setting authentication requirements in app.json and widget.compose.json. - Implemented the setAuthenticationRequirement function in api.js to handle device authentication logic. - Updated index.html to include a button for toggling authentication requirements with event handling for user interaction.
- Introduced a new PUT endpoint for setting charging mode in app.json and widget.compose.json. - Implemented the setChargingMode function in api.js to handle charging mode updates for devices. - Updated index.html to include a main FAB for selecting charging modes with mini FABs for options. - Enhanced CSS for FAB styling and animations to improve user experience.
- Introduced a new capability for the charging button in api.js to manage the charging indicator state. - Updated index.html to include a charging indicator overlay that displays based on the charging button capability. - Enhanced CSS for the charging indicator to improve visibility and user experience.
Collaborator
Author
|
|
|
I don't get how it workes? The top picture i get, but how do you add the image off the charger to your dashboard? |
Collaborator
Author
|
It is not published yet. Comes in version 1.10 |
|
Arh, cool, thank you! |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fix #27
Adds dashboards for Pro ang Go chargers (chose device in settings)
Buttons for permanent cable lock, charge mode and authorization required indicator - same as official app
All three engagable with functioning on/off and a menu for the charge mode button.
Animated indicator for when charger is giving power.
Translates automatically to en/no