TileBoard 介绍
TileBoard 一个简单但高度可配置的HomeAssistant仪表板。
配置
config.js 将使用以下字段初始化全局CONfig对象：
var CONfig = {
/* customTheme: specify a custom theme for your dashboard
* Valid options: null,CUSTOM_THEMES.TRANSPARENT,CUSTOM_THEMES.MATERIAL,CUSTOM_THEMES.MOBILE,CUSTOM_THEMES.COMPACT,CUSTOM_THEMES.HOMEKIT,CUSTOM_THEMES.WINPHONE,CUSTOM_THEMES.WIN95 or a custom theme you have created
* Default: null. Array supported
*/
customTheme: null,
/* transition: The transition effect used between Pages
* Valid options: TRANSITIONS.ANIMATED,TRANSITIONS.ANIMATED_GPU,TRANSITIONS.SIMPLE
*/
transition: TRANSITIONS.ANIMATED,
/* tileSize: The default size (in pixels) of a tile */
tileSize: Number,
/* tileMargin: The default margin (in pixels) between tiles */
tileMargin: Number,
/* entitySize: Enum size of tile's content (SMALL,norMAL,BIG)*/
entitySize: ENTITY_SIZES.norMAL,
/* groupMargincss: css margin statement to override the default margin for groups */
groupMargincss: '20px 40px',
/* serverUrl: The URL to your HomeAssistant server */
serverUrl: 'http://hassio.local:8123',
/* wsUrl: The URL to your HomeAssistant Websocket connection.
* If HomeAssistant is behind SSL,replace ws:// with wss://
*/
wsUrl: 'ws://hassio.local:8123/api/websocket',
/* authToken: Optional Long live token that you can create in your HomeAssistant
*/
authToken: null,
/* pingConnection: Set to false disable pinging of the websocket connection.
* Otherwise,a ping will be sent every five seconds,and if a response is not received in 3 seconds,
* a reconnect will be attempted. If not included in the config file,setting defaults to true.
*/
pingConnection: true,
/* debug: Toggle for extra debugging @R_352_4045@ion.
* If enabled,will print info about state changes and entities to console.
*/
debug: Boolean,
/* timeFormat: 12 for AM/PM marker,24 for 24 hour time (default) */
timeFormat: Number,
/* Google Api key is required if you are using device tarcker tiles along with Google Maps.
* More info here: https://developers.google.com/maps/documentation/maps-static/usage-and-billing
*/
googleApiKey: null,
/* menuPosition: LEFT (default) or BottOM */
menuPosition: MENU_POSITIONS.LEFT,
/* hideScrollbar: Hiding horizontal scrollbar */
hideScrollbar: false,
/* groupsAlign: Align groups HORIZONTALLY (default) or VERTICALLY */
groupsAlign: GROUP_ALIGNS.HORIZONTALLY,
/* pages: A list of page objects. See documentation on Pages below */
pages: [],
/* events: A list of events. See documentation on Events below */
events: [],
/* screensaver: A digital picture frame with a clock. Appears when
* the dashboard has been idle
* https://github.com/resoai/TileBoard/wiki/Screensaver-configuration
* (optional)
*/
screensaver: {
/* timeout: Idle time (in seconds) before the screensaver will show */
timeout: 300,
/* slidesTimeout: Amount of time (in seconds) to show each slide */
slidesTimeout: 10,
styles: { fontSize: '40px' },
/* read more in wiki */
leftBottom: [{ type: SCREENSAVER_ITEMS.DATETIME }],
/* slides: Array of paths to pictures. */
slides: [
{bg: 'images/bg1.jpeg'},
{bg: 'images/bg2.png'},
{bg: 'images/bg3.png'}
]
},
/* header: object of header. Will be applied globally
* https://github.com/resoai/TileBoard/wiki/Header-configuration
* (optional)
*/
header: DEFAULT_HEADER,
}
网站地址:https://youtu.be/L8JwzWNAPr8
GitHub:https://github.com/resoai/TileBoard
网站描述:一个简单的可定制的类似 Windows UI 框架
TileBoard
官方网站：https://youtu.be/L8JwzWNAPr8
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。