1547 level indicator for all users (#1722)
* feat: publicly viewable target language and level indicator --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>pull/1593/head
ggurdin
9 months ago
committed by
GitHub
parent
5347b4764f
commit
b98f2d3283
@ -0,0 +1,75 @@
|
|||||||
|
import 'package:fluffychat/pangea/common/constants/model_keys.dart';
|
||||||
|
import 'package:fluffychat/pangea/events/constants/pangea_event_types.dart';
|
||||||
|
import 'package:fluffychat/pangea/learning_settings/models/language_model.dart';
|
||||||
|
import 'package:fluffychat/pangea/learning_settings/utils/language_list_util.dart';
|
||||||
|
|
||||||
|
class PublicProfileModel {
|
||||||
|
LanguageModel? targetLanguage;
|
||||||
|
Map<LanguageModel, LanguageAnalyticsProfileEntry>? languageAnalytics;
|
||||||
|
|
||||||
|
PublicProfileModel({this.targetLanguage, this.languageAnalytics});
|
||||||
|
|
||||||
|
factory PublicProfileModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
if (!json.containsKey(PangeaEventTypes.profileAnalytics)) {
|
||||||
|
return PublicProfileModel();
|
||||||
|
}
|
||||||
|
|
||||||
|
final profileJson = json[PangeaEventTypes.profileAnalytics];
|
||||||
|
|
||||||
|
final targetLanguage = profileJson[ModelKey.userTargetLanguage] != null
|
||||||
|
? PangeaLanguage.byLangCode(profileJson[ModelKey.userTargetLanguage])
|
||||||
|
: null;
|
||||||
|
|
||||||
|
final languageAnalytics = <LanguageModel, LanguageAnalyticsProfileEntry>{};
|
||||||
|
if (profileJson[ModelKey.analytics] != null &&
|
||||||
|
profileJson[ModelKey.analytics]!.isNotEmpty) {
|
||||||
|
for (final entry in profileJson[ModelKey.analytics].entries) {
|
||||||
|
final lang = PangeaLanguage.byLangCode(entry.key);
|
||||||
|
if (lang == null) continue;
|
||||||
|
final level = entry.value[ModelKey.level];
|
||||||
|
languageAnalytics[lang] = LanguageAnalyticsProfileEntry(level);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
final profile = PublicProfileModel(
|
||||||
|
targetLanguage: targetLanguage,
|
||||||
|
languageAnalytics: languageAnalytics,
|
||||||
|
);
|
||||||
|
return profile;
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
final json = <String, dynamic>{};
|
||||||
|
if (targetLanguage != null) {
|
||||||
|
json[ModelKey.userTargetLanguage] = targetLanguage!.langCode;
|
||||||
|
}
|
||||||
|
|
||||||
|
final analytics = {};
|
||||||
|
if (languageAnalytics != null && languageAnalytics!.isNotEmpty) {
|
||||||
|
for (final entry in languageAnalytics!.entries) {
|
||||||
|
analytics[entry.key.langCode] = {ModelKey.level: entry.value.level};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
json[ModelKey.analytics] = analytics;
|
||||||
|
return json;
|
||||||
|
}
|
||||||
|
|
||||||
|
bool get isEmpty =>
|
||||||
|
targetLanguage == null &&
|
||||||
|
(languageAnalytics == null || languageAnalytics!.isEmpty);
|
||||||
|
|
||||||
|
void setLevel(LanguageModel language, int level) {
|
||||||
|
languageAnalytics ??= {};
|
||||||
|
languageAnalytics![language] ??= LanguageAnalyticsProfileEntry(0);
|
||||||
|
languageAnalytics![language]!.level = level;
|
||||||
|
}
|
||||||
|
|
||||||
|
int? get level => languageAnalytics?[targetLanguage]?.level;
|
||||||
|
}
|
||||||
|
|
||||||
|
class LanguageAnalyticsProfileEntry {
|
||||||
|
int level;
|
||||||
|
|
||||||
|
LanguageAnalyticsProfileEntry(this.level);
|
||||||
|
}
|
||||||
@ -0,0 +1,150 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
||||||
|
|
||||||
|
import 'package:fluffychat/config/app_config.dart';
|
||||||
|
import 'package:fluffychat/pangea/user/models/profile_model.dart';
|
||||||
|
import 'package:fluffychat/widgets/matrix.dart';
|
||||||
|
|
||||||
|
class PublicLevelIndicator extends StatelessWidget {
|
||||||
|
final String userId;
|
||||||
|
const PublicLevelIndicator({
|
||||||
|
required this.userId,
|
||||||
|
super.key,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final profileFuture =
|
||||||
|
MatrixState.pangeaController.userController.getPublicProfile(userId);
|
||||||
|
|
||||||
|
return FutureBuilder<PublicProfileModel>(
|
||||||
|
future: profileFuture,
|
||||||
|
builder: (context, snapshot) {
|
||||||
|
if (snapshot.connectionState == ConnectionState.waiting) {
|
||||||
|
return const Padding(
|
||||||
|
padding: EdgeInsets.all(16),
|
||||||
|
child: LinearProgressIndicator(),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (snapshot.hasError) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(15),
|
||||||
|
color: Theme.of(context).colorScheme.surfaceBright,
|
||||||
|
),
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 6,
|
||||||
|
vertical: 2,
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Icon(
|
||||||
|
size: 14,
|
||||||
|
Icons.error_outline,
|
||||||
|
color: Theme.of(context).colorScheme.error,
|
||||||
|
weight: 1000,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 5),
|
||||||
|
Text(
|
||||||
|
L10n.of(context).oopsSomethingWentWrong,
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 12,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (snapshot.hasData &&
|
||||||
|
snapshot.data!.targetLanguage == null &&
|
||||||
|
snapshot.data!.level == null) {
|
||||||
|
return const SizedBox.shrink();
|
||||||
|
}
|
||||||
|
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
if (snapshot.data?.targetLanguage != null)
|
||||||
|
Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(15),
|
||||||
|
color: Theme.of(context).colorScheme.surfaceBright,
|
||||||
|
),
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 6,
|
||||||
|
vertical: 2,
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Icon(
|
||||||
|
size: 14,
|
||||||
|
Icons.language,
|
||||||
|
color: Theme.of(context).colorScheme.primary,
|
||||||
|
weight: 1000,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 5),
|
||||||
|
Text(
|
||||||
|
snapshot.data!.targetLanguage!.displayName,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 12,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
color: Theme.of(context).colorScheme.primary,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 12),
|
||||||
|
if (snapshot.data?.level != null)
|
||||||
|
Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(15),
|
||||||
|
color: Theme.of(context).colorScheme.surfaceBright,
|
||||||
|
),
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 4,
|
||||||
|
vertical: 2,
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
CircleAvatar(
|
||||||
|
backgroundColor: AppConfig.gold,
|
||||||
|
radius: 8,
|
||||||
|
child: Icon(
|
||||||
|
size: 12,
|
||||||
|
Icons.star,
|
||||||
|
color: Theme.of(context).colorScheme.surfaceBright,
|
||||||
|
weight: 1000,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
Text(
|
||||||
|
L10n.of(context).levelShort(snapshot.data!.level!),
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 12,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
color: Theme.of(context).colorScheme.primary,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue