TileBoard 介绍
TileBoard 一个 简单但高度可配置的HomeAssistant仪表板。
配置
con fig .js 将使用以下字段初始化全局CON fig 对象：
var CON fig = {
/* 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, nor MAL,BIG)*/
entitySize: ENTITY_SIZES. nor MAL,
/* 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 dis able 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 con fig file,setting defaults to true.
*/
pingConnection: true,
/* debug: Toggle for extra debugging informat 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 B ott OM */
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-con fig uration
* (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 */
leftB ott om: [{ 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-con fig uration
* (optional)
*/
header: DEFAULT_HEADER,
}
网站地址 : https://youtu.be/L8JwzWNAPr8
GitHub: https://github.com/resoai/TileBoard
网站描述: 一个 简单的可定制的类似 Windows UI 框架
TileBoard官方网站
官方网站： https://youtu.be/L8JwzWNAPr8
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。