forked from cwtch.im/cwtch-ui
602 lines
24 KiB
Dart
602 lines
24 KiB
Dart
import 'dart:async';
|
|
import 'dart:io';
|
|
|
|
import 'package:cwtch/config.dart';
|
|
import 'package:cwtch/cwtch_icons_icons.dart';
|
|
import 'package:cwtch/models/appstate.dart';
|
|
import 'package:cwtch/models/contact.dart';
|
|
import 'package:cwtch/models/message.dart';
|
|
import 'package:cwtch/models/profile.dart';
|
|
import 'package:cwtch/third_party/base32/base32.dart';
|
|
import 'package:cwtch/views/contactsview.dart';
|
|
import 'package:cwtch/widgets/staticmessagebubble.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:cwtch/widgets/profileimage.dart';
|
|
import 'package:flutter/physics.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
|
import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
|
|
|
|
import '../main.dart';
|
|
import '../models/messagecache.dart';
|
|
import '../settings.dart';
|
|
|
|
class MessageRow extends StatefulWidget {
|
|
final Widget child;
|
|
final int index;
|
|
|
|
MessageRow(this.child, this.index, {Key? key}) : super(key: key);
|
|
|
|
@override
|
|
MessageRowState createState() => MessageRowState();
|
|
}
|
|
|
|
class MessageRowState extends State<MessageRow> with SingleTickerProviderStateMixin {
|
|
bool showBlockedMessage = false;
|
|
late AnimationController _controller;
|
|
late Animation<Alignment> _animation;
|
|
late Alignment _dragAlignment = Alignment.center;
|
|
Alignment _dragAffinity = Alignment.center;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_controller = AnimationController(vsync: this);
|
|
_controller.addListener(() {
|
|
setState(() {
|
|
_dragAlignment = _animation.value;
|
|
});
|
|
});
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
if (_controller != null) {
|
|
_controller.dispose();
|
|
}
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var fromMe = Provider.of<MessageMetadata>(context).senderHandle == Provider.of<ProfileInfoState>(context).onion;
|
|
var isContact = Provider.of<ProfileInfoState>(context).contactList.findContact(Provider.of<MessageMetadata>(context).senderHandle) != null;
|
|
var isGroup = Provider.of<ProfileInfoState>(context).contactList.getContact(Provider.of<MessageMetadata>(context, listen: false).conversationIdentifier)!.isGroup;
|
|
var isBlocked = isContact ? Provider.of<ProfileInfoState>(context).contactList.findContact(Provider.of<MessageMetadata>(context).senderHandle)!.isBlocked : false;
|
|
var actualMessage = Flexible(flex: Platform.isAndroid ? 10 : 3, fit: FlexFit.loose, child: widget.child);
|
|
|
|
_dragAffinity = fromMe ? Alignment.centerRight : Alignment.centerLeft;
|
|
_dragAlignment = fromMe ? Alignment.centerRight : Alignment.centerLeft;
|
|
|
|
var senderDisplayStr = "";
|
|
if (!fromMe) {
|
|
ContactInfoState? contact = Provider.of<ProfileInfoState>(context).contactList.findContact(Provider.of<MessageMetadata>(context).senderHandle);
|
|
if (contact != null) {
|
|
senderDisplayStr = contact.nickname;
|
|
} else {
|
|
senderDisplayStr = Provider.of<MessageMetadata>(context).senderHandle;
|
|
}
|
|
}
|
|
|
|
Widget wdgReply = Platform.isAndroid
|
|
? SizedBox.shrink()
|
|
: Visibility(
|
|
visible: EnvironmentConfig.TEST_MODE || Provider.of<AppState>(context).hoveredIndex == Provider.of<MessageMetadata>(context).messageID,
|
|
maintainSize: true,
|
|
maintainAnimation: true,
|
|
maintainState: true,
|
|
maintainInteractivity: false,
|
|
child: IconButton(
|
|
tooltip: AppLocalizations.of(context)!.tooltipReplyToThisMessage,
|
|
splashRadius: Material.defaultSplashRadius / 2,
|
|
onPressed: () {
|
|
Provider.of<ContactInfoState>(context, listen: false).messageDraft.quotedReference = Provider.of<MessageMetadata>(context, listen: false).messageID;
|
|
Provider.of<ContactInfoState>(context, listen: false).notifyMessageDraftUpdate();
|
|
setState(() {});
|
|
},
|
|
icon: Icon(Icons.reply, color: Provider.of<Settings>(context).theme.dropShadowColor)));
|
|
|
|
var settings = Provider.of<Settings>(context);
|
|
var pis = Provider.of<ProfileInfoState>(context);
|
|
var cis = Provider.of<ContactInfoState>(context);
|
|
var borderColor = Provider.of<Settings>(context).theme.portraitOnlineBorderColor;
|
|
var messageID = Provider.of<MessageMetadata>(context).messageID;
|
|
var cache = Provider.of<ContactInfoState>(context).messageCache;
|
|
|
|
Widget wdgSeeReplies = Platform.isAndroid
|
|
? SizedBox.shrink()
|
|
: Visibility(
|
|
visible: EnvironmentConfig.TEST_MODE || Provider.of<AppState>(context).hoveredIndex == Provider.of<MessageMetadata>(context).messageID,
|
|
maintainSize: true,
|
|
maintainAnimation: true,
|
|
maintainState: true,
|
|
maintainInteractivity: false,
|
|
child: IconButton(
|
|
tooltip: AppLocalizations.of(context)!.viewReplies,
|
|
splashRadius: Material.defaultSplashRadius / 2,
|
|
onPressed: () {
|
|
modalShowReplies(context, AppLocalizations.of(context)!.headingReplies, AppLocalizations.of(context)!.messageNoReplies, settings, pis, cis, borderColor, cache, messageID);
|
|
},
|
|
icon: Icon(CwtchIcons.view_replies, color: Provider.of<Settings>(context).theme.dropShadowColor)));
|
|
|
|
var profile = Provider.of<ProfileInfoState>(context, listen: false);
|
|
var conversation = Provider.of<ContactInfoState>(context, listen: false);
|
|
var message = Provider.of<MessageMetadata>(context, listen: false);
|
|
|
|
Widget wdgTranslateMessage = Platform.isAndroid
|
|
? SizedBox.shrink()
|
|
: Visibility(
|
|
visible: Provider.of<FlwtchState>(context, listen: false).cwtch.IsBlodeuweddSupported() &&
|
|
Provider.of<Settings>(context).isExperimentEnabled(BlodeuweddExperiment) &&
|
|
(EnvironmentConfig.TEST_MODE || Provider.of<AppState>(context).hoveredIndex == Provider.of<MessageMetadata>(context).messageID),
|
|
maintainSize: false,
|
|
maintainAnimation: true,
|
|
maintainState: true,
|
|
maintainInteractivity: false,
|
|
child: IconButton(
|
|
tooltip: AppLocalizations.of(context)!.blodeuweddTranslate,
|
|
splashRadius: Material.defaultSplashRadius / 2,
|
|
onPressed: () {
|
|
Provider.of<MessageMetadata>(context, listen: false).translation = "";
|
|
Provider.of<FlwtchState>(context, listen: false).cwtch.TranslateMessage(profile.onion, conversation.identifier, message.messageID, "French");
|
|
modalShowTranslation(context, profile, settings);
|
|
},
|
|
icon: Icon(Icons.translate, color: Provider.of<Settings>(context).theme.dropShadowColor)));
|
|
|
|
Widget wdgSpacer = Flexible(flex: 1, child: SizedBox(width: Platform.isAndroid ? 20 : 60, height: 10));
|
|
var widgetRow = <Widget>[];
|
|
|
|
if (fromMe) {
|
|
widgetRow = <Widget>[
|
|
wdgSpacer,
|
|
wdgSeeReplies,
|
|
wdgTranslateMessage,
|
|
wdgReply,
|
|
actualMessage,
|
|
];
|
|
} else if (isBlocked && !showBlockedMessage) {
|
|
Color blockedMessageBackground = Provider.of<Settings>(context).theme.messageFromOtherBackgroundColor;
|
|
Widget wdgPortrait = Padding(padding: EdgeInsets.all(4.0), child: Icon(CwtchIcons.account_blocked));
|
|
widgetRow = <Widget>[
|
|
wdgPortrait,
|
|
Container(
|
|
padding: EdgeInsets.all(2.0),
|
|
decoration: BoxDecoration(
|
|
color: blockedMessageBackground,
|
|
border: Border.all(color: blockedMessageBackground, width: 2),
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(15.0),
|
|
topRight: Radius.circular(15.0),
|
|
bottomLeft: Radius.circular(15.0),
|
|
bottomRight: Radius.circular(15.0),
|
|
)),
|
|
child: Padding(
|
|
padding: EdgeInsets.all(9.0),
|
|
child: Column(crossAxisAlignment: CrossAxisAlignment.center, children: [
|
|
SelectableText(
|
|
AppLocalizations.of(context)!.blockedMessageMessage,
|
|
//key: Key(myKey),
|
|
style: TextStyle(
|
|
color: Provider.of<Settings>(context).theme.messageFromOtherTextColor,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
textWidthBasis: TextWidthBasis.longestLine,
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.all(1.0),
|
|
child: TextButton(
|
|
style: ButtonStyle(
|
|
backgroundColor: MaterialStateProperty.all(blockedMessageBackground),
|
|
),
|
|
child: Text(
|
|
AppLocalizations.of(context)!.showMessageButton + '\u202F',
|
|
style: TextStyle(decoration: TextDecoration.underline),
|
|
),
|
|
onPressed: () {
|
|
setState(() {
|
|
this.showBlockedMessage = true;
|
|
});
|
|
})),
|
|
]))),
|
|
wdgSpacer,
|
|
];
|
|
} else {
|
|
var contact = Provider.of<ContactInfoState>(context);
|
|
ContactInfoState? sender = Provider.of<ProfileInfoState>(context).contactList.findContact(Provider.of<MessageMetadata>(context).senderHandle);
|
|
|
|
String imagePath = Provider.of<MessageMetadata>(context).senderImage!;
|
|
if (sender != null) {
|
|
imagePath = Provider.of<Settings>(context).isExperimentEnabled(ImagePreviewsExperiment) ? sender.imagePath : sender.defaultImagePath;
|
|
} else {
|
|
imagePath = RandomProfileImage(Provider.of<MessageMetadata>(context).senderHandle);
|
|
}
|
|
Widget wdgPortrait = GestureDetector(
|
|
onTap: !isGroup
|
|
? null
|
|
: isContact
|
|
? _btnGoto
|
|
: _btnAdd,
|
|
child: Padding(
|
|
padding: EdgeInsets.all(4.0),
|
|
child: ProfileImage(
|
|
diameter: 48.0,
|
|
// default to the contact image...otherwise use a derived sender image...
|
|
imagePath: imagePath,
|
|
border: contact.status == "Authenticated" ? Provider.of<Settings>(context).theme.portraitOnlineBorderColor : Provider.of<Settings>(context).theme.portraitOfflineBorderColor,
|
|
badgeTextColor: Colors.red,
|
|
badgeColor: Colors.red,
|
|
tooltip: !isGroup
|
|
? ""
|
|
: isContact
|
|
? AppLocalizations.of(context)!.contactGoto.replaceFirst("%1", senderDisplayStr)
|
|
: AppLocalizations.of(context)!.addContact,
|
|
)));
|
|
|
|
widgetRow = <Widget>[
|
|
wdgPortrait,
|
|
actualMessage,
|
|
wdgReply,
|
|
wdgSeeReplies,
|
|
wdgTranslateMessage,
|
|
wdgSpacer,
|
|
];
|
|
}
|
|
var size = MediaQuery.of(context).size;
|
|
var mr = MouseRegion(
|
|
// For desktop...
|
|
onHover: (event) {
|
|
if (Provider.of<AppState>(context, listen: false).hoveredIndex != Provider.of<MessageMetadata>(context, listen: false).messageID) {
|
|
setState(() {
|
|
Provider.of<AppState>(context, listen: false).hoveredIndex = Provider.of<MessageMetadata>(context, listen: false).messageID;
|
|
});
|
|
}
|
|
},
|
|
onExit: (event) {
|
|
// setState(() {
|
|
// Provider.of<AppState>(context, listen: false).hoveredIndex = -1;
|
|
//});
|
|
},
|
|
child: GestureDetector(
|
|
onPanUpdate: (details) {
|
|
setState(() {
|
|
_dragAlignment += Alignment(
|
|
details.delta.dx / (size.width * 0.5),
|
|
0,
|
|
);
|
|
});
|
|
},
|
|
onPanDown: (details) {
|
|
_controller.stop();
|
|
},
|
|
onPanEnd: (details) {
|
|
_runAnimation(details.velocity.pixelsPerSecond, size);
|
|
Provider.of<ContactInfoState>(context, listen: false).messageDraft.quotedReference = Provider.of<MessageMetadata>(context, listen: false).messageID;
|
|
Provider.of<ContactInfoState>(context, listen: false).notifyMessageDraftUpdate();
|
|
setState(() {});
|
|
},
|
|
onLongPress: () async {
|
|
modalShowReplies(context, AppLocalizations.of(context)!.headingReplies, AppLocalizations.of(context)!.messageNoReplies, settings, pis, cis, borderColor, cache, messageID);
|
|
},
|
|
child: Padding(
|
|
padding: EdgeInsets.all(2),
|
|
child: Align(
|
|
widthFactor: 1,
|
|
alignment: _dragAlignment,
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: widgetRow,
|
|
)))));
|
|
|
|
if (Provider.of<ContactInfoState>(context).newMarkerMsgIndex == widget.index) {
|
|
return Column(crossAxisAlignment: fromMe ? CrossAxisAlignment.end : CrossAxisAlignment.start, children: [Align(alignment: Alignment.center, child: _bubbleNew()), mr]);
|
|
} else {
|
|
return mr;
|
|
}
|
|
}
|
|
|
|
Widget _bubbleNew() {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: Provider.of<Settings>(context).theme.messageFromMeBackgroundColor,
|
|
border: Border.all(color: Provider.of<Settings>(context).theme.messageFromMeBackgroundColor, width: 1),
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(8),
|
|
topRight: Radius.circular(8),
|
|
bottomLeft: Radius.circular(8),
|
|
bottomRight: Radius.circular(8),
|
|
),
|
|
),
|
|
child: Padding(padding: EdgeInsets.all(9.0), child: Text(AppLocalizations.of(context)!.newMessagesLabel)));
|
|
}
|
|
|
|
void _runAnimation(Offset pixelsPerSecond, Size size) {
|
|
_animation = _controller.drive(
|
|
AlignmentTween(
|
|
begin: _dragAlignment,
|
|
end: _dragAffinity,
|
|
),
|
|
);
|
|
// Calculate the velocity relative to the unit interval, [0,1],
|
|
// used by the animation controller.
|
|
final unitsPerSecondX = pixelsPerSecond.dx / size.width;
|
|
final unitsPerSecondY = pixelsPerSecond.dy / size.height;
|
|
final unitsPerSecond = Offset(unitsPerSecondX, unitsPerSecondY);
|
|
final unitVelocity = unitsPerSecond.distance;
|
|
|
|
const spring = SpringDescription(
|
|
mass: 30,
|
|
stiffness: 1,
|
|
damping: 1,
|
|
);
|
|
|
|
final simulation = SpringSimulation(spring, 0, 1, -unitVelocity);
|
|
_controller.animateWith(simulation);
|
|
}
|
|
|
|
void _btnGoto() {
|
|
var id = Provider.of<ProfileInfoState>(context, listen: false).contactList.findContact(Provider.of<MessageMetadata>(context, listen: false).senderHandle)?.identifier;
|
|
if (id == null) {
|
|
// Can't happen
|
|
} else {
|
|
selectConversation(context, id);
|
|
var contactIndex = Provider.of<ProfileInfoState>(context, listen: false).contactList.filteredList().indexWhere((element) => element.identifier == id);
|
|
Provider.of<ProfileInfoState>(context, listen: false).contactListScrollController.jumpTo(index: contactIndex);
|
|
}
|
|
}
|
|
|
|
void _btnAdd() {
|
|
var sender = Provider.of<MessageMetadata>(context, listen: false).senderHandle;
|
|
if (sender == "") {
|
|
print("sender not yet loaded");
|
|
return;
|
|
}
|
|
var profileOnion = Provider.of<ProfileInfoState>(context, listen: false).onion;
|
|
|
|
showAddContactConfirmAlertDialog(context, profileOnion, sender);
|
|
}
|
|
|
|
showAddContactConfirmAlertDialog(BuildContext context, String profileOnion, String senderOnion) {
|
|
// set up the buttons
|
|
Widget cancelButton = ElevatedButton(
|
|
child: Text(AppLocalizations.of(context)!.cancel),
|
|
style: ButtonStyle(padding: MaterialStateProperty.all(EdgeInsets.all(20))),
|
|
onPressed: () {
|
|
Navigator.of(context).pop(); // dismiss dialog
|
|
},
|
|
);
|
|
Widget continueButton = ElevatedButton(
|
|
style: ButtonStyle(padding: MaterialStateProperty.all(EdgeInsets.all(20))),
|
|
child: Text(AppLocalizations.of(context)!.addContact),
|
|
onPressed: () {
|
|
Provider.of<FlwtchState>(context, listen: false).cwtch.ImportBundle(profileOnion, senderOnion);
|
|
final snackBar = SnackBar(
|
|
content: Text(AppLocalizations.of(context)!.successfullAddedContact),
|
|
duration: Duration(seconds: 2),
|
|
);
|
|
ScaffoldMessenger.of(context).showSnackBar(snackBar);
|
|
Navigator.of(context).pop(); // dismiss dialog
|
|
},
|
|
);
|
|
|
|
// set up the AlertDialog
|
|
AlertDialog alert = AlertDialog(
|
|
title: Text(AppLocalizations.of(context)!.addContactConfirm.replaceFirst("%1", senderOnion)),
|
|
actions: [
|
|
cancelButton,
|
|
continueButton,
|
|
],
|
|
);
|
|
|
|
// show the dialog
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return alert;
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
void modalShowReplies(
|
|
BuildContext ctx, String replyHeader, String noRepliesText, Settings settings, ProfileInfoState profile, ContactInfoState cis, Color borderColor, MessageCache cache, int messageID,
|
|
{bool showImage = true}) {
|
|
showModalBottomSheet<void>(
|
|
context: ctx,
|
|
builder: (BuildContext bcontext) {
|
|
List<Message> replies = getReplies(cache, messageID);
|
|
ScrollController controller = ScrollController();
|
|
|
|
return ChangeNotifierProvider.value(
|
|
value: profile,
|
|
builder: (bcontext, child) {
|
|
return LayoutBuilder(builder: (BuildContext context, BoxConstraints viewportConstraints) {
|
|
var replyWidgets = replies.map((e) {
|
|
var fromMe = e.getMetadata().senderHandle == profile.onion;
|
|
|
|
var bubble = StaticMessageBubble(profile, settings, e.getMetadata(), Row(children: [Flexible(child: e.getPreviewWidget(context))]));
|
|
|
|
String imagePath = e.getMetadata().senderImage!;
|
|
var sender = profile.contactList.findContact(e.getMetadata().senderHandle);
|
|
if (sender != null) {
|
|
imagePath = showImage ? sender.imagePath : sender.defaultImagePath;
|
|
} else {
|
|
imagePath = RandomProfileImage(e.getMetadata().senderHandle);
|
|
}
|
|
|
|
if (fromMe) {
|
|
imagePath = profile.imagePath;
|
|
}
|
|
|
|
var image = Padding(
|
|
padding: EdgeInsets.all(4.0),
|
|
child: ProfileImage(
|
|
imagePath: imagePath,
|
|
diameter: 48.0,
|
|
border: borderColor,
|
|
badgeTextColor: Colors.red,
|
|
badgeColor: Colors.red,
|
|
));
|
|
|
|
return Padding(
|
|
padding: EdgeInsets.all(10.0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [image, Flexible(child: bubble)],
|
|
));
|
|
}).toList();
|
|
|
|
var withHeader = replyWidgets;
|
|
|
|
var original =
|
|
StaticMessageBubble(profile, settings, cache.cache[messageID]!.metadata, Row(children: [Flexible(child: compileOverlay(cache.cache[messageID]!).getPreviewWidget(context))]));
|
|
|
|
withHeader.insert(0, Padding(padding: EdgeInsets.fromLTRB(10.0, 10.0, 2.0, 15.0), child: Center(child: original)));
|
|
|
|
withHeader.insert(
|
|
1,
|
|
Padding(
|
|
padding: EdgeInsets.fromLTRB(10.0, 10.0, 2.0, 15.0),
|
|
child: Divider(
|
|
color: settings.theme.mainTextColor,
|
|
)));
|
|
|
|
if (replies.isNotEmpty) {
|
|
withHeader.insert(2, Padding(padding: EdgeInsets.fromLTRB(10.0, 10.0, 2.0, 15.0), child: Text(replyHeader, style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold))));
|
|
} else {
|
|
withHeader.insert(
|
|
2, Padding(padding: EdgeInsets.fromLTRB(10.0, 10.0, 2.0, 15.0), child: Center(child: Text(noRepliesText, style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold)))));
|
|
}
|
|
|
|
return Scrollbar(
|
|
trackVisibility: true,
|
|
controller: controller,
|
|
child: SingleChildScrollView(
|
|
clipBehavior: Clip.antiAlias,
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(
|
|
minHeight: viewportConstraints.maxHeight,
|
|
),
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 0.0, horizontal: 20.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: withHeader,
|
|
)))));
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
void modalShowTranslation(BuildContext context, ProfileInfoState profile, Settings settings) async {
|
|
showModalBottomSheet<void>(
|
|
builder: (
|
|
BuildContext bcontext,
|
|
) {
|
|
return StatefulBuilder(builder: (BuildContext scontext, StateSetter setState /*You can rename this!*/) {
|
|
if (scontext.mounted) {
|
|
new Timer.periodic(Duration(seconds: 1), (Timer t) {
|
|
if (scontext.mounted) {
|
|
setState(() {});
|
|
}
|
|
});
|
|
}
|
|
|
|
var bubble = StaticMessageBubble(
|
|
profile,
|
|
settings,
|
|
MessageMetadata(profile.onion, Provider.of<ContactInfoState>(context, listen: false).identifier, 1, DateTime.now(), "blodeuwedd", null, null, null, true, false, false, ""),
|
|
Row(children: [
|
|
Provider.of<MessageMetadata>(context).translation == ""
|
|
? Column(crossAxisAlignment: CrossAxisAlignment.center, children: [
|
|
CircularProgressIndicator(color: settings.theme.defaultButtonActiveColor),
|
|
Padding(padding: EdgeInsets.all(5.0), child: Text(AppLocalizations.of(context)!.blodeuweddProcessing))
|
|
])
|
|
: Flexible(child: SelectableText(Provider.of<MessageMetadata>(context).translation))
|
|
]));
|
|
|
|
var image = Padding(
|
|
padding: EdgeInsets.all(4.0),
|
|
child: ProfileImage(
|
|
imagePath: "assets/blodeuwedd.png",
|
|
diameter: 48.0,
|
|
border: settings.theme.portraitOnlineBorderColor,
|
|
badgeTextColor: Colors.red,
|
|
badgeColor: Colors.red,
|
|
));
|
|
|
|
return Container(
|
|
height: 300, // bespoke value courtesy of the [TextField] docs
|
|
child: Container(
|
|
alignment: Alignment.center,
|
|
child: Padding(
|
|
padding: EdgeInsets.all(10.0),
|
|
child: Padding(
|
|
padding: EdgeInsets.all(10.0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [image, Flexible(child: bubble)],
|
|
)))));
|
|
});
|
|
},
|
|
context: context);
|
|
}
|
|
|
|
// temporary until we do real picture selection
|
|
String RandomProfileImage(String onion) {
|
|
var choices = [
|
|
"001-centaur",
|
|
"002-kraken",
|
|
"003-dinosaur",
|
|
"004-tree-1",
|
|
"005-hand",
|
|
"006-echidna",
|
|
"007-robot",
|
|
"008-mushroom",
|
|
"009-harpy",
|
|
"010-phoenix",
|
|
"011-dragon-1",
|
|
"012-devil",
|
|
"013-troll",
|
|
"014-alien",
|
|
"015-minotaur",
|
|
"016-madre-monte",
|
|
"017-satyr",
|
|
"018-karakasakozou",
|
|
"019-pirate",
|
|
"020-werewolf",
|
|
"021-scarecrow",
|
|
"022-valkyrie",
|
|
"023-curupira",
|
|
"024-loch-ness-monster",
|
|
"025-tree",
|
|
"026-cerberus",
|
|
"027-gryphon",
|
|
"028-mermaid",
|
|
"029-vampire",
|
|
"030-goblin",
|
|
"031-yeti",
|
|
"032-leprechaun",
|
|
"033-medusa",
|
|
"034-chimera",
|
|
"035-elf",
|
|
"036-hydra",
|
|
"037-cyclops",
|
|
"038-pegasus",
|
|
"039-narwhal",
|
|
"040-woodcutter",
|
|
"041-zombie",
|
|
"042-dragon",
|
|
"043-frankenstein",
|
|
"044-witch",
|
|
"045-fairy",
|
|
"046-genie",
|
|
"047-pinocchio",
|
|
"048-ghost",
|
|
"049-wizard",
|
|
"050-unicorn"
|
|
];
|
|
var encoding = base32.decode(onion.toUpperCase());
|
|
return "assets/profiles/" + choices[encoding[33] % choices.length] + ".png";
|
|
}
|