From 0044e33a1c553da9f6ba85080d301120e467b717 Mon Sep 17 00:00:00 2001
From: Igor Kulikov <ikulikov@thingsboard.io>
Date: Mon, 12 Jul 2021 19:44:45 +0300
Subject: [PATCH] Improve placeholder images

---
 assets/images/dashboard-placeholder.png      | Bin 5285 -> 0 bytes
 assets/images/dashboard-placeholder.svg      |  37 +++++++++++++++++++
 assets/images/device-profile-placeholder.png | Bin 6525 -> 0 bytes
 assets/images/device-profile-placeholder.svg |  14 +++++++
 lib/constants/assets_path.dart               |   4 +-
 lib/modules/dashboard/dashboards_base.dart   |   6 ++-
 lib/modules/device/device_profiles_base.dart |   6 ++-
 lib/modules/device/devices_base.dart         |  11 +++++-
 8 files changed, 72 insertions(+), 6 deletions(-)
 delete mode 100644 assets/images/dashboard-placeholder.png
 create mode 100644 assets/images/dashboard-placeholder.svg
 delete mode 100644 assets/images/device-profile-placeholder.png
 create mode 100644 assets/images/device-profile-placeholder.svg

diff --git a/assets/images/dashboard-placeholder.png b/assets/images/dashboard-placeholder.png
deleted file mode 100644
index f08a22b27a8a36a98ebfbcbfca49c1d031eef3e7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5285
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
T;%O09R}o-oYJ02R*gN^(((|hJ

diff --git a/assets/images/dashboard-placeholder.svg b/assets/images/dashboard-placeholder.svg
new file mode 100644
index 0000000..a34426a
--- /dev/null
+++ b/assets/images/dashboard-placeholder.svg
@@ -0,0 +1,37 @@
+<svg width="156" height="106" viewBox="0 0 156 106" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="156" height="106" fill="white"/>
+    <path d="M17 71C17 70.4477 17.4477 70 18 70H26C26.5523 70 27 70.4477 27 71V89C27 89.5523 26.5523 90 26 90H18C17.4477 90 17 89.5523 17 89V71Z" fill="#808080" fill-opacity="0.1"/>
+    <path d="M17 79C17 78.4477 17.4477 78 18 78H26C26.5523 78 27 78.4477 27 79V89C27 89.5523 26.5523 90 26 90H18C17.4477 90 17 89.5523 17 89V79Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M45 71C45 70.4477 45.4477 70 46 70H54C54.5523 70 55 70.4477 55 71V89C55 89.5523 54.5523 90 54 90H46C45.4477 90 45 89.5523 45 89V71Z" fill="#808080" fill-opacity="0.1"/>
+    <path d="M59 71C59 70.4477 59.4477 70 60 70H68C68.5523 70 69 70.4477 69 71V89C69 89.5523 68.5523 90 68 90H60C59.4477 90 59 89.5523 59 89V71Z" fill="#808080" fill-opacity="0.1"/>
+    <path d="M73 71C73 70.4477 73.4477 70 74 70H82C82.5523 70 83 70.4477 83 71V89C83 89.5523 82.5523 90 82 90H74C73.4477 90 73 89.5523 73 89V71Z" fill="#808080" fill-opacity="0.1"/>
+    <path d="M87 71C87 70.4477 87.4477 70 88 70H96C96.5523 70 97 70.4477 97 71V89C97 89.5523 96.5523 90 96 90H88C87.4477 90 87 89.5523 87 89V71Z" fill="#808080" fill-opacity="0.1"/>
+    <path d="M101 71C101 70.4477 101.448 70 102 70H110C110.552 70 111 70.4477 111 71V89C111 89.5523 110.552 90 110 90H102C101.448 90 101 89.5523 101 89V71Z" fill="#808080" fill-opacity="0.1"/>
+    <path d="M115 71C115 70.4477 115.448 70 116 70H124C124.552 70 125 70.4477 125 71V89C125 89.5523 124.552 90 124 90H116C115.448 90 115 89.5523 115 89V71Z" fill="#808080" fill-opacity="0.1"/>
+    <path d="M129 71C129 70.4477 129.448 70 130 70H138C138.552 70 139 70.4477 139 71V89C139 89.5523 138.552 90 138 90H130C129.448 90 129 89.5523 129 89V71Z" fill="#808080" fill-opacity="0.1"/>
+    <path d="M31 71C31 70.4477 31.4477 70 32 70H40C40.5523 70 41 70.4477 41 71V89C41 89.5523 40.5523 90 40 90H32C31.4477 90 31 89.5523 31 89V71Z" fill="#808080" fill-opacity="0.1"/>
+    <path d="M31 84C31 83.4477 31.4477 83 32 83H40C40.5523 83 41 83.4477 41 84V89C41 89.5523 40.5523 90 40 90H32C31.4477 90 31 89.5523 31 89V84Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M45 86C45 85.4477 45.4477 85 46 85H54C54.5523 85 55 85.4477 55 86V89C55 89.5523 54.5523 90 54 90H46C45.4477 90 45 89.5523 45 89V86Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M59 82C59 81.4477 59.4477 81 60 81H68C68.5523 81 69 81.4477 69 82V89C69 89.5523 68.5523 90 68 90H60C59.4477 90 59 89.5523 59 89V82Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M73 75C73 74.4477 73.4477 74 74 74H82C82.5523 74 83 74.4477 83 75V89C83 89.5523 82.5523 90 82 90H74C73.4477 90 73 89.5523 73 89V75Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M87 78C87 77.4477 87.4477 77 88 77H96C96.5523 77 97 77.4477 97 78V89C97 89.5523 96.5523 90 96 90H88C87.4477 90 87 89.5523 87 89V78Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M101 83C101 82.4477 101.448 82 102 82H110C110.552 82 111 82.4477 111 83V89C111 89.5523 110.552 90 110 90H102C101.448 90 101 89.5523 101 89V83Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M115 75C115 74.4477 115.448 74 116 74H124C124.552 74 125 74.4477 125 75V89C125 89.5523 124.552 90 124 90H116C115.448 90 115 89.5523 115 89V75Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M129 79C129 78.4477 129.448 78 130 78H138C138.552 78 139 78.4477 139 79V89C139 89.5523 138.552 90 138 90H130C129.448 90 129 89.5523 129 89V79Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M40 16C43.6606 16 47.2727 16.8373 50.5599 18.448L46.3354 27.0698C44.3632 26.1035 42.1962 25.6012 40 25.6012L40 16Z" fill="#808080" fill-opacity="0.38"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M39 26.6011L39 14.9999L40 14.9999C43.8131 14.9999 47.5757 15.8721 50.9999 17.5498L51.8978 17.9898L46.7934 28.4077L45.8954 27.9677C44.0602 27.0685 42.0436 26.6011 40 26.6011L39 26.6011ZM41 24.6336C42.6715 24.7423 44.3142 25.1231 45.8631 25.7609L49.2123 18.9254C46.6156 17.7903 43.8313 17.1448 41 17.0216L41 24.6336Z" fill="white"/>
+    <path d="M63.7911 36.842C63.2701 32.9173 61.7862 29.1823 59.4717 25.9701C57.1572 22.7579 54.084 20.1681 50.5259 18.4317L46.3149 27.0602C48.4496 28.1019 50.2934 29.6557 51.682 31.5828C53.0706 33.51 53.9608 35.7508 54.2734 38.1055L63.7911 36.842Z" fill="#808080" fill-opacity="0.5"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M44.978 27.5199L50.0662 17.0941L50.9648 17.5327C54.6712 19.3415 57.8725 22.0391 60.2834 25.3852C62.6944 28.7313 64.2401 32.6218 64.7828 36.7101L64.9144 37.7014L53.4141 39.228L53.2825 38.2367C52.9916 36.0456 52.1632 33.9604 50.871 32.1671C49.5789 30.3738 47.8631 28.9279 45.8767 27.9585L44.978 27.5199ZM47.6383 26.6289C49.5472 27.7194 51.204 29.208 52.4937 30.9979C53.7834 32.7878 54.6711 34.8306 55.1013 36.9865L62.647 35.9849C62.0445 32.586 60.6837 29.3619 58.6608 26.5544C56.6379 23.7469 54.0102 21.4355 50.9768 19.7882L47.6383 26.6289Z" fill="white"/>
+    <path d="M18.168 49.9682C20.5617 55.2109 24.7622 59.4172 30.0016 61.8182C35.241 64.2192 41.1695 64.6546 46.7034 63.0448C52.2374 61.435 57.0073 57.8876 60.1413 53.0508C63.2753 48.2141 64.5642 42.4111 63.7723 36.7024L54.2622 38.0216C54.7373 41.4465 53.964 44.928 52.0838 47.8299C50.2035 50.7317 47.3418 52.8599 44.0217 53.8257C40.7016 54.7915 37.1448 54.5303 34.0014 53.0898C30.858 51.6493 28.338 49.1258 26.9018 45.9804L18.168 49.9682Z" fill="#808080" fill-opacity="0.26"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.8433 49.4739L27.3965 44.6554L27.8118 45.5651C29.1482 48.492 31.4932 50.8403 34.4183 52.1807C37.3434 53.5212 40.6532 53.7642 43.7427 52.8655C46.8322 51.9668 49.4952 49.9863 51.2448 47.2861C52.9945 44.5858 53.7141 41.3461 53.272 38.159L53.1346 37.1685L64.6257 35.5745L64.7631 36.565C65.588 42.5115 64.2454 48.5564 60.9808 53.5946C57.7162 58.6329 52.7476 62.3281 46.983 64.005C41.2185 65.6818 35.043 65.2283 29.5853 62.7273C24.1276 60.2262 19.7521 55.8447 17.2586 50.3836L16.8433 49.4739ZM19.513 50.4535C21.8626 55.0585 25.7011 58.7473 30.4185 60.9091C35.4396 63.21 41.121 63.6273 46.4244 62.0846C51.7278 60.5419 56.2989 57.1423 59.3024 52.5071C62.1242 48.1522 63.3851 42.98 62.898 37.8333L55.3582 38.8792C55.6018 42.2155 54.7522 45.551 52.9233 48.3736C50.9124 51.477 47.852 53.7531 44.3013 54.7859C40.7506 55.8188 36.9468 55.5394 33.5851 53.9989C30.5275 52.5977 28.0214 50.2384 26.4374 47.2919L19.513 50.4535Z" fill="white"/>
+    <path d="M18.2184 50.0776C15.7815 44.8106 15.3356 38.8389 16.9634 33.2683C18.5912 27.6978 22.1823 22.9057 27.0718 19.7795L32.2437 27.8687C29.3103 29.7442 27.1558 32.6192 26.1792 35.9613C25.2026 39.3033 25.4701 42.886 26.9321 46.046L18.2184 50.0776Z" fill="#808080" fill-opacity="0.35"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.7258 48.7412L25.6341 45.5449C24.4203 42.4003 24.2687 38.934 25.2193 35.681C26.1699 32.4279 28.164 29.5886 30.88 27.5924L26.7797 21.1792C22.518 24.1726 19.3895 28.5312 17.9232 33.549C16.457 38.5667 16.7464 43.9241 18.7258 48.7412ZM17.3108 50.4977C14.7724 45.0112 14.3079 38.7907 16.0035 32.988C17.6991 27.1854 21.4399 22.1936 26.5331 18.9372L27.3757 18.3985L33.6249 28.1727L32.7824 28.7113C30.0527 30.4567 28.0478 33.132 27.139 36.2419C26.2303 39.3519 26.4792 42.6858 27.8397 45.6263L28.2596 46.5339L17.7307 51.4053L17.3108 50.4977Z" fill="white"/>
+    <path d="M39.9999 16.0002C35.3266 16.0002 30.755 17.3645 26.8462 19.9258L32.1083 27.9565C34.4534 26.4199 37.1962 25.6014 39.9999 25.6014L39.9999 16.0002Z" fill="#808080" fill-opacity="0.1"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M25.4619 19.6372L26.2983 19.0891C30.3701 16.4212 35.1321 14.9999 40.0001 14.9999L41.0001 14.9999L41.0001 26.6011L40.0001 26.6011C37.3911 26.6011 34.8389 27.3628 32.6566 28.7927L31.8202 29.3408L25.4619 19.6372ZM32.4147 26.599C34.4337 25.4562 36.6851 24.7843 39.0001 24.6336L39.0001 17.0217C35.2044 17.1868 31.5082 18.2899 28.2428 20.2321L32.4147 26.599Z" fill="white"/>
+    <path d="M73 16H139V28H73V16Z" fill="#CFCFCF" fill-opacity="0.1"/>
+    <path d="M73 16H133V28H73V16Z" fill="#808080" fill-opacity="0.1"/>
+    <path d="M73 33H139V45H73V33Z" fill="#CFCFCF" fill-opacity="0.1"/>
+    <path d="M73 33H115V45H73V33Z" fill="#808080" fill-opacity="0.23"/>
+    <path d="M73 50H139V62H73V50Z" fill="#CFCFCF" fill-opacity="0.1"/>
+    <path d="M73 50H86V62H73V50Z" fill="#808080" fill-opacity="0.44"/>
+</svg>
diff --git a/assets/images/device-profile-placeholder.png b/assets/images/device-profile-placeholder.png
deleted file mode 100644
index 908525b4f28cf01ec391d9edc7a64e4d2afbba6d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6525
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

diff --git a/assets/images/device-profile-placeholder.svg b/assets/images/device-profile-placeholder.svg
new file mode 100644
index 0000000..88a5d12
--- /dev/null
+++ b/assets/images/device-profile-placeholder.svg
@@ -0,0 +1,14 @@
+<svg width="156" height="74" viewBox="0 0 156 74" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="156" height="74" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M104 27H45V54V58V60H83V58H104V27Z" fill="#808080" fill-opacity="0.1"/>
+    <path d="M61 31H49V39H61V31Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M61 43H49V47H61V43Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M77 31H65V35H77V31Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M77 39H65V47H77V39Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M100 31H81V47H100V31Z" fill="#808080" fill-opacity="0.5"/>
+    <path d="M106 16V14C108.917 14 111.715 15.1589 113.778 17.2218C115.841 19.2847 117 22.0826 117 25H115C115 22.6131 114.052 20.3239 112.364 18.636C110.676 16.9482 108.387 16 106 16Z" fill="#808080" fill-opacity="0.2"/>
+    <path d="M106 25V22C106.796 22 107.559 22.3161 108.121 22.8787C108.684 23.4413 109 24.2044 109 25H106Z" fill="#808080" fill-opacity="0.2"/>
+    <path d="M106 20V18C107.857 18 109.637 18.7375 110.95 20.0503C112.263 21.363 113 23.1435 113 25H111C111 23.6739 110.473 22.4021 109.536 21.4645C108.598 20.5268 107.326 20 106 20Z" fill="#808080" fill-opacity="0.2"/>
+    <path d="M43 27H39V34H41V58H43V27Z" fill="#808080" fill-opacity="0.2"/>
+    <path d="M79 56H49V51H100V54H79V56Z" fill="#808080" fill-opacity="0.2"/>
+</svg>
diff --git a/lib/constants/assets_path.dart b/lib/constants/assets_path.dart
index c4b446d..f8ac2cc 100644
--- a/lib/constants/assets_path.dart
+++ b/lib/constants/assets_path.dart
@@ -3,8 +3,8 @@ abstract class ThingsboardImage {
   static final thingsboard = 'assets/images/thingsboard.svg';
   static final thingsboardOuter = 'assets/images/thingsboard_outer.svg';
   static final thingsboardCenter = 'assets/images/thingsboard_center.svg';
-  static final dashboardPlaceholder = 'assets/images/dashboard-placeholder.png';
-  static final deviceProfilePlaceholder = 'assets/images/device-profile-placeholder.png';
+  static final dashboardPlaceholder = 'assets/images/dashboard-placeholder.svg';
+  static final deviceProfilePlaceholder = 'assets/images/device-profile-placeholder.svg';
 
   static final oauth2Logos = <String,String>{
     'google-logo': 'assets/images/google-logo.svg',
diff --git a/lib/modules/dashboard/dashboards_base.dart b/lib/modules/dashboard/dashboards_base.dart
index 7cb9cea..cc89a13 100644
--- a/lib/modules/dashboard/dashboards_base.dart
+++ b/lib/modules/dashboard/dashboards_base.dart
@@ -1,6 +1,7 @@
 import 'package:auto_size_text/auto_size_text.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
+import 'package:flutter_svg/flutter_svg.dart';
 import 'package:thingsboard_app/constants/assets_path.dart';
 import 'package:thingsboard_app/core/context/tb_context.dart';
 import 'package:thingsboard_app/core/context/tb_context_widget.dart';
@@ -158,7 +159,10 @@ class _DashboardGridCardState extends TbContextState<DashboardGridCard, _Dashboa
     if (hasImage) {
       image = Utils.imageFromBase64(widget.dashboard.image!);
     } else {
-      image = Image.asset(ThingsboardImage.dashboardPlaceholder);
+      image = SvgPicture.asset(ThingsboardImage.dashboardPlaceholder,
+          color: Theme.of(context).primaryColor,
+          colorBlendMode: BlendMode.color,
+          semanticsLabel: 'Dashboard');
     }
     return
       ClipRRect(
diff --git a/lib/modules/device/device_profiles_base.dart b/lib/modules/device/device_profiles_base.dart
index f00b45a..453def2 100644
--- a/lib/modules/device/device_profiles_base.dart
+++ b/lib/modules/device/device_profiles_base.dart
@@ -3,6 +3,7 @@ import 'dart:async';
 import 'package:auto_size_text/auto_size_text.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
+import 'package:flutter_svg/flutter_svg.dart';
 import 'package:thingsboard_app/constants/assets_path.dart';
 import 'package:thingsboard_app/core/context/tb_context.dart';
 import 'package:thingsboard_app/core/context/tb_context_widget.dart';
@@ -284,7 +285,10 @@ class _DeviceProfileCardState extends TbContextState<DeviceProfileCard, _DeviceP
       imageFit = BoxFit.contain;
       padding = 8;
     } else {
-      image = Image.asset(ThingsboardImage.deviceProfilePlaceholder);
+      image = SvgPicture.asset(ThingsboardImage.deviceProfilePlaceholder,
+          color: Theme.of(context).primaryColor,
+          colorBlendMode: BlendMode.color,
+          semanticsLabel: 'Device profile');
       imageFit = BoxFit.cover;
       padding = 0;
     }
diff --git a/lib/modules/device/devices_base.dart b/lib/modules/device/devices_base.dart
index b62f9e3..d01070d 100644
--- a/lib/modules/device/devices_base.dart
+++ b/lib/modules/device/devices_base.dart
@@ -2,6 +2,7 @@ import 'dart:core';
 
 import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
+import 'package:flutter_svg/flutter_svg.dart';
 import 'package:intl/intl.dart';
 import 'package:thingsboard_app/constants/assets_path.dart';
 import 'package:thingsboard_app/core/context/tb_context.dart';
@@ -154,7 +155,10 @@ class _DeviceCardState extends TbContextState<DeviceCard, _DeviceCardState> {
                   image = Utils.imageFromBase64(profile.image!);
                   imageFit = BoxFit.contain;
                 } else {
-                  image = Image.asset(ThingsboardImage.deviceProfilePlaceholder);
+                  image = SvgPicture.asset(ThingsboardImage.deviceProfilePlaceholder,
+                      color: Theme.of(context).primaryColor,
+                      colorBlendMode: BlendMode.color,
+                      semanticsLabel: 'Device');
                   imageFit = BoxFit.cover;
                 }
                 return Row(
@@ -298,7 +302,10 @@ class _DeviceCardState extends TbContextState<DeviceCard, _DeviceCardState> {
                     image = Utils.imageFromBase64(profile.image!);
                     imageFit = BoxFit.contain;
                   } else {
-                    image = Image.asset(ThingsboardImage.deviceProfilePlaceholder);
+                    image = SvgPicture.asset(ThingsboardImage.deviceProfilePlaceholder,
+                        color: Theme.of(context).primaryColor,
+                        colorBlendMode: BlendMode.color,
+                        semanticsLabel: 'Device');
                     imageFit = BoxFit.cover;
                   }
                   return ClipRRect(