2ndbeam/fluffychat-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: Add default chat wallpaper

Browse source
This commit is contained in:
Krille 2024-10-21 16:11:53 +02:00
commit 7d8369ab30
No known key found for this signature in database
GPG key ID: E067ECD60F1A0652
7 changed files with 47 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/chat_wallpaper_dark.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
assets/chat_wallpaper_light.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 118 KiB

8
lib/pages/chat/chat_event_list.dart
View file

@ -9,7 +9,6 @@ import 'package:fluffychat/pages/chat/events/message.dart';
import 'package:fluffychat/pages/chat/seen_by_row.dart'; import 'package:fluffychat/pages/chat/seen_by_row.dart';
import 'package:fluffychat/pages/chat/typing_indicators.dart'; import 'package:fluffychat/pages/chat/typing_indicators.dart';
import 'package:fluffychat/pages/user_bottom_sheet/user_bottom_sheet.dart'; import 'package:fluffychat/pages/user_bottom_sheet/user_bottom_sheet.dart';
import 'package:fluffychat/utils/account_config.dart';
import 'package:fluffychat/utils/adaptive_bottom_sheet.dart'; import 'package:fluffychat/utils/adaptive_bottom_sheet.dart';
import 'package:fluffychat/utils/matrix_sdk_extensions/filtered_timeline_extension.dart'; import 'package:fluffychat/utils/matrix_sdk_extensions/filtered_timeline_extension.dart';
import 'package:fluffychat/utils/platform_infos.dart'; import 'package:fluffychat/utils/platform_infos.dart';
@ -34,10 +33,6 @@ class ChatEventList extends StatelessWidget {
for (var i = 0; i < events.length; i++) { for (var i = 0; i < events.length; i++) {
thisEventsKeyMap[events[i].eventId] = i; thisEventsKeyMap[events[i].eventId] = i;
} }
final hasWallpaper =
controller.room.client.applicationAccountConfig.wallpaperUrl != null;
return SelectionArea( return SelectionArea(
child: ListView.custom( child: ListView.custom(
padding: EdgeInsets.only( padding: EdgeInsets.only(
@ -142,8 +137,7 @@ class ChatEventList extends StatelessWidget {
i > 0 && controller.readMarkerEventId == event.eventId, i > 0 && controller.readMarkerEventId == event.eventId,
nextEvent: i + 1 < events.length ? events[i + 1] : null, nextEvent: i + 1 < events.length ? events[i + 1] : null,
previousEvent: i > 0 ? events[i - 1] : null, previousEvent: i > 0 ? events[i - 1] : null,
avatarPresenceBackgroundColor: avatarPresenceBackgroundColor: Colors.transparent,
hasWallpaper ? Colors.transparent : null,
), ),
); );
}, },

41
lib/pages/chat/chat_view.dart
View file

@ -260,18 +260,30 @@ class ChatView extends StatelessWidget {
onDragExited: controller.onDragExited, onDragExited: controller.onDragExited,
child: Stack( child: Stack(
children: <Widget>[ children: <Widget>[
if (accountConfig.wallpaperUrl != null) accountConfig.wallpaperUrl != null
Opacity( ? Opacity(
opacity: accountConfig.wallpaperOpacity ?? 1, opacity: accountConfig.wallpaperOpacity ?? 1,
child: MxcImage( child: MxcImage(
uri: accountConfig.wallpaperUrl, uri: accountConfig.wallpaperUrl,
fit: BoxFit.cover, fit: BoxFit.cover,
isThumbnail: true, isThumbnail: true,
width: FluffyThemes.columnWidth * 4, width: FluffyThemes.columnWidth * 4,
height: FluffyThemes.columnWidth * 4, height: FluffyThemes.columnWidth * 4,
placeholder: (_) => Container(), placeholder: (_) => Container(),
), ),
), )
: ColorFiltered(
colorFilter: ColorFilter.mode(
theme.colorScheme.surfaceContainerHighest,
BlendMode.color,
),
child: Image.asset(
'assets/chat_wallpaper_${theme.brightness.name}.png',
fit: BoxFit.cover,
width: double.infinity,
height: double.infinity,
),
),
SafeArea( SafeArea(
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
@ -308,10 +320,7 @@ class ChatView extends StatelessWidget {
alignment: Alignment.center, alignment: Alignment.center,
child: Material( child: Material(
clipBehavior: Clip.hardEdge, clipBehavior: Clip.hardEdge,
color: theme color: theme.colorScheme.surfaceBright,
.colorScheme
// ignore: deprecated_member_use
.surfaceVariant,
borderRadius: const BorderRadius.all( borderRadius: const BorderRadius.all(
Radius.circular(24), Radius.circular(24),
), ),

2
lib/pages/chat/events/message.dart
View file

@ -84,7 +84,7 @@ class Message extends StatelessWidget {
final ownMessage = event.senderId == client.userID; final ownMessage = event.senderId == client.userID;
final alignment = ownMessage ? Alignment.topRight : Alignment.topLeft; final alignment = ownMessage ? Alignment.topRight : Alignment.topLeft;
// ignore: deprecated_member_use // ignore: deprecated_member_use
var color = theme.colorScheme.surfaceVariant; var color = theme.colorScheme.surfaceBright;
final displayTime = event.type == EventTypes.RoomCreate || final displayTime = event.type == EventTypes.RoomCreate ||
nextEvent == null || nextEvent == null ||
!event.originServerTs.sameEnvironment(nextEvent!.originServerTs); !event.originServerTs.sameEnvironment(nextEvent!.originServerTs);

21
lib/pages/chat/events/room_creation_state_event.dart
View file

@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart'; import 'package:flutter_gen/gen_l10n/l10n.dart';
import 'package:matrix/matrix.dart'; import 'package:matrix/matrix.dart';
import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/utils/date_time_extension.dart'; import 'package:fluffychat/utils/date_time_extension.dart';
import 'package:fluffychat/utils/matrix_sdk_extensions/matrix_locals.dart'; import 'package:fluffychat/utils/matrix_sdk_extensions/matrix_locals.dart';
import 'package:fluffychat/widgets/avatar.dart'; import 'package:fluffychat/widgets/avatar.dart';
@ -27,11 +28,27 @@ class RoomCreationStateEvent extends StatelessWidget {
), ),
Text( Text(
roomName, roomName,
style: theme.textTheme.headlineSmall, style: TextStyle(
fontSize: 24 * AppConfig.fontSizeFactor,
shadows: [
Shadow(
color: theme.colorScheme.surface,
blurRadius: 3,
),
],
),
), ),
Text( Text(
'${event.originServerTs.localizedTime(context)} | ${l10n.countParticipants((event.room.summary.mJoinedMemberCount ?? 1) + (event.room.summary.mInvitedMemberCount ?? 0))}', '${event.originServerTs.localizedTime(context)} | ${l10n.countParticipants((event.room.summary.mJoinedMemberCount ?? 1) + (event.room.summary.mInvitedMemberCount ?? 0))}',
style: theme.textTheme.labelSmall, style: TextStyle(
fontSize: 12 * AppConfig.fontSizeFactor,
shadows: [
Shadow(
color: theme.colorScheme.surface,
blurRadius: 3,
),
],
),
), ),
const SizedBox(height: 48), const SizedBox(height: 48),
], ],

4
lib/pages/chat/typing_indicators.dart
View file

@ -81,9 +81,7 @@ class TypingIndicators extends StatelessWidget {
), ),
const SizedBox(width: 8), const SizedBox(width: 8),
Material( Material(
color: color: theme.colorScheme.surfaceBright,
// ignore: deprecated_member_use
theme.colorScheme.surfaceVariant,
borderRadius: const BorderRadius.all( borderRadius: const BorderRadius.all(
Radius.circular(AppConfig.borderRadius), Radius.circular(AppConfig.borderRadius),
), ),