nmelone/flutter_thingsboard_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve placeholder images

Browse Source
This commit is contained in:
Igor Kulikov
2021-07-12 19:44:45 +03:00
parent f0ce7d0b1d
commit 0044e33a1c
8 changed files with 72 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/constants/assets_path.dart
View File

@@ -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',

6
lib/modules/dashboard/dashboards_base.dart
View File

@@ -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(

6
lib/modules/device/device_profiles_base.dart
View File

@@ -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;
}

11
lib/modules/device/devices_base.dart
View File

@@ -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(