forked from singerdmx/flutter-quill
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add custom toolbar for photo and video. (singerdmx#906)
- Loading branch information
Showing
4 changed files
with
219 additions
and
46 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,155 @@ | ||
| import 'dart:io'; | ||
|
|
||
| import 'package:flutter/foundation.dart'; | ||
| import 'package:flutter/material.dart'; | ||
| import 'package:image_picker/image_picker.dart'; | ||
|
|
||
| import '../../models/documents/nodes/embeddable.dart'; | ||
| import '../../models/rules/insert.dart'; | ||
| import '../../models/themes/quill_dialog_theme.dart'; | ||
| import '../../translations/toolbar.i18n.dart'; | ||
| import '../../utils/platform.dart'; | ||
| import '../controller.dart'; | ||
| import '../toolbar.dart'; | ||
|
|
||
| enum CameraPickSetting { | ||
| Camera, | ||
| Video, | ||
| } | ||
|
|
||
| class CameraVideoUtils { | ||
| static Future<CameraPickSetting?> selectMediaPickSetting( | ||
| BuildContext context, | ||
| ) => | ||
| showDialog<CameraPickSetting>( | ||
| context: context, | ||
| builder: (ctx) => AlertDialog( | ||
| contentPadding: EdgeInsets.zero, | ||
| backgroundColor: Colors.transparent, | ||
| content: Column( | ||
| mainAxisSize: MainAxisSize.min, | ||
| children: [ | ||
| TextButton.icon( | ||
| icon: const Icon( | ||
| Icons.camera, | ||
| color: Colors.orangeAccent, | ||
| ), | ||
| label: Text('Camera'), | ||
| onPressed: () => Navigator.pop(ctx, CameraPickSetting.Camera), | ||
| ), | ||
| TextButton.icon( | ||
| icon: const Icon( | ||
| Icons.video_call, | ||
| color: Colors.cyanAccent, | ||
| ), | ||
| label: Text('Video'), | ||
| onPressed: () => Navigator.pop(ctx, CameraPickSetting.Video), | ||
| ) | ||
| ], | ||
| ), | ||
| ), | ||
| ); | ||
|
|
||
| static Future<void> handleCameraButtonTap( | ||
| BuildContext context, | ||
| QuillController controller, | ||
| ImageSource imageSource, | ||
| OnImagePickCallback onImagePickCallback, | ||
| {FilePickImpl? filePickImpl, | ||
| WebImagePickImpl? webImagePickImpl}) async { | ||
| final index = controller.selection.baseOffset; | ||
| final length = controller.selection.extentOffset - index; | ||
|
|
||
| String? imageUrl; | ||
| if (kIsWeb) { | ||
| assert( | ||
| webImagePickImpl != null, | ||
| 'Please provide webImagePickImpl for Web ' | ||
| '(check out example directory for how to do it)'); | ||
| imageUrl = await webImagePickImpl!(onImagePickCallback); | ||
| } else if (isMobile()) { | ||
| imageUrl = await _pickImage(imageSource, onImagePickCallback); | ||
| } else { | ||
| assert(filePickImpl != null, 'Desktop must provide filePickImpl'); | ||
| imageUrl = | ||
| await _pickImageDesktop(context, filePickImpl!, onImagePickCallback); | ||
| } | ||
|
|
||
| if (imageUrl != null) { | ||
| controller.replaceText(index, length, BlockEmbed.image(imageUrl), null); | ||
| } | ||
| } | ||
|
|
||
| static Future<String?> _pickImage( | ||
| ImageSource source, OnImagePickCallback onImagePickCallback) async { | ||
| final pickedFile = await ImagePicker().pickImage(source: source); | ||
| if (pickedFile == null) { | ||
| return null; | ||
| } | ||
|
|
||
| return onImagePickCallback(File(pickedFile.path)); | ||
| } | ||
|
|
||
| static Future<String?> _pickImageDesktop( | ||
| BuildContext context, | ||
| FilePickImpl filePickImpl, | ||
| OnImagePickCallback onImagePickCallback) async { | ||
| final filePath = await filePickImpl(context); | ||
| if (filePath == null || filePath.isEmpty) return null; | ||
|
|
||
| final file = File(filePath); | ||
| return onImagePickCallback(file); | ||
| } | ||
|
|
||
| /// For video picking logic | ||
| static Future<void> handleVideoButtonTap( | ||
| BuildContext context, | ||
| QuillController controller, | ||
| ImageSource videoSource, | ||
| OnVideoPickCallback onVideoPickCallback, | ||
| {FilePickImpl? filePickImpl, | ||
| WebVideoPickImpl? webVideoPickImpl}) async { | ||
| final index = controller.selection.baseOffset; | ||
| final length = controller.selection.extentOffset - index; | ||
|
|
||
| String? videoUrl; | ||
| if (kIsWeb) { | ||
| assert( | ||
| webVideoPickImpl != null, | ||
| 'Please provide webVideoPickImpl for Web ' | ||
| '(check out example directory for how to do it)'); | ||
| videoUrl = await webVideoPickImpl!(onVideoPickCallback); | ||
| } else if (isMobile()) { | ||
| videoUrl = await _pickVideo(videoSource, onVideoPickCallback); | ||
| } else { | ||
| assert(filePickImpl != null, 'Desktop must provide filePickImpl'); | ||
| videoUrl = | ||
| await _pickVideoDesktop(context, filePickImpl!, onVideoPickCallback); | ||
| } | ||
|
|
||
| if (videoUrl != null) { | ||
| controller.replaceText(index, length, BlockEmbed.video(videoUrl), null); | ||
| } | ||
| } | ||
|
|
||
| static Future<String?> _pickVideo( | ||
| ImageSource source, OnVideoPickCallback onVideoPickCallback) async { | ||
| final pickedFile = await ImagePicker().pickVideo(source: source); | ||
| if (pickedFile == null) { | ||
| return null; | ||
| } | ||
|
|
||
| return onVideoPickCallback(File(pickedFile.path)); | ||
| } | ||
|
|
||
| static Future<String?> _pickVideoDesktop( | ||
| BuildContext context, | ||
| FilePickImpl filePickImpl, | ||
| OnVideoPickCallback onVideoPickCallback) async { | ||
| final filePath = await filePickImpl(context); | ||
| if (filePath == null || filePath.isEmpty) return null; | ||
|
|
||
| final file = File(filePath); | ||
| return onVideoPickCallback(file); | ||
| } | ||
| } |