32 changed files with 2368 additions and 507 deletions
-
2android/app/build.gradle
-
BINassets/images/png/ic_about.png
-
BINassets/images/png/image_mock.png
-
3assets/images/svg/ic_arrow_down.svg
-
3assets/images/svg/ic_bookmark.svg
-
7assets/images/svg/ic_clear.svg
-
3assets/images/svg/ic_comment.svg
-
3assets/images/svg/ic_like.svg
-
3assets/images/svg/ic_send.svg
-
9assets/images/svg/ic_share.svg
-
6assets/images/svg/ic_view.svg
-
5assets/languages/en.json
-
7assets/languages/fa.json
-
1061assets/meta/data.json
-
14lib/core/html/html_viewer.dart
-
6lib/core/utils/app_utils.dart
-
35lib/core/widgets/loading_list_widget.dart
-
213lib/core/widgets/shimmer.dart
-
72lib/features/main/main_screen.dart
-
108lib/features/posts/cubit/posts_cubit.dart
-
187lib/features/posts/screen/posts_screen.dart
-
33lib/features/posts/widgets/post_item_widget.dart
-
106lib/features/posts/widgets/search_widget.dart
-
34lib/features/single_post/cubit/single_post_cubit.dart
-
163lib/features/single_post/screen/single_post_screen.dart
-
8lib/features/single_post/view_models/comment.dart
-
145lib/features/single_post/view_models/post.dart
-
31lib/features/single_post/view_models/thumbnail.dart
-
71lib/features/single_post/widget/add_comment_widget.dart
-
59lib/features/single_post/widget/post_comment_widget.dart
-
44pubspec.lock
-
2pubspec.yaml
|
After Width: 512 | Height: 512 | Size: 20 KiB |
|
After Width: 1204 | Height: 696 | Size: 1.6 MiB |
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="7.858" height="4.458" viewBox="0 0 7.858 4.458"> |
|||
<path id="Icon_awesome-caret-down" data-name="Icon awesome-caret-down" d="M1.323,13.5h6.8a.528.528,0,0,1,.373.9L5.1,17.8a.53.53,0,0,1-.748,0L.95,14.4A.528.528,0,0,1,1.323,13.5Z" transform="translate(-0.794 -13.5)" fill="#404966"/> |
|||
</svg> |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="14.003" height="17.718" viewBox="0 0 14.003 17.718"> |
|||
<path id="Icon_feather-bookmark" data-name="Icon feather-bookmark" d="M20.5,21.218,14,16.574,7.5,21.218V6.358A1.858,1.858,0,0,1,9.358,4.5h9.288A1.858,1.858,0,0,1,20.5,6.358Z" transform="translate(-7 -4)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> |
|||
</svg> |
|||
@ -0,0 +1,7 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34"> |
|||
<g id="Group_1609" data-name="Group 1609" transform="translate(-87 -30)"> |
|||
<circle id="Ellipse_370" data-name="Ellipse 370" cx="17" cy="17" r="17" transform="translate(87 30)" fill="#e7e7f5"/> |
|||
<line id="Line_242" data-name="Line 242" y2="15" transform="translate(98.697 41.697) rotate(-45)" fill="none" stroke="#8d95ab" stroke-linecap="round" stroke-width="2"/> |
|||
<line id="Line_243" data-name="Line 243" y2="15" transform="translate(109.303 41.697) rotate(45)" fill="none" stroke="#8d95ab" stroke-linecap="round" stroke-width="2"/> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="19.668" height="19.679" viewBox="0 0 19.668 19.679"> |
|||
<path id="Icon_awesome-comment-alt" data-name="Icon awesome-comment-alt" d="M16.334,0h-14A2.336,2.336,0,0,0,0,2.333v10.5a2.336,2.336,0,0,0,2.333,2.333h3.5V18.23a.438.438,0,0,0,.7.354l4.554-3.416h5.25a2.336,2.336,0,0,0,2.333-2.333V2.333A2.336,2.336,0,0,0,16.334,0Z" transform="translate(0.5 0.5)" fill="none" stroke="#fff" stroke-width="1"/> |
|||
</svg> |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="20.671" height="18.087" viewBox="0 0 20.671 18.087"> |
|||
<path id="Icon_awesome-heart" data-name="Icon awesome-heart" d="M18.664,3.484a5.521,5.521,0,0,0-7.534.549l-.8.82-.8-.82a5.521,5.521,0,0,0-7.534-.549,5.8,5.8,0,0,0-.4,8.393l7.812,8.066a1.266,1.266,0,0,0,1.829,0l7.812-8.066a5.794,5.794,0,0,0-.4-8.393Z" transform="translate(0.001 -2.248)" fill="#ef4c4c"/> |
|||
</svg> |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24.915" height="21.355" viewBox="0 0 24.915 21.355"> |
|||
<path id="Icon_material-send" data-name="Icon material-send" d="M.012,21.355l24.9-10.678L.012,0,0,8.3l17.8,2.373L0,13.05Z" transform="translate(24.915 21.355) rotate(180)" fill="#636e88"/> |
|||
</svg> |
|||
@ -0,0 +1,9 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16.046" height="17.718" viewBox="0 0 16.046 17.718"> |
|||
<g id="Icon_feather-share-2" data-name="Icon feather-share-2" transform="translate(0.5 0.5)"> |
|||
<path id="Path_2718" data-name="Path 2718" d="M27.515,5.508A2.508,2.508,0,1,1,25.008,3,2.508,2.508,0,0,1,27.515,5.508Z" transform="translate(-12.469 -3)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> |
|||
<path id="Path_2719" data-name="Path 2719" d="M9.515,16.008A2.508,2.508,0,1,1,7.008,13.5,2.508,2.508,0,0,1,9.515,16.008Z" transform="translate(-4.5 -7.649)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> |
|||
<path id="Path_2720" data-name="Path 2720" d="M27.515,26.508A2.508,2.508,0,1,1,25.008,24,2.508,2.508,0,0,1,27.515,26.508Z" transform="translate(-12.469 -12.298)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> |
|||
<path id="Path_2721" data-name="Path 2721" d="M12.885,20.265l5.709,3.327" transform="translate(-8.212 -10.644)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> |
|||
<path id="Path_2722" data-name="Path 2722" d="M18.586,9.765l-5.7,3.327" transform="translate(-8.212 -5.995)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24.021" height="17.743" viewBox="0 0 24.021 17.743"> |
|||
<g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(0.5 0.5)"> |
|||
<path id="Path_2723" data-name="Path 2723" d="M1.5,14.371S5.686,6,13.01,6s11.51,8.371,11.51,8.371-4.186,8.371-11.51,8.371S1.5,14.371,1.5,14.371Z" transform="translate(-1.5 -6)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> |
|||
<path id="Path_2724" data-name="Path 2724" d="M19.778,16.639A3.139,3.139,0,1,1,16.639,13.5,3.139,3.139,0,0,1,19.778,16.639Z" transform="translate(-5.129 -8.268)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> |
|||
</g> |
|||
</svg> |
|||
1061
assets/meta/data.json
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,35 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:sonnat/core/extensions/context_extension.dart'; |
|||
import 'package:sonnat/core/utils/app_constants.dart'; |
|||
import 'package:sonnat/core/widgets/shimmer.dart'; |
|||
|
|||
class LoadingListWidget extends StatelessWidget { |
|||
const LoadingListWidget({super.key}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Shimmer.fromColors( |
|||
baseColor: Colors.black12, |
|||
highlightColor: Colors.white, |
|||
child: ListView.builder( |
|||
padding: EdgeInsets.zero, |
|||
itemBuilder: (_, __) => Container( |
|||
height: 200, |
|||
decoration: BoxDecoration( |
|||
color: const Color(0xffffffff), |
|||
borderRadius: BorderRadius.circular(16), |
|||
), |
|||
margin: EdgeInsets.only( |
|||
left: context.width * 26 / AppConstants.instance.appWidth, |
|||
right: context.width * 26 / AppConstants.instance.appWidth, |
|||
bottom: context.height * 8 / AppConstants.instance.appHeight, |
|||
top: context.height * 8 / AppConstants.instance.appHeight, |
|||
), |
|||
), |
|||
physics: const NeverScrollableScrollPhysics(), |
|||
shrinkWrap: true, |
|||
itemCount: 10, |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,213 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter/rendering.dart'; |
|||
|
|||
enum ShimmerDirection { ltr, rtl, ttb, btt } |
|||
|
|||
@immutable |
|||
class Shimmer extends StatefulWidget { |
|||
final Widget child; |
|||
final Duration period; |
|||
final ShimmerDirection direction; |
|||
final Gradient gradient; |
|||
final int loop; |
|||
final bool enabled; |
|||
|
|||
const Shimmer({ |
|||
super.key, |
|||
required this.child, |
|||
required this.gradient, |
|||
this.direction = ShimmerDirection.rtl, |
|||
this.period = const Duration(milliseconds: 1500), |
|||
this.loop = 0, |
|||
this.enabled = true, |
|||
}); |
|||
|
|||
Shimmer.fromColors({ |
|||
super.key, |
|||
required this.child, |
|||
required Color baseColor, |
|||
required Color highlightColor, |
|||
this.period = const Duration(milliseconds: 1500), |
|||
this.direction = ShimmerDirection.rtl, |
|||
this.loop = 0, |
|||
this.enabled = true, |
|||
}) : gradient = LinearGradient( |
|||
begin: Alignment.topLeft, |
|||
end: Alignment.centerRight, |
|||
colors: <Color>[baseColor, baseColor, highlightColor, baseColor, baseColor], |
|||
stops: const <double>[0.0, 0.35, 0.5, 0.65, 1.0], |
|||
); |
|||
|
|||
@override |
|||
State<Shimmer> createState() => _ShimmerState(); |
|||
|
|||
@override |
|||
void debugFillProperties(DiagnosticPropertiesBuilder properties) { |
|||
super.debugFillProperties(properties); |
|||
properties.add(DiagnosticsProperty<Gradient>('gradient', gradient, defaultValue: null)); |
|||
properties.add(EnumProperty<ShimmerDirection>('direction', direction)); |
|||
properties.add(DiagnosticsProperty<Duration>('period', period, defaultValue: null)); |
|||
properties.add(DiagnosticsProperty<bool>('enabled', enabled, defaultValue: null)); |
|||
properties.add(DiagnosticsProperty<int>('loop', loop, defaultValue: 0)); |
|||
} |
|||
} |
|||
|
|||
class _ShimmerState extends State<Shimmer> with SingleTickerProviderStateMixin { |
|||
late AnimationController _controller; |
|||
int _count = 0; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_controller = AnimationController(vsync: this, duration: widget.period) |
|||
..addStatusListener((status) { |
|||
if (status != AnimationStatus.completed) { |
|||
return; |
|||
} |
|||
_count++; |
|||
if (widget.loop <= 0) { |
|||
_controller.repeat(); |
|||
} else if (_count < widget.loop) { |
|||
_controller.forward(from: 0.0); |
|||
} |
|||
}); |
|||
if (widget.enabled) { |
|||
_controller.forward(); |
|||
} |
|||
} |
|||
|
|||
@override |
|||
void didUpdateWidget(Shimmer oldWidget) { |
|||
if (widget.enabled) { |
|||
_controller.forward(); |
|||
} else { |
|||
_controller.stop(); |
|||
} |
|||
super.didUpdateWidget(oldWidget); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return AnimatedBuilder( |
|||
animation: _controller, |
|||
child: widget.child, |
|||
builder: (context, child) => _Shimmer( |
|||
direction: widget.direction, |
|||
gradient: widget.gradient, |
|||
percent: _controller.value, |
|||
child: child, |
|||
), |
|||
); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
_controller.dispose(); |
|||
super.dispose(); |
|||
} |
|||
} |
|||
|
|||
@immutable |
|||
class _Shimmer extends SingleChildRenderObjectWidget { |
|||
final double percent; |
|||
final ShimmerDirection direction; |
|||
final Gradient gradient; |
|||
|
|||
const _Shimmer({ |
|||
super.child, |
|||
required this.percent, |
|||
required this.direction, |
|||
required this.gradient, |
|||
}); |
|||
|
|||
@override |
|||
_ShimmerFilter createRenderObject(BuildContext context) { |
|||
return _ShimmerFilter(percent, direction, gradient); |
|||
} |
|||
|
|||
@override |
|||
void updateRenderObject(BuildContext context, _ShimmerFilter shimmer) { |
|||
shimmer.percent = percent; |
|||
shimmer.gradient = gradient; |
|||
shimmer.direction = direction; |
|||
} |
|||
} |
|||
|
|||
class _ShimmerFilter extends RenderProxyBox { |
|||
ShimmerDirection _direction; |
|||
Gradient _gradient; |
|||
double _percent; |
|||
|
|||
_ShimmerFilter(this._percent, this._direction, this._gradient); |
|||
|
|||
@override |
|||
ShaderMaskLayer? get layer => super.layer as ShaderMaskLayer?; |
|||
|
|||
@override |
|||
bool get alwaysNeedsCompositing => child != null; |
|||
|
|||
set percent(double newValue) { |
|||
if (newValue == _percent) { |
|||
return; |
|||
} |
|||
_percent = newValue; |
|||
markNeedsPaint(); |
|||
} |
|||
|
|||
set gradient(Gradient newValue) { |
|||
if (newValue == _gradient) { |
|||
return; |
|||
} |
|||
_gradient = newValue; |
|||
markNeedsPaint(); |
|||
} |
|||
|
|||
set direction(ShimmerDirection newDirection) { |
|||
if (newDirection == _direction) { |
|||
return; |
|||
} |
|||
_direction = newDirection; |
|||
markNeedsLayout(); |
|||
} |
|||
|
|||
@override |
|||
void paint(PaintingContext context, Offset offset) { |
|||
if (child != null) { |
|||
assert(needsCompositing); |
|||
|
|||
final double width = child!.size.width; |
|||
final double height = child!.size.height; |
|||
Rect rect; |
|||
double dx, dy; |
|||
if (_direction == ShimmerDirection.rtl) { |
|||
dx = _offset(width, -width, _percent); |
|||
dy = 0.0; |
|||
rect = Rect.fromLTWH(dx - width, dy, 3 * width, height); |
|||
} else if (_direction == ShimmerDirection.ttb) { |
|||
dx = 0.0; |
|||
dy = _offset(-height, height, _percent); |
|||
rect = Rect.fromLTWH(dx, dy - height, width, 3 * height); |
|||
} else if (_direction == ShimmerDirection.btt) { |
|||
dx = 0.0; |
|||
dy = _offset(height, -height, _percent); |
|||
rect = Rect.fromLTWH(dx, dy - height, width, 3 * height); |
|||
} else { |
|||
dx = _offset(-width, width, _percent); |
|||
dy = 0.0; |
|||
rect = Rect.fromLTWH(dx - width, dy, 3 * width, height); |
|||
} |
|||
layer ??= ShaderMaskLayer(); |
|||
layer! |
|||
..shader = _gradient.createShader(rect) |
|||
..maskRect = offset & size |
|||
..blendMode = BlendMode.srcIn; |
|||
context.pushLayer(layer!, super.paint, offset); |
|||
} else { |
|||
layer = null; |
|||
} |
|||
} |
|||
|
|||
double _offset(double start, double end, double percent) { |
|||
return start + (end - start) * percent; |
|||
} |
|||
} |
|||
@ -0,0 +1,108 @@ |
|||
import 'dart:async'; |
|||
import 'dart:convert'; |
|||
import 'dart:math'; |
|||
|
|||
import 'package:flutter/services.dart'; |
|||
import 'package:flutter_bloc/flutter_bloc.dart'; |
|||
import 'package:sonnat/core/utils/base_cubit_type.dart'; |
|||
import 'package:sonnat/features/single_post/view_models/post.dart'; |
|||
|
|||
class PostsCubit extends Cubit<BaseCubitType<PostsState>> { |
|||
List<Post> allData = []; |
|||
List<Post> postList = []; |
|||
List<Post> searchedList = []; |
|||
bool hasReachedMax = false; |
|||
String _query = ''; |
|||
|
|||
PostsCubit() : super(BaseCubitType(eventName: PostsState.empty)); |
|||
|
|||
void empty() => emit(BaseCubitType(eventName: PostsState.empty)); |
|||
|
|||
Future<void> getData() async { |
|||
if (hasReachedMax) { |
|||
return; |
|||
} |
|||
if (postList.isNotEmpty) { |
|||
emit(BaseCubitType(eventName: PostsState.loadingPagination)); |
|||
} else { |
|||
emit(BaseCubitType(eventName: PostsState.loading)); |
|||
} |
|||
String data = await rootBundle.loadString('assets/meta/data.json'); |
|||
allData = List<Post>.from( |
|||
jsonDecode(data)['posts'].map( |
|||
(post) => Post.fromJson(post).copyWith(DateTime.now().millisecondsSinceEpoch), |
|||
), |
|||
); |
|||
if (allData.isNotEmpty) { |
|||
List<Post> posts = allData.getRange(postList.length, min(postList.length + 20, allData.length)).toList(); |
|||
hasReachedMax = posts.length < 20; |
|||
postList += posts; |
|||
emit(BaseCubitType(eventName: PostsState.data)); |
|||
} else { |
|||
emit(BaseCubitType(eventName: PostsState.data)); |
|||
} |
|||
} |
|||
|
|||
Future<void> search({required String query}) async { |
|||
if (query.isEmpty) { |
|||
unawaited(getData()); |
|||
_query = ''; |
|||
searchedList.clear(); |
|||
emit(BaseCubitType(eventName: PostsState.data)); |
|||
return; |
|||
} |
|||
if (_query != query) { |
|||
hasReachedMax = false; |
|||
searchedList.clear(); |
|||
_query = query; |
|||
} |
|||
if (hasReachedMax) { |
|||
return; |
|||
} |
|||
if (searchedList.isNotEmpty) { |
|||
emit(BaseCubitType(eventName: PostsState.loadingPagination)); |
|||
} else { |
|||
emit(BaseCubitType(eventName: PostsState.loading)); |
|||
} |
|||
await Future.delayed(Duration(milliseconds: Random().nextInt(1000))); |
|||
String data = await rootBundle.loadString('assets/meta/data.json'); |
|||
allData = List<Post>.from( |
|||
jsonDecode(data)['posts'].map( |
|||
(post) => Post.fromJson(post).copyWith( |
|||
DateTime.now().millisecondsSinceEpoch, |
|||
), |
|||
), |
|||
); |
|||
if (allData.isNotEmpty) { |
|||
List<Post> posts = allData.where((element) => element.name.contains(query.trim())).toList(); |
|||
hasReachedMax = posts.length < 20; |
|||
searchedList += posts; |
|||
emit(BaseCubitType(eventName: PostsState.data)); |
|||
} else { |
|||
emit(BaseCubitType(eventName: PostsState.data)); |
|||
} |
|||
} |
|||
|
|||
String get query => _query; |
|||
|
|||
void clearSearch() { |
|||
unawaited(getData()); |
|||
_query = ''; |
|||
searchedList.clear(); |
|||
emit(BaseCubitType(eventName: PostsState.data)); |
|||
} |
|||
|
|||
Future<void> changeFilter(int index) async { |
|||
emit(BaseCubitType(eventName: PostsState.changeFilterIndex, data: index)); |
|||
await Future.delayed(Duration(milliseconds: Random().nextInt(1000))); |
|||
await getData(); |
|||
} |
|||
} |
|||
|
|||
enum PostsState { |
|||
empty, |
|||
data, |
|||
loading, |
|||
loadingPagination, |
|||
changeFilterIndex, |
|||
} |
|||
@ -0,0 +1,106 @@ |
|||
import 'dart:async'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_svg/flutter_svg.dart'; |
|||
import 'package:sonnat/core/extensions/context_extension.dart'; |
|||
import 'package:sonnat/core/extensions/string_extension.dart'; |
|||
import 'package:sonnat/core/language/translator.dart'; |
|||
import 'package:sonnat/core/utils/app_constants.dart'; |
|||
|
|||
class SearchWidget extends StatefulWidget { |
|||
final Function(String query) search; |
|||
|
|||
const SearchWidget({super.key, required this.search}); |
|||
|
|||
@override |
|||
State<SearchWidget> createState() => _SearchWidgetState(); |
|||
} |
|||
|
|||
class _SearchWidgetState extends State<SearchWidget> { |
|||
final TextEditingController _controller = TextEditingController(); |
|||
|
|||
@override |
|||
void dispose() { |
|||
_controller.dispose(); |
|||
super.dispose(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return SizedBox( |
|||
height: 49 * context.height / AppConstants.instance.appHeight, |
|||
child: TextFormField( |
|||
autofocus: false, |
|||
maxLength: 300, |
|||
controller: _controller, |
|||
onChanged: (value) { |
|||
Debounce.debounce('search_query', const Duration(milliseconds: 1000), () { |
|||
widget.search(_controller.text.trim()); |
|||
}); |
|||
}, |
|||
maxLines: 10, |
|||
minLines: 4, |
|||
style: const TextStyle( |
|||
color: Color(0xff8D95AB), |
|||
fontSize: 10, |
|||
), |
|||
decoration: InputDecoration( |
|||
fillColor: const Color(0xffF4F4F8), |
|||
contentPadding: const EdgeInsets.symmetric( |
|||
vertical: 15, |
|||
horizontal: 18, |
|||
), |
|||
hintText: Translator.translate('search'), |
|||
filled: true, |
|||
counterText: '', |
|||
hintStyle: const TextStyle( |
|||
color: Color(0xff8D95AB), |
|||
fontSize: 10, |
|||
), |
|||
enabledBorder: OutlineInputBorder( |
|||
borderRadius: BorderRadius.circular(19), |
|||
borderSide: const BorderSide(color: Colors.transparent), |
|||
), |
|||
suffixIcon: GestureDetector( |
|||
onTap: () { |
|||
_controller.text = ''; |
|||
widget.search.call(_controller.text.trim()); |
|||
}, |
|||
child: Padding( |
|||
padding: const EdgeInsetsDirectional.only(end: 3, bottom: 4, top: 4), |
|||
child: SvgPicture.asset('ic_clear'.svgPath), |
|||
), |
|||
), |
|||
focusedBorder: OutlineInputBorder( |
|||
borderRadius: BorderRadius.circular(19), |
|||
borderSide: const BorderSide(color: Colors.transparent), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class Debounce { |
|||
static final Map<String, Timer> _timers = {}; |
|||
|
|||
static void debounce(String tag, Duration duration, Function onExecute) { |
|||
if (duration == Duration.zero) { |
|||
_timers[tag]?.cancel(); |
|||
_timers.remove(tag); |
|||
onExecute(); |
|||
} else { |
|||
_timers[tag]?.cancel(); |
|||
_timers[tag] = Timer(duration, () { |
|||
_timers[tag]?.cancel(); |
|||
_timers.remove(tag); |
|||
onExecute(); |
|||
}); |
|||
} |
|||
} |
|||
|
|||
static void cancel(String tag) { |
|||
_timers[tag]?.cancel(); |
|||
_timers.remove(tag); |
|||
} |
|||
} |
|||
@ -0,0 +1,34 @@ |
|||
import 'dart:math'; |
|||
|
|||
import 'package:flutter_bloc/flutter_bloc.dart'; |
|||
import 'package:sonnat/core/utils/base_cubit_type.dart'; |
|||
import 'package:sonnat/features/single_post/view_models/comment.dart'; |
|||
|
|||
class SinglePostCubit extends Cubit<BaseCubitType<SinglePostState>> { |
|||
List<Comment> commentList = []; |
|||
|
|||
SinglePostCubit() : super(BaseCubitType(eventName: SinglePostState.empty)); |
|||
|
|||
void empty() => emit(BaseCubitType(eventName: SinglePostState.empty)); |
|||
|
|||
void addComment(String comment) { |
|||
Comment newComment = Comment( |
|||
date: DateTime.now().millisecondsSinceEpoch, |
|||
text: comment, |
|||
author: 'محسن زمانی', |
|||
id: Random.secure().nextInt(10000), |
|||
); |
|||
commentList.insert(0, newComment); |
|||
emit(BaseCubitType(eventName: SinglePostState.data)); |
|||
} |
|||
|
|||
void deleteComment(int id) { |
|||
commentList.removeWhere((element) => element.id == id); |
|||
emit(BaseCubitType(eventName: SinglePostState.data)); |
|||
} |
|||
} |
|||
|
|||
enum SinglePostState { |
|||
empty, |
|||
data, |
|||
} |
|||
@ -0,0 +1,8 @@ |
|||
class Comment { |
|||
String author; |
|||
String text; |
|||
int date; |
|||
int id; |
|||
|
|||
Comment({required this.date, required this.text, required this.author, required this.id}); |
|||
} |
|||
@ -1,120 +1,35 @@ |
|||
import 'package:sonnat/features/single_post/view_models/thumbnail.dart'; |
|||
|
|||
class Post { |
|||
String? _url; |
|||
Thumbnails? _thumbnail; |
|||
List<Categories>? _categories; |
|||
String? _author; |
|||
String? _title; |
|||
String? _content; |
|||
String? _summary; |
|||
bool? _asSpecial; |
|||
bool? _status; |
|||
String? _createdAt; |
|||
|
|||
String? get url => _url; |
|||
|
|||
Thumbnails? get thumbnail => _thumbnail; |
|||
|
|||
List<Categories>? get categories => _categories; |
|||
|
|||
String? get author => _author; |
|||
|
|||
String? get title => _title; |
|||
|
|||
String? get content => _content; |
|||
|
|||
String? get summary => _summary; |
|||
|
|||
bool? get asSpecial => _asSpecial; |
|||
|
|||
bool? get status => _status; |
|||
|
|||
String? get createdAt => _createdAt; |
|||
|
|||
Post( |
|||
{String? url, |
|||
Thumbnails? thumbnail, |
|||
List<Categories>? categories, |
|||
String? author, |
|||
String? title, |
|||
String? content, |
|||
String? summary, |
|||
bool? asSpecial, |
|||
bool? status, |
|||
String? createdAt}) { |
|||
_url = url; |
|||
_thumbnail = thumbnail; |
|||
_categories = categories; |
|||
_author = author; |
|||
_title = title; |
|||
_content = content; |
|||
_summary = summary; |
|||
_asSpecial = asSpecial; |
|||
_status = status; |
|||
_createdAt = createdAt; |
|||
} |
|||
|
|||
Post.fromJson(dynamic json) { |
|||
_url = json['url']; |
|||
_thumbnail = json['thumbnail'] != null ? Thumbnails.fromJson(json['thumbnail']) : null; |
|||
if (json['categories'] != null) { |
|||
_categories = []; |
|||
json['categories'].forEach((v) { |
|||
_categories?.add(Categories.fromJson(v)); |
|||
int id; |
|||
String name; |
|||
String description; |
|||
String image; |
|||
int date; |
|||
|
|||
Post({ |
|||
required this.description, |
|||
required this.name, |
|||
required this.image, |
|||
required this.id, |
|||
required this.date, |
|||
}); |
|||
} |
|||
_author = json['author']; |
|||
_title = json['title']; |
|||
_content = json['content']; |
|||
_summary = json['summary']; |
|||
_asSpecial = json['as_special']; |
|||
_status = json['status']; |
|||
_createdAt = json['created_at']; |
|||
} |
|||
|
|||
Map<String, dynamic> toJson() { |
|||
var map = <String, dynamic>{}; |
|||
map['url'] = _url; |
|||
if (_thumbnail != null) { |
|||
map['thumbnail'] = _thumbnail?.toJson(); |
|||
} |
|||
if (_categories != null) { |
|||
map['categories'] = _categories?.map((v) => v.toJson()).toList(); |
|||
} |
|||
map['author'] = _author; |
|||
map['title'] = _title; |
|||
map['content'] = _content; |
|||
map['summary'] = _summary; |
|||
map['as_special'] = _asSpecial; |
|||
map['status'] = _status; |
|||
map['created_at'] = _createdAt; |
|||
return map; |
|||
} |
|||
} |
|||
|
|||
class Categories { |
|||
String? _name; |
|||
String? _url; |
|||
|
|||
String? get name => _name; |
|||
|
|||
String? get url => _url; |
|||
|
|||
Categories({String? name, String? url}) { |
|||
_name = name; |
|||
_url = url; |
|||
} |
|||
|
|||
Categories.fromJson(dynamic json) { |
|||
_name = json['name']; |
|||
_url = json['url']; |
|||
} |
|||
|
|||
Map<String, dynamic> toJson() { |
|||
var map = <String, dynamic>{}; |
|||
map['name'] = _name; |
|||
map['url'] = _url; |
|||
return map; |
|||
factory Post.fromJson(Map<String, dynamic> json) { |
|||
return Post( |
|||
name: json['name'], |
|||
image: json['image'], |
|||
description: json['description'], |
|||
id: json['id'], |
|||
date: json['date'], |
|||
); |
|||
} |
|||
|
|||
Post copyWith(int date) { |
|||
return Post( |
|||
description: description, |
|||
name: name, |
|||
image: image, |
|||
id: id, |
|||
date: date, |
|||
); |
|||
} |
|||
} |
|||
@ -1,31 +0,0 @@ |
|||
class Thumbnails { |
|||
String? _sm; |
|||
String? _md; |
|||
String? _lg; |
|||
|
|||
String? get sm => _sm; |
|||
|
|||
String? get md => _md; |
|||
|
|||
String? get lg => _lg; |
|||
|
|||
Thumbnails({String? sm, String? md, String? lg}) { |
|||
_sm = sm; |
|||
_md = md; |
|||
_lg = lg; |
|||
} |
|||
|
|||
Thumbnails.fromJson(dynamic json) { |
|||
_sm = json['sm']; |
|||
_md = json['md']; |
|||
_lg = json['lg']; |
|||
} |
|||
|
|||
Map<String, dynamic> toJson() { |
|||
var map = <String, dynamic>{}; |
|||
map['sm'] = _sm; |
|||
map['md'] = _md; |
|||
map['lg'] = _lg; |
|||
return map; |
|||
} |
|||
} |
|||
@ -0,0 +1,71 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_svg/flutter_svg.dart'; |
|||
import 'package:sonnat/core/extensions/context_extension.dart'; |
|||
import 'package:sonnat/core/extensions/string_extension.dart'; |
|||
import 'package:sonnat/core/language/translator.dart'; |
|||
import 'package:sonnat/core/utils/app_constants.dart'; |
|||
|
|||
class AddCommentWidget extends StatefulWidget { |
|||
final Function(String comment) sendComment; |
|||
|
|||
const AddCommentWidget({super.key, required this.sendComment}); |
|||
|
|||
@override |
|||
State<AddCommentWidget> createState() => _AddCommentWidgetState(); |
|||
} |
|||
|
|||
class _AddCommentWidgetState extends State<AddCommentWidget> { |
|||
final TextEditingController _controller = TextEditingController(); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return SizedBox( |
|||
height: 49 * context.height / AppConstants.instance.appHeight, |
|||
child: TextFormField( |
|||
autofocus: false, |
|||
maxLength: 300, |
|||
controller: _controller, |
|||
maxLines: 10, |
|||
minLines: 4, |
|||
style: const TextStyle( |
|||
color: Color(0xff8D95AB), |
|||
fontSize: 10, |
|||
), |
|||
decoration: InputDecoration( |
|||
fillColor: Colors.transparent, |
|||
contentPadding: const EdgeInsets.symmetric( |
|||
vertical: 15, |
|||
horizontal: 18, |
|||
), |
|||
hintText: Translator.translate('write_comment'), |
|||
filled: true, |
|||
counterText: '', |
|||
hintStyle: const TextStyle( |
|||
color: Color(0xff8D95AB), |
|||
fontSize: 10, |
|||
), |
|||
enabledBorder: OutlineInputBorder( |
|||
borderRadius: BorderRadius.circular(19), |
|||
borderSide: const BorderSide(color: Color(0xff636E88)), |
|||
), |
|||
suffixIcon: GestureDetector( |
|||
onTap: () { |
|||
if (_controller.text.trim().isNotEmpty) { |
|||
widget.sendComment.call(_controller.text.trim()); |
|||
_controller.text = ''; |
|||
} |
|||
}, |
|||
child: Padding( |
|||
padding: const EdgeInsetsDirectional.only(end: 18, bottom: 8, top: 8), |
|||
child: SvgPicture.asset('ic_send'.svgPath), |
|||
), |
|||
), |
|||
focusedBorder: OutlineInputBorder( |
|||
borderRadius: BorderRadius.circular(19), |
|||
borderSide: const BorderSide(color: Color(0xff636E88)), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,59 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:sonnat/core/utils/app_utils.dart'; |
|||
import 'package:sonnat/features/single_post/view_models/comment.dart'; |
|||
|
|||
class PostCommentWidget extends StatelessWidget { |
|||
final Comment comment; |
|||
|
|||
const PostCommentWidget({super.key, required this.comment}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
decoration: BoxDecoration( |
|||
color: const Color(0xff8D95AB).withOpacity(0.35), |
|||
borderRadius: BorderRadius.circular(19), |
|||
), |
|||
margin: const EdgeInsets.only(bottom: 8, top: 8), |
|||
padding: const EdgeInsetsDirectional.only( |
|||
top: 14, |
|||
bottom: 18, |
|||
start: 18, |
|||
end: 23, |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Text( |
|||
comment.author, |
|||
style: const TextStyle( |
|||
color: Color(0xff404966), |
|||
fontSize: 8, |
|||
), |
|||
), |
|||
const SizedBox(width: 4), |
|||
Text( |
|||
Utils.instance.dateToString(comment.date), |
|||
style: const TextStyle( |
|||
color: Color(0xff404966), |
|||
fontSize: 8, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 13), |
|||
Text( |
|||
comment.text, |
|||
style: const TextStyle( |
|||
color: Color(0xff636E88), |
|||
fontSize: 10, |
|||
fontFamily: 'Vazir', |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue