diff --git a/meshuser.js b/meshuser.js index 0ec18cb6..ccb4dcd9 100644 --- a/meshuser.js +++ b/meshuser.js @@ -3526,7 +3526,7 @@ module.exports.CreateMeshUser = function (parent, db, ws, req, args, domain, use // Event the node change var newMesh = parent.meshes[command.meshid]; var event = { etype: 'node', userid: user._id, username: user.name, action: 'nodemeshchange', nodeid: node._id, node: node, oldMeshId: oldMeshId, newMeshId: command.meshid, msgid: 85, msgArgs: [node.name, newMesh.name], msg: 'Moved device ' + node.name + ' to group ' + newMesh.name, domain: domain.id }; - if (db.changeStream) { event.noact = 1; } // If DB change stream is active, don't use this event to change the mesh. Another event will come. + // Even if change stream is enabled on this server, we still make the nodemeshchange actionable. This is because the DB can't send out a change event that will match this. parent.parent.DispatchEvent(parent.CreateMeshDispatchTargets(command.meshid, [oldMeshId, node._id]), obj, event); // Send response if required diff --git a/public/images/icons100.png b/public/images/icons100.png new file mode 100644 index 00000000..cb2469c5 Binary files /dev/null and b/public/images/icons100.png differ diff --git a/public/images/icons32.png b/public/images/icons32.png new file mode 100644 index 00000000..2cb6df71 Binary files /dev/null and b/public/images/icons32.png differ diff --git a/public/images/leftbar-128.png b/public/images/leftbar-128.png new file mode 100644 index 00000000..55e83c86 Binary files /dev/null and b/public/images/leftbar-128.png differ diff --git a/public/images/webp/icons100.webp b/public/images/webp/icons100.webp new file mode 100644 index 00000000..76563d52 Binary files /dev/null and b/public/images/webp/icons100.webp differ diff --git a/public/images/webp/icons16.webp b/public/images/webp/icons16.webp new file mode 100644 index 00000000..d99cbb45 Binary files /dev/null and b/public/images/webp/icons16.webp differ diff --git a/public/images/webp/icons32.webp b/public/images/webp/icons32.webp new file mode 100644 index 00000000..6fc35558 Binary files /dev/null and b/public/images/webp/icons32.webp differ diff --git a/public/images/webp/icons50.webp b/public/images/webp/icons50.webp new file mode 100644 index 00000000..472f80f0 Binary files /dev/null and b/public/images/webp/icons50.webp differ diff --git a/public/images/webp/leftbar-128.webp b/public/images/webp/leftbar-128.webp new file mode 100644 index 00000000..0ccfe56a Binary files /dev/null and b/public/images/webp/leftbar-128.webp differ diff --git a/public/images/webp/leftbar-64.webp b/public/images/webp/leftbar-64.webp new file mode 100644 index 00000000..31c356ed Binary files /dev/null and b/public/images/webp/leftbar-64.webp differ diff --git a/public/images/webp/notify24.webp b/public/images/webp/notify24.webp new file mode 100644 index 00000000..67f64498 Binary files /dev/null and b/public/images/webp/notify24.webp differ diff --git a/public/images/webp/notify48.webp b/public/images/webp/notify48.webp new file mode 100644 index 00000000..84b7b3da Binary files /dev/null and b/public/images/webp/notify48.webp differ diff --git a/public/styles/style.css b/public/styles/style.css index a0b662d1..6552c314 100644 --- a/public/styles/style.css +++ b/public/styles/style.css @@ -858,17 +858,17 @@ NoMeshesPanel img { box-shadow:none; } -.deviceBatterySmall1 { background: url(../images/batteries24.png) 0px 0px; } -.deviceBatterySmall2 { background: url(../images/batteries24.png) -14px 0px; } -.deviceBatterySmall3 { background: url(../images/batteries24.png) -28px 0px; } -.deviceBatterySmall4 { background: url(../images/batteries24.png) -42px 0px; } -.deviceBatterySmall5 { background: url(../images/batteries24.png) -56px 0px; } -.deviceBatterySmall6 { background: url(../images/batteries24.png) -70px 0px; } -.deviceBatterySmall7 { background: url(../images/batteries24.png) -84px 0px; } -.deviceBatterySmall8 { background: url(../images/batteries24.png) -98px 0px; } -.deviceBatterySmall9 { background: url(../images/batteries24.png) -112px 0px; } -.deviceBatterySmall10 { background: url(../images/batteries24.png) -126px 0px; } -.deviceBatterySmall11 { background: url(../images/batteries24.png) -140px 0px; } +.deviceBatterySmall1 { background: url(../images/batteries24.png) 0px 0px; background-image: -webkit-image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); } +.deviceBatterySmall2 { background: url(../images/batteries24.png) -14px 0px; background-image: -webkit-image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); } +.deviceBatterySmall3 { background: url(../images/batteries24.png) -28px 0px; background-image: -webkit-image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); } +.deviceBatterySmall4 { background: url(../images/batteries24.png) -42px 0px; background-image: -webkit-image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); } +.deviceBatterySmall5 { background: url(../images/batteries24.png) -56px 0px; background-image: -webkit-image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); } +.deviceBatterySmall6 { background: url(../images/batteries24.png) -70px 0px; background-image: -webkit-image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); } +.deviceBatterySmall7 { background: url(../images/batteries24.png) -84px 0px; background-image: -webkit-image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); } +.deviceBatterySmall8 { background: url(../images/batteries24.png) -98px 0px; background-image: -webkit-image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); } +.deviceBatterySmall9 { background: url(../images/batteries24.png) -112px 0px; background-image: -webkit-image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); } +.deviceBatterySmall10 { background: url(../images/batteries24.png) -126px 0px; background-image: -webkit-image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); } +.deviceBatterySmall11 { background: url(../images/batteries24.png) -140px 0px; background-image: -webkit-image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); } .deviceNotifyLargeDot { position:absolute; @@ -1303,6 +1303,7 @@ a { .i1 { background: url(../images/icons50.png) 0px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; cursor: pointer; @@ -1311,6 +1312,7 @@ a { .i2 { background: url(../images/icons50.png) -50px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; cursor: pointer; @@ -1319,6 +1321,7 @@ a { .i3 { background: url(../images/icons50.png) -100px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; cursor: pointer; @@ -1327,6 +1330,7 @@ a { .i4 { background: url(../images/icons50.png) -150px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; cursor: pointer; @@ -1335,6 +1339,7 @@ a { .i5 { background: url(../images/icons50.png) -200px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; cursor: pointer; @@ -1343,6 +1348,7 @@ a { .i6 { background: url(../images/icons50.png) -250px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; cursor: pointer; @@ -1351,6 +1357,7 @@ a { .i7 { background: url(../images/icons50.png) -300px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; cursor: pointer; @@ -1359,6 +1366,7 @@ a { .i8 { background: url(../images/icons50.png) -350px 0px; + background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; cursor: pointer; @@ -1367,6 +1375,7 @@ a { .j1 { background: url(../images/icons16.png) 0px 0px; + background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x); height: 16px; width: 16px; cursor: pointer; @@ -1375,6 +1384,7 @@ a { .j2 { background: url(../images/icons16.png) -16px 0px; + background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x); height: 16px; width: 16px; cursor: pointer; @@ -1383,6 +1393,7 @@ a { .j3 { background: url(../images/icons16.png) -32px 0px; + background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x); height: 16px; width: 16px; cursor: pointer; @@ -1391,6 +1402,7 @@ a { .j4 { background: url(../images/icons16.png) -48px 0px; + background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x); height: 16px; width: 16px; cursor: pointer; @@ -1399,6 +1411,7 @@ a { .j5 { background: url(../images/icons16.png) -64px 0px; + background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x); height: 16px; width: 16px; cursor: pointer; @@ -1407,6 +1420,7 @@ a { .j6 { background: url(../images/icons16.png) -80px 0px; + background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x); height: 16px; width: 16px; cursor: pointer; @@ -1415,6 +1429,7 @@ a { .j7 { background: url(../images/icons16.png) -96px 0px; + background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x); height: 16px; width: 16px; cursor: pointer; @@ -1423,6 +1438,7 @@ a { .j8 { background: url(../images/icons16.png) -112px 0px; + background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x); height: 16px; width: 16px; cursor: pointer; @@ -1469,6 +1485,7 @@ a { .lb1 { background: url(../images/leftbar-64.png) -1px -2px; + background-image: -webkit-image-set(url(../images/webp/leftbar-64.webp) 1x, url(../images/webp/leftbar-128.webp) 2x); height: 62px; width: 62px; cursor: pointer; @@ -1480,6 +1497,7 @@ a { .lb2 { background: url(../images/leftbar-64.png) -66px -2px; + background-image: -webkit-image-set(url(../images/webp/leftbar-64.webp) 1x, url(../images/webp/leftbar-128.webp) 2x); height: 62px; width: 62px; cursor: pointer; @@ -1491,6 +1509,7 @@ a { .lb3 { background: url(../images/leftbar-64.png) -130px -2px; + background-image: -webkit-image-set(url(../images/webp/leftbar-64.webp) 1x, url(../images/webp/leftbar-128.webp) 2x); height: 62px; width: 62px; cursor: pointer; @@ -1502,6 +1521,7 @@ a { .lb4 { background: url(../images/leftbar-64.png) -194px -2px; + background-image: -webkit-image-set(url(../images/webp/leftbar-64.webp) 1x, url(../images/webp/leftbar-128.webp) 2x); height: 62px; width: 62px; cursor: pointer; @@ -1513,6 +1533,7 @@ a { .lb5 { background: url(../images/leftbar-64.png) -257px -2px; + background-image: -webkit-image-set(url(../images/webp/leftbar-64.webp) 1x, url(../images/webp/leftbar-128.webp) 2x); height: 62px; width: 62px; cursor: pointer; @@ -1524,6 +1545,7 @@ a { .lb6 { background: url(../images/leftbar-64.png) -318px -2px; + background-image: -webkit-image-set(url(../images/webp/leftbar-64.webp) 1x, url(../images/webp/leftbar-128.webp) 2x); height: 62px; width: 62px; cursor: pointer; @@ -1583,6 +1605,7 @@ a { .si1 { background: url(../images/icons16.png) 0px 0px; + background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x); height: 16px; width: 16px; border: none; @@ -1591,6 +1614,7 @@ a { .si2 { background: url(../images/icons16.png) -16px 0px; + background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x); height: 16px; width: 16px; border: none; @@ -1599,6 +1623,7 @@ a { .si3 { background: url(../images/icons16.png) -32px 0px; + background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x); height: 16px; width: 16px; border: none; @@ -1607,6 +1632,7 @@ a { .si4 { background: url(../images/icons16.png) -48px 0px; + background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x); height: 16px; width: 16px; border: none; @@ -1615,6 +1641,7 @@ a { .si5 { background: url(../images/icons16.png) -64px 0px; + background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x); height: 16px; width: 16px; border: none; @@ -1623,6 +1650,7 @@ a { .si6 { background: url(../images/icons16.png) -80px 0px; + background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x); height: 16px; width: 16px; border: none; @@ -1631,6 +1659,7 @@ a { .si7 { background: url(../images/icons16.png) -96px 0px; + background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x); height: 16px; width: 16px; border: none; @@ -1639,6 +1668,7 @@ a { .si8 { background: url(../images/icons16.png) -112px 0px; + background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x); height: 16px; width: 16px; border: none; @@ -1647,6 +1677,7 @@ a { .mi { background: url(../images/meshicon50.png) 0px 0px; + background-image: -webkit-image-set(url(../images/meshicon50.png) 1x, url(../images/meshicon100.png) 2x); height: 50px; width: 50px; cursor: pointer; diff --git a/translate/translate.json b/translate/translate.json index d7b98bb3..3d041b68 100644 --- a/translate/translate.json +++ b/translate/translate.json @@ -2392,7 +2392,7 @@ "zh-chs": "AMT", "zh-cht": "AMT", "xloc": [ - "default.handlebars->29->219", + "default.handlebars->29->244", "default.handlebars->29->430" ] }, @@ -3214,7 +3214,7 @@ "default.handlebars->29->1482", "default.handlebars->29->1886", "default.handlebars->29->2004", - "default.handlebars->29->239" + "default.handlebars->29->224" ] }, { @@ -3855,7 +3855,7 @@ "zh-chs": "地址", "zh-cht": "地址", "xloc": [ - "default.handlebars->29->235" + "default.handlebars->29->220" ] }, { @@ -4064,7 +4064,7 @@ "default-mobile.handlebars->9->250", "default.handlebars->29->1545", "default.handlebars->29->1553", - "default.handlebars->29->215", + "default.handlebars->29->240", "default.handlebars->29->426", "default.handlebars->container->column_l->p15->consoleTable->1->6->1->1->1->0->p15outputselecttd->p15outputselect->1" ] @@ -6314,7 +6314,7 @@ "zh-cht": "CIRA", "xloc": [ "default-mobile.handlebars->9->204", - "default.handlebars->29->217", + "default.handlebars->29->242", "default.handlebars->29->428" ] }, @@ -7530,7 +7530,7 @@ "nl": "Wis zoekfilter", "xloc": [ "default-mobile.handlebars->9->154", - "default.handlebars->29->229" + "default.handlebars->29->214" ] }, { @@ -8919,8 +8919,8 @@ "default-mobile.handlebars->9->2", "default-mobile.handlebars->9->337", "default-mobile.handlebars->9->37", - "default.handlebars->29->245", - "default.handlebars->29->248", + "default.handlebars->29->230", + "default.handlebars->29->233", "default.handlebars->29->277", "default.handlebars->29->9", "default.handlebars->29->945", @@ -9028,7 +9028,7 @@ "xloc": [ "default-mobile.handlebars->9->255", "default.handlebars->29->1556", - "default.handlebars->29->236", + "default.handlebars->29->221", "default.handlebars->29->616", "default.handlebars->container->column_l->p21->3->1->meshConnChartDiv->1" ] @@ -9666,7 +9666,7 @@ "zh-chs": "创建一个新的设备组。", "zh-cht": "創建一個新的裝置群。", "xloc": [ - "default.handlebars->29->238" + "default.handlebars->29->223" ] }, { @@ -11614,7 +11614,7 @@ "xloc": [ "default-mobile.handlebars->9->160", "default-mobile.handlebars->9->216", - "default.handlebars->29->213", + "default.handlebars->29->238", "default.handlebars->29->545" ] }, @@ -11862,7 +11862,7 @@ "xloc": [ "default-mobile.handlebars->9->159", "default-mobile.handlebars->9->215", - "default.handlebars->29->212", + "default.handlebars->29->237", "default.handlebars->29->544" ] }, @@ -12134,9 +12134,9 @@ "default-mobile.handlebars->9->1", "default-mobile.handlebars->container->page_content->column_l->p10->p10desktop->deskarea1->1->3->deskstatus", "default-mobile.handlebars->container->page_content->column_l->p10->p10files->p13toolbar->1->0->1->3->p13Status", - "default.handlebars->29->224", - "default.handlebars->29->244", - "default.handlebars->29->247", + "default.handlebars->29->229", + "default.handlebars->29->232", + "default.handlebars->29->249", "default.handlebars->29->276", "default.handlebars->29->8", "default.handlebars->container->column_l->p11->deskarea0->deskarea1->3->deskstatus", @@ -12543,7 +12543,7 @@ "zh-chs": "下载MeshCentral Router,一个TCP端口映射工具。", "zh-cht": "下載MeshCentral Router,一個TCP端口映射工具。", "xloc": [ - "default.handlebars->29->242" + "default.handlebars->29->227" ] }, { @@ -12583,7 +12583,7 @@ "zh-chs": "下载MeshCmd,这是一个多功能的指令执行工具。", "zh-cht": "下載MeshCmd,這是一個多功能的指令執行工具。", "xloc": [ - "default.handlebars->29->240" + "default.handlebars->29->225" ] }, { @@ -18029,8 +18029,8 @@ "xloc": [ "default-mobile.handlebars->9->148", "default.handlebars->29->209", - "default.handlebars->29->225", - "default.handlebars->29->226" + "default.handlebars->29->210", + "default.handlebars->29->211" ] }, { @@ -18410,7 +18410,7 @@ "zh-chs": "英特尔®AMT CIRA已连接并可以使用。", "zh-cht": "Intel® AMT CIRA已連接並可以使用。", "xloc": [ - "default.handlebars->29->216", + "default.handlebars->29->241", "default.handlebars->29->427", "default.handlebars->29->608" ] @@ -18701,7 +18701,7 @@ "zh-chs": "英特尔®AMT是可路由的。", "zh-cht": "Intel® AMT是可路由的。", "xloc": [ - "default.handlebars->29->218", + "default.handlebars->29->243", "default.handlebars->29->429" ] }, @@ -22004,7 +22004,7 @@ "default-mobile.handlebars->9->254", "default.handlebars->29->1028", "default.handlebars->29->1029", - "default.handlebars->29->223", + "default.handlebars->29->248", "default.handlebars->29->434", "default.handlebars->29->615", "default.handlebars->container->column_l->p15->consoleTable->1->6->1->1->1->0->p15outputselecttd->p15outputselect->3" @@ -22109,7 +22109,7 @@ "zh-chs": "与设备的MQTT连接已激活。", "zh-cht": "與裝置的MQTT連接已啟動。", "xloc": [ - "default.handlebars->29->222", + "default.handlebars->29->247", "default.handlebars->29->433", "default.handlebars->29->614" ] @@ -22902,7 +22902,7 @@ "zh-chs": "已连接网状代理并准备使用。", "zh-cht": "已連接Mesh Agent並準備使用。", "xloc": [ - "default.handlebars->29->214", + "default.handlebars->29->239", "default.handlebars->29->425", "default.handlebars->29->606" ] @@ -22924,7 +22924,7 @@ "zh-chs": "网格代理可以经过其他代理作为中继访问得到。", "zh-cht": "Mesh Agent可以經過其他代理作為中繼訪問得到。", "xloc": [ - "default.handlebars->29->220", + "default.handlebars->29->245", "default.handlebars->29->431", "default.handlebars->29->612" ] @@ -23170,7 +23170,7 @@ "zh-chs": "MeshCmd", "zh-cht": "MeshCmd", "xloc": [ - "default.handlebars->29->241", + "default.handlebars->29->226", "default.handlebars->29->639", "default.handlebars->29->819" ] @@ -24745,7 +24745,7 @@ "zh-chs": "此网格中没有英特尔®AMT设备", "zh-cht": "此網格中沒有Intel® AMT裝置", "xloc": [ - "default.handlebars->29->230" + "default.handlebars->29->215" ] }, { @@ -25031,7 +25031,7 @@ "zh-chs": "没有一个设备被加入任何一组,请单击一个设备的“组”以添加到一个组中。", "zh-cht": "沒有一個裝置被加入任何一群,請單擊一個裝置的“群”以新增到一個群中。", "xloc": [ - "default.handlebars->29->227" + "default.handlebars->29->212" ] }, { @@ -25130,7 +25130,7 @@ "zh-cht": "該群中沒有裝置", "xloc": [ "default-mobile.handlebars->9->151", - "default.handlebars->29->232" + "default.handlebars->29->217" ] }, { @@ -25152,7 +25152,7 @@ "xloc": [ "default-mobile.handlebars->9->149", "default-mobile.handlebars->9->153", - "default.handlebars->29->228" + "default.handlebars->29->213" ] }, { @@ -25172,7 +25172,7 @@ "zh-chs": "找不到带有标签的设备。", "zh-cht": "找不到帶有標籤的裝置。", "xloc": [ - "default.handlebars->29->237" + "default.handlebars->29->222" ] }, { @@ -25490,8 +25490,8 @@ "default.handlebars->29->1945", "default.handlebars->29->1949", "default.handlebars->29->1961", - "default.handlebars->29->210", - "default.handlebars->29->211", + "default.handlebars->29->235", + "default.handlebars->29->236", "default.handlebars->29->546", "default.handlebars->29->557", "default.handlebars->29->558", @@ -28875,7 +28875,7 @@ "zh-cht": "中繼", "xloc": [ "default-mobile.handlebars->9->206", - "default.handlebars->29->221", + "default.handlebars->29->246", "default.handlebars->29->432" ] }, @@ -30662,7 +30662,7 @@ "zh-chs": "路由器", "zh-cht": "路由器", "xloc": [ - "default.handlebars->29->243" + "default.handlebars->29->228" ] }, { @@ -32875,8 +32875,8 @@ "xloc": [ "default-mobile.handlebars->9->3", "default.handlebars->29->10", - "default.handlebars->29->246", - "default.handlebars->29->249", + "default.handlebars->29->231", + "default.handlebars->29->234", "default.handlebars->29->278", "desktop.handlebars->3->3", "terminal.handlebars->3->3", @@ -38257,7 +38257,7 @@ "default.handlebars->29->1745", "default.handlebars->29->1884", "default.handlebars->29->2067", - "default.handlebars->29->234", + "default.handlebars->29->219", "default.handlebars->29->671" ] }, @@ -41188,8 +41188,8 @@ "zh-chs": "加一", "zh-cht": "加一", "xloc": [ - "default.handlebars->29->231", - "default.handlebars->29->233" + "default.handlebars->29->216", + "default.handlebars->29->218" ] }, { diff --git a/views/default-mobile.handlebars b/views/default-mobile.handlebars index c104e217..18f13a6a 100644 --- a/views/default-mobile.handlebars +++ b/views/default-mobile.handlebars @@ -52,6 +52,7 @@ .i1 { background: url(../images/icons50.png) 0px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; border: none; @@ -59,6 +60,7 @@ .i2 { background: url(../images/icons50.png) -50px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; border: none; @@ -66,6 +68,7 @@ .i3 { background: url(../images/icons50.png) -100px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; border: none; @@ -73,6 +76,7 @@ .i4 { background: url(../images/icons50.png) -150px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; border: none; @@ -80,6 +84,7 @@ .i5 { background: url(../images/icons50.png) -200px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; border: none; @@ -87,6 +92,7 @@ .i6 { background: url(../images/icons50.png) -250px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; border: none; @@ -94,6 +100,7 @@ .i7 { background: url(../images/icons50.png) -300px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; border: none; @@ -101,6 +108,7 @@ .i8 { background: url(../images/icons50.png) -350px 0px; + background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x); height: 50px; width: 50px; border: none; @@ -146,15 +154,15 @@ float: left; } - .NotifyIconSmall1 { width:24px; height:24px; background: url(../images/notify24.png) 0px 0px; } - .NotifyIconSmall2 { width:24px; height:24px; background: url(../images/notify24.png) -24px 0px; } - .NotifyIconSmall3 { width:24px; height:24px; background: url(../images/notify24.png) -48px 0px; } - .NotifyIconSmall4 { width:24px; height:24px; background: url(../images/notify24.png) -72px 0px; } - .NotifyIconSmall5 { width:24px; height:24px; background: url(../images/notify24.png) -96px 0px; } - .NotifyIconSmall6 { width:24px; height:24px; background: url(../images/notify24.png) -120px 0px; } - .NotifyIconSmall7 { width:24px; height:24px; background: url(../images/notify24.png) -144px 0px; } - .NotifyIconSmall8 { width:24px; height:24px; background: url(../images/notify24.png) -168px 0px; } - .NotifyIconSmall9 { width:24px; height:24px; background: url(../images/notify24.png) -192px 0px; } + .NotifyIconSmall1 { width:24px; height:24px; background: url(../images/notify24.png) 0px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); } + .NotifyIconSmall2 { width:24px; height:24px; background: url(../images/notify24.png) -24px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); } + .NotifyIconSmall3 { width:24px; height:24px; background: url(../images/notify24.png) -48px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); } + .NotifyIconSmall4 { width:24px; height:24px; background: url(../images/notify24.png) -72px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); } + .NotifyIconSmall5 { width:24px; height:24px; background: url(../images/notify24.png) -96px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); } + .NotifyIconSmall6 { width:24px; height:24px; background: url(../images/notify24.png) -120px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); } + .NotifyIconSmall7 { width:24px; height:24px; background: url(../images/notify24.png) -144px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); } + .NotifyIconSmall8 { width:24px; height:24px; background: url(../images/notify24.png) -168px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); } + .NotifyIconSmall9 { width:24px; height:24px; background: url(../images/notify24.png) -192px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); } .gray { /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/ /* Firefox 10+, Firefox on Android */ @@ -442,7 +450,7 @@
' + sections[i].name + ' ' + sections[i].html + ' | ';
x += '