responsive for web

2025-07-22 10:29:54 +03:30 · 2025-07-22 10:29:54 +03:30 · fc8ac99ea3
parent d2b16244bf
commit fc8ac99ea3
7 changed files with 230 additions and 185 deletions
--- a/lib/routes/route_generator.dart
+++ b/lib/routes/route_generator.dart
@ -41,6 +41,7 @@ import 'package:didvan/views/news/news_details/news_details_state.dart';
 import 'package:didvan/views/news/news_state.dart';
 import 'package:didvan/views/notification_time/notification_time_state.dart';
 import 'package:didvan/views/podcasts/podcasts.dart';
+import 'package:didvan/views/podcasts/studio_details/studio_details_state.dart';
 import 'package:didvan/views/profile/profile.dart';
 import 'package:didvan/views/radar/radar.dart';
 import 'package:didvan/views/radar/radar_details/radar_details.dart';
@ -298,9 +299,12 @@ class RouteGenerator {
      case Routes.studioDetails:
        if (settings.arguments is Map<String, dynamic>) {
            return _createRoute(
-              StudioDetails(
+              ChangeNotifierProvider<StudioDetailsState>(
+                create: (context) => StudioDetailsState(),
+                child: StudioDetails(
                  pageData: settings.arguments as Map<String, dynamic>,
                ),
+              ),
            );
        }
         return _errorRoute(
--- a/lib/services/story_service.dart
+++ b/lib/services/story_service.dart
@ -9,7 +9,6 @@ import 'package:provider/provider.dart';

 class StoryService {
  static Future<List<UserStories>> getStories() async {
-    // دریافت UserProvider از طریق navigatorKey
    final userProvider =
        Provider.of<UserProvider>(navigatorKey.currentContext!, listen: false);
    final userId = userProvider.user.id;
--- a/lib/views/home/main/main_page.dart
+++ b/lib/views/home/main/main_page.dart
@ -14,6 +14,7 @@ import 'package:didvan/views/home/main/widgets/story_section.dart';
 import 'package:didvan/views/widgets/didvan/slider.dart';
 import 'package:didvan/views/widgets/didvan/text.dart';
 import 'package:didvan/views/widgets/state_handlers/state_handler.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:provider/provider.dart';
@ -21,6 +22,27 @@ import 'package:didvan/services/network/request.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 import 'package:didvan/views/home/main/widgets/swot_item_card.dart';

+import 'package:flutter/foundation.dart' show kIsWeb, defaultTargetPlatform;
+import 'package:flutter/material.dart'; // برای دسترسی به TargetPlatform
+// این پکیج فقط برای نسخه وب استفاده می‌شود
+import 'package:universal_html/html.dart' as html;
+
+/// تشخیص می‌دهد که آیا دستگاه یک موبایل است (چه نیتیو و چه وب)
+bool isAnyMobile() {
+  // اگر کد روی وب در حال اجراست
+  if (kIsWeb) {
+    final userAgent = html.window.navigator.userAgent.toLowerCase();
+    return userAgent.contains('mobile') ||
+        userAgent.contains('android') ||
+        userAgent.contains('ios');
+  }
+
+  // اگر کد روی پلتفرم نیتیو در حال اجراست
+  // defaultTargetPlatform پلتفرم اصلی (مثلا اندروید یا iOS) را برمی‌گرداند
+  return defaultTargetPlatform == TargetPlatform.android ||
+      defaultTargetPlatform == TargetPlatform.iOS;
+}
+
 class MainPage extends StatefulWidget {
  const MainPage({
    super.key,
@ -46,17 +68,16 @@ class _MainPageState extends State<MainPage> {
  Widget build(BuildContext context) {
    print("DEBUG: _MainPageState build called");
    return StateHandler<MainPageState>(
-      onRetry: () => {
-        print("DEBUG: _MainPageState onRetry called"),
-        context.read<MainPageState>().init
-      },
+      onRetry: () =>
+          {print("DEBUG: _MainPageState onRetry called"), context.read<MainPageState>().init},
      state: context.watch<MainPageState>(),
      builder: (context, state) {
        print("DEBUG: FutureBuilder waiting");
        print("DEBUG: FutureBuilder state.stories.isNotEmpty: ${state.stories.isNotEmpty}");
        print("DEBUG: FutureBuilder state.content: ${state.content!.lists}");
        print("DEBUG: FutureBuilder state.content != null: ${state.content != null}");
-        print("DEBUG: FutureBuilder state.content!.lists.isNotEmpty: ${state.content!.lists.isNotEmpty}");
+        print(
+            "DEBUG: FutureBuilder state.content!.lists.isNotEmpty: ${state.content!.lists.isNotEmpty}");
        return ListView(
          padding: const EdgeInsets.symmetric(vertical: 16),
          children: [
@ -210,7 +231,7 @@ class _SwotSection extends StatelessWidget {
          DidvanSlider(
            height: 330,
            itemCount: 7,
-            viewportFraction: 0.65,
+            viewportFraction: isAnyMobile() ? 0.65 : 0.55,
            itemBuilder: (context, index, realIndex) => Padding(
              padding: const EdgeInsets.symmetric(horizontal: 0.0),
              child: Padding(
@ -390,7 +411,10 @@ class _MainPageSection extends StatelessWidget {
    return DidvanSlider(
      height: 260 + (_maxSublistCount() - (list.type == 'radar' ? 1 : 0)) * 20,
      itemCount: list.contents.length,
-      viewportFraction: 0.65,
+      // -- START: کد اصلاح شده در اینجا قرار دارد --
+      // از isMobile() برای تنظیم اندازه آیتم‌ها بر اساس موبایل یا دسکتاپ بودن استفاده می‌کنیم
+      viewportFraction: isAnyMobile() ? 0.65 : 0.55,
+      // -- END: کد اصلاح شده --
      itemBuilder: (context, index, realIndex) => Padding(
        padding: const EdgeInsets.symmetric(horizontal: 4),
        child: MainPageGeneralItem(
--- a/lib/views/podcasts/studio_details/studio_details.mobile.dart
+++ b/lib/views/podcasts/studio_details/studio_details.mobile.dart
@ -66,6 +66,7 @@ class _StudioDetailsState extends State<StudioDetails> {
  }

  Future<void> _initializePlayer(StudioDetailsData studio) async {
+    if (widget.pageData['args']['type'] == 'video') {
      // Disposing old controllers before creating new ones.
      _videoPlayerController?.dispose();
      _chewieController?.dispose();
@ -93,6 +94,15 @@ class _StudioDetailsState extends State<StudioDetails> {
      } catch (e) {
          debugPrint("Error initializing video player: $e");
      }
+    } else {
+      // Handle audio playback using MediaService
+      await MediaService.handleAudioPlayback(
+        audioSource: studio.link,
+        id: studio.id,
+        isVoiceMessage: false,
+      );
+      _currentlyPlayingId = studio.id;
+    }
  }

  @override
@ -139,7 +149,7 @@ class _StudioDetailsState extends State<StudioDetails> {
                      appBarData: AppBarData(
                        trailing: BookmarkButton(
                          itemId: state.studio.id,
-                          type: 'video',
+                          type: state.args?.type == 'video' ? 'video' : 'podcast',
                          value: state.studio.marked,
                          onMarkChanged: (value) {
                            widget.pageData['onMarkChanged'](
@ -157,6 +167,7 @@ class _StudioDetailsState extends State<StudioDetails> {
                      height: d.size.height - d.padding.top - 56,
                      child: Column(
                        children: [
+                          if (state.args?.type == 'video')
                            AspectRatio(
                              aspectRatio: 16 / 9,
                              child: (_chewieController != null &&
--- a/lib/views/widgets/audio/player_navbar.dart
+++ b/lib/views/widgets/audio/player_navbar.dart
@ -1,6 +1,8 @@
 // ignore_for_file: unused_element

 import 'package:didvan/config/theme_data.dart';
+import 'package:didvan/models/requests/radar.dart';
+import 'package:didvan/routes/routes.dart';
 import 'package:expandable_bottom_sheet/expandable_bottom_sheet.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_spinkit/flutter_spinkit.dart';
@ -40,24 +42,24 @@ class _PlayerNavBarState extends State<PlayerNavBar> {
      stream: MediaService.audioPlayer.playingStream,
      builder: (context, isPlaying) => GestureDetector(
        onTap: () {
-          // (MediaService.currentPodcast == null &&
-          //           (MediaService.audioPlayerTag ?? '')
-          //               .split('-')[1]
-          //               .isNotEmpty) ||
-          //       MediaService.currentPodcast?.description == 'radar'
-          //   ? Navigator.of(context).pushNamed(
-          //       Routes.radarDetails,
-          //       arguments: {
-          //         'onMarkChanged': (id, value) {},
-          //         'onCommentsChanged': (id, value) {},
-          //         'id': MediaService.currentPodcast?.id,
-          //         'args': const RadarRequestArgs(page: 0),
-          //         'hasUnmarkConfirmation': false,
-          //       },
-          //     )
-          //   : (MediaService.audioPlayerTag ?? '').split('-')[1].isNotEmpty
-          //       ? _showPlayerBottomSheet(context)
-          //       : null;
+          (MediaService.currentPodcast == null &&
+                    (MediaService.audioPlayerTag ?? '')
+                        .split('-')[1]
+                        .isNotEmpty) ||
+                MediaService.currentPodcast?.description == 'radar'
+            ? Navigator.of(context).pushNamed(
+                Routes.radarDetails,
+                arguments: {
+                  'onMarkChanged': (id, value) {},
+                  'onCommentsChanged': (id, value) {},
+                  'id': MediaService.currentPodcast?.id,
+                  'args': const RadarRequestArgs(page: 0),
+                  'hasUnmarkConfirmation': false,
+                },
+              )
+            : (MediaService.audioPlayerTag ?? '').split('-')[1].isNotEmpty
+                ? _showPlayerBottomSheet(context)
+                : null;
        },
        child: Consumer<StudioDetailsState>(
          builder: (context, state, child) => AnimatedContainer(
--- a/lib/views/widgets/overview/podcast.dart
+++ b/lib/views/widgets/overview/podcast.dart
@ -36,9 +36,14 @@ class PodcastOverview extends StatelessWidget {
  Widget build(BuildContext context) {
    return DidvanCard(
      onTap: () {
-        context
-            .read<StudioDetailsState>()
-            .getStudioDetails(podcast.id, args: studioRequestArgs);
+        Navigator.of(context).pushNamed(
+          Routes.studioDetails,
+          arguments: {
+            'id': podcast.id,
+            'args': studioRequestArgs,
+            'onMarkChanged': onMarkChanged,
+          },
+        );
      },
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
--- a/pubspec.yaml
+++ b/pubspec.yaml
@ -49,7 +49,7 @@ dependencies:
  cached_network_image: ^3.2.0
  skeleton_text: ^3.0.0
  carousel_slider: ^5.0.0
-  universal_html: ^2.0.8
+  universal_html: ^2.2.4
  record: ^5.1.2

  persian_number_utility: ^1.1.1