TileBoard折腾分享和问题求助

Anooki

入坑tileboard几天，论坛摸索了几天，在大佬的指导下，终于有个雏形了。国际惯例，先上图


就是简单的配置了下，css都没有改，毕竟作为小白，不熟悉的东西晚点再弄。

路况信息，参考了@lidicn的插件，帖子在这里百度路况V3修复bug
这里自己修改了插件，原来路况信息是{road_dict:'road_name:traafic_status'}
但是我想做的效果是title：road_name，value：traafic_status，
不知道在config.js怎么把'road_name:traafic_status'拆开（问题一：有没有大佬指导一下）
所以修改了py文件，改成了{road_dict:{'road_name':road_name, 'traafic_status':traafic_status}}
油价信息，参考了@evantalk，帖子在这里自用的最新油价插件，奉献给论坛
这里的插件也修改了下，主要是tips的内容比较多，不知道怎么拆分（同问题一），
所以自己增加了下次油价更新日期，变化趋势和调整金额

其他基本就是原始配置，还有几个问题，希望大佬们能指点下：
问题二：左上角那个星期怎么改中文，之前看的说改这个文件www\tileboard\scripts\vendors\angular.min，
现在这个文件好像取消了。
问题三：右上角那个天气-多云怎么跑到第二行去了，怎么调都不行，config.js的配置如下
问题四：就是窗帘用slider控制，谁说可以控制，但是无法获取窗帘当前位置，每次刷新都在0的位置，这个有人知道怎么解决吗？
问题五：能不能自定义图标呢，感觉mdi的图标还是不够用？
问题六：config.js能用判读语句吗，比如温度小于15度，状态是冷，15-25度，状态是舒适，大于25度，状态是热？
问题七：左上角用彩云天气获取的降雨信息，怎么能在TYPES.TEXT_LIST里面显示完整呢，现在只能显示一部分文字？
问题八：拆机刷了固件的DC1，我之前用树莓派连上了，数据都可以获取的到，现在换成群辉的docker，怎么就获取不了数据呢？
问题太多了，还要折腾好久，里面的热水器、洗衣机和摄像头都是做的样子，还不知道咋连接

mmygo

做的比我好，我参考一下
问题二，好像这位置改，我的是太集中的
   header: { // https://github.com/resoai/TileBoard/wiki/Header-configuration
      styles: {
                 
         margin: '5px 156px 0',
         fontSize: '28px'
      },

mmygo

问题三我也找不到，
问题四，我是直接可以获取到位置的
                                    {
                     position: [0.75, 2.25],
                                         width: 0.75,
                     height: 0.75,
                     id: 'cover.livingroom_cover',
                     title: '客厅窗帘',
                     subtitle: false,
                     type: TYPES.SLIDER,
                     //unit '%',
                     state: false,
                     field: 'position',
                     bottom: false, // puts slider on bottom,
                     value: '&cover.livingroom_cover.attributes.current_position',
                     slider: {
                        max: 100,
                        min: 0,
                        step: 1,
                        title: "Position",
                        field: "current_position",
                        value: '&cover.livingroom_cover.attributes.current_position',
                        request: {
                           type: "call_service",
                           domain: "cover",
                           service: "set_cover_position",
                           field: "position"
                        }
                     }
                                  },

问题五，可以放自己的图标到WWW下，再引用

Anooki

mmygo 发表于 2020-11-3 19:55
问题三我也找不到，
问题四，我是直接可以获取到位置的
                                    {

好的，感谢了，我来试试

yinghu183

做的比我的好，问题八应该是width的问题，设置宽一些就能显示完全，我测试过左边的字不会超过总宽度的一半，这个不懂是哪里限制的，我不会，所以我只能要么加宽要么减少字数。
另外楼主介意分享下config么，我照着示例弄的空调面板不能控制开关，只能在开启空调后调整温度，模式都调不了，谢谢。

yinghu183

mmygo 发表于 2020-11-3 19:55
问题三我也找不到，
问题四，我是直接可以获取到位置的
                                    {

你好请教下引用自定义图标怎么操作，放进WWW里的图标格式有要求吗？SVG还是图片格式都可以？又如何引用呢？
比如下图中的icons要引用WWW文件夹中的图标该怎么写呢？谢谢你！

Anooki

yinghu183 发表于 2020-11-3 20:12
做的比我的好，问题八应该是width的问题，设置宽一些就能显示完全，我测试过左边的字不会超过总宽度的一半 ...

空调也只是个样子，家里空调还没买呢，等双十一

evantalk

第6个问题，可以通过filter函数解决的
官方给的例子是修正保留小数1位，你可以修改成更具不同的数值返回不同的文字
{
   position: [0, 0],
   type: TYPES.SENSOR,
   title: 'Outdoor',
   id: 'sensor.outdoor_temperature',
   unit: 'C', // override default entity unit
   state: false, // hidding state
   filter: function (value) { // optional
      var num = parseFloat(value);
      return num && !isNaN(num) ? num.toFixed(1) : value;
   }
}

Anooki

mmygo 发表于 2020-11-3 19:55
问题三我也找不到，
问题四，我是直接可以获取到位置的
                                    {

我在www下建了一个icon文件夹，试了一下，好像还是不行

                        {
                            position: [0, 0],
                            width: 0.66,
                            height: 0.66,
                            type: TYPES.SWITCH,
                            //id: "switch.lights",
                            id: {state: 'off'}, // replace it with real string id (e.g. "switch.lights")
                            state: false,
                            title: '客厅灯带',
                            icons: {'off': 'icon/light_01.png', 'on': 'icon/light_01.png'}
                            //icon: 'icon/light_01.png'
                        },

复制代码

mmygo

Anooki 发表于 2020-11-4 15:50
我在www下建了一个icon文件夹，试了一下，好像还是不行

好像应该是 /local/icon/