@@ -27,10 +27,17 @@ Smart File Manager (SFM) is a digital housekeeper that uses metadata, natural la
- [🌳 Branching Strategy](#-branching-strategy)
- [✔️ Quality Badges](#️-quality-badges)
+## 📩 Get our installer here
+- [link to our installer](https://drive.google.com/drive/folders/1KlQ3yYhmHYFbv0vVpLBJv5CjVyD5idO4?usp=drive_link)
+
## 🎥 Demo Videos
- [Demo 1 Video](https://drive.google.com/file/d/13_amEyoW3bTHRSY3giBA2xw_4UlJE3Eq/view?usp=sharing)
+- [Demo 2 Video](https://drive.google.com/file/d/1r3b0Cgn8EPdx442N7hdfmTc4ODt7TX4g/view?usp=drive_link)
+
+- [Demo 3 Video]()
+
## 📑 Documentation
+
## 📊 Project Board
The GitHub Project boards are used to track current tasks allocated to each team member, facilitating effective communication, progress monitoring, and ensuring we meet project deadlines while maintaining accountability and transparency throughout the development process.
@@ -74,7 +95,7 @@ The GitHub Project boards are used to track current tasks allocated to each team
Dewald Colesky
- 
+ 
|
Backend Legend
diff --git a/app/.gitignore b/app/.gitignore
index 79c113f..691feee 100644
--- a/app/.gitignore
+++ b/app/.gitignore
@@ -43,3 +43,6 @@ app.*.map.json
/android/app/debug
/android/app/profile
/android/app/release
+
+pubspec.lock
+
diff --git a/app/assets/logo.ico b/app/assets/logo.ico
new file mode 100644
index 0000000..74f0227
Binary files /dev/null and b/app/assets/logo.ico differ
diff --git a/app/lib/api.dart b/app/lib/api.dart
index 3b7156e..731d629 100644
--- a/app/lib/api.dart
+++ b/app/lib/api.dart
@@ -1,133 +1,476 @@
-import 'package:http/http.dart' as http;
-import 'dart:convert';
-import 'models/file_tree_node.dart';
-
-const uri = "http://localhost:51000";
-
-class Api {
- //Call to load tree data
- static Future loadTreeData(String name) async {
- try {
- final response = await http.get(
- Uri.parse("$uri/loadTreeData?name=$name"),
- );
- print(response.body);
-
- if (response.statusCode == 200) {
- return FileTreeNode.fromJson(
- jsonDecode(response.body) as Map,
- );
- } else {
- throw Exception('Failed to load data: HTTP ${response.statusCode}');
- }
- } catch (e, stackTrace) {
- print('Error loading tree data from loadTreeData: $e');
- print(stackTrace);
- rethrow;
- }
- }
-
- //Call To Sort Tree structure
- static Future sortManager(String name) async {
- try {
- final response = await http.get(Uri.parse("$uri/sortTree?name=$name"));
- print(response.body);
-
- if (response.statusCode == 200) {
- return FileTreeNode.fromJson(
- jsonDecode(response.body) as Map,
- );
- } else {
- throw Exception('Failed to load data: HTTP ${response.statusCode}');
- }
- } catch (e, stackTrace) {
- print('Error sorting tree structure from sortManager: $e');
- print(stackTrace);
- rethrow;
- }
- }
-
- //Call to add Mangager to backend
- static Future addSmartManager(String name, String path) async {
- try {
- final response = await http.post(
- Uri.parse("$uri/addDirectory?name=$name&path=$path"),
- );
- print("$uri/addDirectory?name=$name&path=$path");
- if (response.statusCode == 200 || response.statusCode == 201) {
- return true;
- } else {
- throw Exception(
- 'Failed to add SmartManager: HTTP ${response.statusCode}',
- );
- }
- } catch (e, stackTrace) {
- print('Error creating smart manager at addDirectory: $e');
- print(stackTrace);
- rethrow;
- }
- }
-
- //Call to delete Mangager to backend
- static Future deleteSmartManager(String name) async {
- try {
- final response = await http.post(
- Uri.parse("$uri/deleteDirectory?name=$name"),
- );
-
- if (response.statusCode == 200 || response.statusCode == 201) {
- return true;
- } else {
- throw Exception(
- 'Failed to delete SmartManager: HTTP ${response.statusCode}',
- );
- }
- } catch (e, stackTrace) {
- print('Error deleting smart manager at deleteDirectory: $e');
- print(stackTrace);
- rethrow;
- }
- }
-
- //Call to add tag to File
- static Future addTagToFile(String name, String path, String tag) async {
- try {
- final response = await http.post(
- Uri.parse("$uri/addTag?name=$name&path=$path&tag=$tag"),
- );
-
- if (response.statusCode == 200 || response.statusCode == 201) {
- return true;
- } else {
- throw Exception('Failed to add Tag: HTTP ${response.statusCode}');
- }
- } catch (e, stackTrace) {
- print('Error adding tag at addTag deleteDirectory: $e');
- print(stackTrace);
- rethrow;
- }
- }
-
- //Call to delete tag from File
- static Future deleteTagFromFile(
- String name,
- String path,
- String tag,
- ) async {
- try {
- final response = await http.post(
- Uri.parse("$uri/removeTag?name=$name&path=$path&tag=$tag"),
- );
-
- if (response.statusCode == 200 || response.statusCode == 201) {
- return true;
- } else {
- throw Exception('Failed to delete Tag: HTTP ${response.statusCode}');
- }
- } catch (e, stackTrace) {
- print('Error deleting tag at deleteTag: $e');
- print(stackTrace);
- rethrow;
- }
- }
-}
+import 'package:app/models/file_model.dart';
+import 'package:http/http.dart' as http;
+import 'dart:convert';
+import 'models/file_tree_node.dart';
+import 'models/startup_response.dart';
+import 'models/duplicate_model.dart';
+import 'models/stats_model.dart';
+
+const uri = "http://localhost:51000";
+
+class Api {
+ //Call to load tree data
+ static Future loadTreeData(String name) async {
+ try {
+ final response = await http.get(
+ Uri.parse("$uri/loadTreeData?name=$name"),
+ );
+
+ if (response.statusCode == 200) {
+ return FileTreeNode.fromJson(
+ jsonDecode(response.body) as Map,
+ );
+ } else {
+ throw Exception('Failed to load data: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error loading tree data from loadTreeData: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //Call to initialize app and get existing smart managers
+ static Future startUp() async {
+ try {
+ final response = await http.get(Uri.parse("$uri/startUp"));
+
+ if (response.statusCode == 200) {
+ return StartupResponse.fromJson(
+ jsonDecode(response.body) as Map,
+ );
+ } else {
+ throw Exception('Failed to load data: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error loading initial data from startup: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //Call To Sort Tree structure
+ static Future sortManager(String name) async {
+ try {
+ final response = await http.get(Uri.parse("$uri/sortTree?name=$name"));
+
+ if (response.statusCode == 200) {
+ return FileTreeNode.fromJson(
+ jsonDecode(response.body) as Map,
+ );
+ } else {
+ throw Exception('Failed to load data: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error sorting tree structure from sortManager: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //Call to add Mangager to backend
+ static Future addSmartManager(String name, String path) async {
+ try {
+ final response = await http.post(
+ Uri.parse("$uri/addDirectory?name=$name&path=$path"),
+ );
+ if (response.statusCode == 200 || response.statusCode == 201) {
+ return true;
+ } else {
+ throw Exception(
+ 'Failed to add SmartManager: HTTP ${response.statusCode}',
+ );
+ }
+ } catch (e, stackTrace) {
+ print('Error creating smart manager at addDirectory: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //Call to delete Mangager to backend
+ static Future deleteSmartManager(String name) async {
+ try {
+ final response = await http.post(
+ Uri.parse("$uri/deleteManager?name=$name"),
+ );
+
+ if (response.statusCode == 200 || response.statusCode == 201) {
+ print(response.body);
+ return true;
+ } else {
+ throw Exception(
+ 'Failed to delete SmartManager: HTTP ${response.statusCode}',
+ );
+ }
+ } catch (e, stackTrace) {
+ print('Error deleting smart manager at deleteDirectory: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //Call to add tag to File
+ static Future addTagToFile(String name, String path, String tag) async {
+ try {
+ final response = await http.post(
+ Uri.parse("$uri/addTag?name=$name&path=$path&tag=$tag"),
+ );
+
+ if (response.statusCode == 200 || response.statusCode == 201) {
+ return true;
+ } else {
+ throw Exception('Failed to add Tag: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error adding tag at addTag deleteDirectory: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //Call to delete tag from File
+ static Future deleteTagFromFile(
+ String name,
+ String path,
+ String tag,
+ ) async {
+ try {
+ final response = await http.post(
+ Uri.parse("$uri/removeTag?name=$name&path=$path&tag=$tag"),
+ );
+
+ if (response.statusCode == 200 || response.statusCode == 201) {
+ return true;
+ } else {
+ throw Exception('Failed to delete Tag: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error deleting tag at deleteTag: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //lock files/folders
+ static Future locking(String managerName, String path) async {
+ try {
+ final response = await http.post(
+ Uri.parse("$uri/lock?name=$managerName&path=$path"),
+ );
+ if (response.statusCode == 200 || response.statusCode == 201) {
+ return true;
+ } else {
+ throw Exception(
+ 'Failed to lock File/Folder: HTTP ${response.statusCode}',
+ );
+ }
+ } catch (e, stackTrace) {
+ print('Error locking folder/file: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ static Future unlocking(String managerName, String path) async {
+ try {
+ final response = await http.post(
+ Uri.parse("$uri/unlock?name=$managerName&path=$path"),
+ );
+ if (response.statusCode == 200 || response.statusCode == 201) {
+ return true;
+ } else {
+ throw Exception(
+ 'Failed to unlock File/Folder: HTTP ${response.statusCode}',
+ );
+ }
+ } catch (e, stackTrace) {
+ print('Error unlocking folder/file: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //Call to load duplicate data
+ static Future> loadDuplicates(String name) async {
+ try {
+ final response = await http.get(
+ Uri.parse("$uri/findDuplicateFiles?name=$name"),
+ );
+
+ if (response.statusCode == 200) {
+ final List jsonList = jsonDecode(response.body);
+ return jsonList
+ .map(
+ (item) => DuplicateModel.fromJson(item as Map),
+ )
+ .toList();
+ } else {
+ throw Exception(
+ 'Failed to load duplicate data: HTTP ${response.statusCode}',
+ );
+ }
+ } catch (e, stackTrace) {
+ print('Error loading duplicates: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //Endpoint to use GO search(Simple file name search)
+ static Future searchGo(String name, String searchString) async {
+ try {
+ final response = await http.get(
+ Uri.parse("$uri/search?compositeName=$name&searchText=$searchString"),
+ );
+
+ if (response.statusCode == 200) {
+ print("Normal Search Used");
+
+ return FileTreeNode.fromJson(
+ jsonDecode(response.body) as Map,
+ );
+ } else {
+ throw Exception('Failed to load data: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error loading tree data from loadTreeData: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //Endpoint to use Advanced search (keywords)
+ static Future searchAdvanced(
+ String name,
+ String searchString,
+ ) async {
+ try {
+ final response = await http.get(
+ Uri.parse(
+ "$uri/keywordSearch?compositeName=$name&searchText=$searchString",
+ ),
+ );
+
+ if (response.statusCode == 200) {
+ print("Advanced Search Used");
+ return FileTreeNode.fromJson(
+ jsonDecode(response.body) as Map,
+ );
+ } else {
+ throw Exception('Failed to load data: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error loading tree data from loadTreeData: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //return true/false depending if advanced search is ready
+ static Future searchAdvancedReady(String name) async {
+ try {
+ final response = await http.get(
+ Uri.parse("$uri/isKeywordSearchReady?compositeName=$name"),
+ );
+ if (response.statusCode == 200) {
+ final body = response.body.trim().toLowerCase();
+ return body == "true" || body == "1";
+ } else {
+ throw Exception('Failed to load data: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error loading tree data from loadTreeData: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ static Future deleteSingleFile(
+ String managerName,
+ String path,
+ ) async {
+ try {
+ final response = await http.post(
+ Uri.parse("$uri/deleteFile?name=$managerName&path=$path"),
+ );
+ if (response.statusCode == 200 || response.statusCode == 201) {
+ return FileTreeNode.fromJson(
+ jsonDecode(response.body) as Map,
+ );
+ } else {
+ throw Exception('Failed to delete File: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error deleting file: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ static Future bulkDeleteFiles(
+ String managerName,
+ String jsonPaths,
+ ) async {
+ try {
+ final response = await http.post(
+ Uri.parse("$uri/bulkDeleteFiles?name=$managerName"),
+ headers: {'Content-Type': 'application/json'},
+ body: jsonPaths,
+ );
+ if (response.statusCode == 200 || response.statusCode == 201) {
+ return FileTreeNode.fromJson(
+ jsonDecode(response.body) as Map,
+ );
+ } else {
+ throw Exception('Failed to delete files: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error deleting files: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //Bulk add Tag
+ static Future bulkAddTag(
+ String managerName,
+ String jsonPaths,
+ ) async {
+ try {
+ final response = await http.post(
+ Uri.parse("$uri/bulkAddTag?name=$managerName"),
+ headers: {'Content-Type': 'application/json'},
+ body: jsonPaths,
+ );
+ if (response.statusCode == 200 || response.statusCode == 201) {
+ return FileTreeNode.fromJson(
+ jsonDecode(response.body) as Map,
+ );
+ } else {
+ throw Exception('Failed to delete files: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error deleting files: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //Bulk remove Tag
+ static Future bulkRemoveTag(
+ String managerName,
+ String jsonPaths,
+ ) async {
+ try {
+ final response = await http.post(
+ Uri.parse("$uri/bulkRemoveTag?name=$managerName"),
+ headers: {'Content-Type': 'application/json'},
+ body: jsonPaths,
+ );
+ if (response.statusCode == 200 || response.statusCode == 201) {
+ return FileTreeNode.fromJson(
+ jsonDecode(response.body) as Map,
+ );
+ } else {
+ throw Exception('Failed to remove tags: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error removing tags: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ static Future> bulkOperation(
+ String name,
+ String type,
+ bool umbrella,
+ ) async {
+ try {
+ final response = await http.get(
+ Uri.parse("$uri/returnType?name=$name&type=$type&umbrella=$umbrella"),
+ );
+
+ if (response.statusCode == 200) {
+ if (response.body == "" || response.body == "null") {
+ return [];
+ }
+ try {
+ final dynamic jsonData = jsonDecode(response.body);
+ print(jsonData);
+
+ if (jsonData == null) {
+ return [];
+ }
+
+ if (jsonData is! List) {
+ return [];
+ }
+
+ final List jsonList = jsonData;
+ return jsonList
+ .map((item) => FileModel.fromJson(item as Map))
+ .toList();
+ } catch (e) {
+ print('Error parsing JSON: $e');
+ return [];
+ }
+ } else {
+ throw Exception(
+ 'Failed to load duplicate data: HTTP ${response.statusCode}',
+ );
+ }
+ } catch (e, stackTrace) {
+ print('Error loading duplicates: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //loadStats
+ static Future loadStatsData() async {
+ try {
+ final response = await http.get(Uri.parse("$uri/returnStats"));
+
+ if (response.statusCode == 200) {
+ print(jsonDecode(response.body) as List);
+
+ return ManagersStatsResponse.fromJson(
+ jsonDecode(response.body) as List,
+ );
+ } else {
+ throw Exception('Failed to load stats: HTTP ${response.statusCode}');
+ }
+ } catch (e, stackTrace) {
+ print('Error loading stats data: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+
+ //Move directory
+ static Future moveDirectory(String managerName) async {
+ try {
+ final response = await http.post(
+ Uri.parse("$uri/moveDirectory?name=$managerName"),
+ );
+ if (response.statusCode == 200 || response.statusCode == 201) {
+ print(response.body);
+ if (response.body == "true") {
+ return true;
+ } else {
+ return false;
+ }
+ } else {
+ throw Exception(
+ 'Failed to unlock File/Folder: HTTP ${response.statusCode}',
+ );
+ }
+ } catch (e, stackTrace) {
+ print('Error unlocking folder/file: $e');
+ print(stackTrace);
+ rethrow;
+ }
+ }
+}
diff --git a/app/lib/constants.dart b/app/lib/constants.dart
index f8de5e9..d2ed290 100644
--- a/app/lib/constants.dart
+++ b/app/lib/constants.dart
@@ -11,3 +11,9 @@ const kTitle1 = TextStyle(
fontWeight: FontWeight.bold,
fontSize: 20,
);
+
+const kTitle2 = TextStyle(
+ color: Colors.white,
+ fontWeight: FontWeight.bold,
+ fontSize: 20,
+);
diff --git a/app/lib/custom_widgets/bulk_dialog.dart b/app/lib/custom_widgets/bulk_dialog.dart
new file mode 100644
index 0000000..bbd459f
--- /dev/null
+++ b/app/lib/custom_widgets/bulk_dialog.dart
@@ -0,0 +1,988 @@
+import 'dart:convert';
+import 'package:app/custom_widgets/custom_dropdown_menu.dart';
+import 'package:app/models/file_tree_node.dart';
+import 'package:flutter/material.dart';
+import 'package:app/constants.dart';
+import 'package:app/api.dart';
+import 'package:app/models/file_model.dart';
+
+class BulkDialog extends StatefulWidget {
+ final String name;
+ final String type;
+ final bool umbrella;
+ List? files;
+ final Function(String, FileTreeNode) updateOnDelete;
+
+ BulkDialog({
+ required this.name,
+ required this.type,
+ required this.umbrella,
+ required this.updateOnDelete,
+ this.files,
+ super.key,
+ });
+
+ @override
+ State createState() => _BulkDialogState();
+}
+
+class _BulkDialogState extends State {
+ final TextEditingController _bulkController = TextEditingController();
+ bool _isLoading = true;
+ final List _currentSelectedFiles = [];
+ bool _selectAll = false;
+
+ String _selectedCategory = "All Files";
+ String? _selectedFileType;
+
+ String _selectedBulkOperation = "Bulk Delete";
+ String? _selectedTagFilter;
+
+ final List _bulkOperations = [
+ "Bulk Delete",
+ "Bulk Add Tag",
+ "Bulk Remove Tag",
+ ];
+
+ final Map> _fileTypeMap = {
+ "All Files": [],
+ "Documents": ["pdf", "doc", "docx", "rtf", "txt", "odt", "md", "csv"],
+ "Images": [
+ "jpg",
+ "jpeg",
+ "png",
+ "gif",
+ "bmp",
+ "tiff",
+ "tif",
+ "webp",
+ "svg",
+ ],
+ "Music": ["mp3", "wav", "flac", "aac", "m4a", "ogg", "wma"],
+ "Presentations": ["ppt", "pptx", "odp", "key"],
+ "Videos": ["mp4", "mkv", "avi", "mov", "wmv", "webm"],
+ "Spreadsheets": ["xls", "xlsx", "ods", "tsv", "xlsm"],
+ "Archives": ["zip", "rar", "7z", "tar", "gz", "iso"],
+ "Other": [],
+ };
+
+ @override
+ void dispose() {
+ _bulkController.dispose();
+ super.dispose();
+ }
+
+ @override
+ void initState() {
+ super.initState();
+ if (_selectedBulkOperation == "Bulk Remove Tag") {
+ _loadBulkData(widget.name, "TAGS", widget.umbrella);
+ } else {
+ String apiType =
+ _selectedCategory == "All Files" ? "ALL" : _selectedCategory;
+ _loadBulkData(widget.name, apiType, widget.umbrella);
+ }
+ }
+
+ Future _loadBulkData(String name, String type, bool umbrella) async {
+ setState(() {
+ _isLoading = true;
+ });
+
+ final files = await Api.bulkOperation(name, type, umbrella);
+
+ if (mounted) {
+ setState(() {
+ widget.files = files ?? [];
+ _currentSelectedFiles.clear();
+ _selectAll = false;
+ _isLoading = false;
+ });
+ }
+ }
+
+ void _onCategoryChanged(String? newCategory) {
+ if (newCategory != null && newCategory != _selectedCategory) {
+ setState(() {
+ _selectedCategory = newCategory;
+ _selectedFileType = null;
+ });
+ String apiType =
+ _selectedCategory == "All Files" ? "ALL" : _selectedCategory;
+ _loadBulkData(widget.name, apiType, true);
+ }
+ }
+
+ void _onBulkOperationChanged(String? newBulkOperation) {
+ if (newBulkOperation != null &&
+ newBulkOperation != _selectedBulkOperation) {
+ setState(() {
+ _selectedCategory = "All Files";
+ _selectedFileType = null;
+ _selectedBulkOperation = newBulkOperation;
+ _selectedTagFilter = null;
+ });
+ if (newBulkOperation == "Bulk Remove Tag") {
+ _loadBulkData(widget.name, "TAGS", true);
+ } else {
+ String apiType =
+ _selectedCategory == "All Files" ? "ALL" : _selectedCategory;
+ _loadBulkData(widget.name, apiType, true);
+ }
+ }
+ }
+
+ void _onFileTypeChanged(String? newFileType) {
+ if (newFileType != _selectedFileType) {
+ setState(() {
+ _selectedFileType = newFileType;
+ });
+ if (newFileType != null) {
+ _loadBulkData(widget.name, newFileType, false);
+ } else {
+ String apiType =
+ _selectedCategory == "All Files" ? "ALL" : _selectedCategory;
+ _loadBulkData(widget.name, apiType, true);
+ }
+ }
+ }
+
+ void _onTagFilterChanged(String? newTag) {
+ setState(() {
+ _selectedTagFilter = newTag;
+ });
+ }
+
+ List _getAllAvailableTags() {
+ Set allTags = {};
+ if (widget.files != null) {
+ for (FileModel file in widget.files!) {
+ if (file.fileTags != null) {
+ allTags.addAll(file.fileTags!);
+ }
+ }
+ }
+ return allTags.toList()..sort();
+ }
+
+ List _getTagsFromSelectedFiles() {
+ Set selectedFileTags = {};
+ for (FileModel file in _currentSelectedFiles) {
+ if (file.fileTags != null) {
+ selectedFileTags.addAll(file.fileTags!);
+ }
+ }
+ return selectedFileTags.toList()..sort();
+ }
+
+ void _toggleSelectAll() {
+ setState(() {
+ _selectAll = !_selectAll;
+ _currentSelectedFiles.clear();
+ if (_selectAll && widget.files != null) {
+ // Filter files based on bulk operation and tag filter before adding to selection
+ List filesToAdd =
+ widget.files!.where((file) {
+ if (_selectedBulkOperation == "Bulk Remove Tag") {
+ if (file.fileTags == null || file.fileTags!.isEmpty) {
+ return false;
+ }
+ if (_selectedTagFilter != null) {
+ return file.fileTags!.contains(_selectedTagFilter);
+ }
+ return true;
+ }
+ return true;
+ }).toList();
+ _currentSelectedFiles.addAll(filesToAdd);
+ }
+ });
+ }
+
+ void _toggleFileSelection(FileModel file) {
+ setState(() {
+ if (_currentSelectedFiles.contains(file)) {
+ _currentSelectedFiles.remove(file);
+ } else {
+ _currentSelectedFiles.add(file);
+ }
+ // Calculate the total number of available files based on filter
+ int totalAvailableFiles = 0;
+ if (widget.files != null) {
+ totalAvailableFiles =
+ widget.files!.where((file) {
+ if (_selectedBulkOperation == "Bulk Remove Tag") {
+ if (file.fileTags == null || file.fileTags!.isEmpty) {
+ return false;
+ }
+ if (_selectedTagFilter != null) {
+ return file.fileTags!.contains(_selectedTagFilter);
+ }
+ return true;
+ }
+ return true;
+ }).length;
+ }
+ _selectAll = _currentSelectedFiles.length == totalAvailableFiles;
+ });
+ }
+
+ String _convertToJsonDelete() {
+ List> fileList =
+ _currentSelectedFiles
+ .map((file) => {"file_path": file.filePath})
+ .toList();
+ return jsonEncode(fileList);
+ }
+
+ void _deleteMultipleFiles(String managerName, List files) async {
+ String jsonPaths = _convertToJsonDelete();
+ FileTreeNode response = await Api.bulkDeleteFiles(managerName, jsonPaths);
+ if (response.name == managerName) {
+ setState(() {
+ widget.files?.clear();
+ _currentSelectedFiles.clear();
+ });
+ widget.updateOnDelete.call(managerName, response);
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Deleted all files successfully'),
+ backgroundColor: kYellowText,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ } else {
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Could not delete files'),
+ backgroundColor: Colors.redAccent,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ }
+ }
+
+ String _convertToJsonAddTag(String tag) {
+ List> fileList =
+ _currentSelectedFiles
+ .map(
+ (file) => {
+ "file_path": file.filePath,
+ "tags": [tag],
+ },
+ )
+ .toList();
+ return jsonEncode(fileList);
+ }
+
+ String _convertToJsonRemoveTag(String? tag) {
+ List> fileList = [];
+
+ for (FileModel file in _currentSelectedFiles) {
+ if (tag == null) {
+ // Remove all tags from this file
+ fileList.add({"file_path": file.filePath, "tags": file.fileTags ?? []});
+ } else {
+ // Only include this file if it has the specific tag to remove
+ if (file.fileTags != null && file.fileTags!.contains(tag)) {
+ fileList.add({
+ "file_path": file.filePath,
+ "tags": [tag],
+ });
+ }
+ }
+ }
+
+ return jsonEncode(fileList);
+ }
+
+ void _showAddTagDialog() {
+ final TextEditingController tagController = TextEditingController();
+
+ showDialog(
+ context: context,
+ builder: (BuildContext dialogContext) {
+ return AlertDialog(
+ backgroundColor: kScaffoldColor,
+ title: const Text('Add Tag', style: kTitle1),
+ content: TextField(
+ controller: tagController,
+ style: const TextStyle(color: Colors.white),
+ decoration: const InputDecoration(
+ hintText: 'Enter tag name',
+ hintStyle: TextStyle(color: Color(0xff9CA3AF)),
+ enabledBorder: UnderlineInputBorder(
+ borderSide: BorderSide(color: Colors.grey),
+ ),
+ focusedBorder: UnderlineInputBorder(
+ borderSide: BorderSide(color: kYellowText),
+ ),
+ ),
+ ),
+ actions: [
+ TextButton(
+ onPressed: () {
+ Navigator.of(dialogContext).pop();
+ tagController.dispose();
+ },
+ child: const Text('Cancel', style: TextStyle(color: Colors.grey)),
+ ),
+ ElevatedButton(
+ onPressed: () {
+ final tag = tagController.text.trim();
+ if (tag.isNotEmpty) {
+ _tagMultipleFiles(widget.name, tag);
+ }
+ tagController.dispose();
+ },
+ style: ElevatedButton.styleFrom(
+ backgroundColor: kYellowText,
+ foregroundColor: Colors.black,
+ ),
+ child: const Text('Add Tag'),
+ ),
+ ],
+ );
+ },
+ );
+ }
+
+ void _showRemoveTagDialog() {
+ List availableTags = _getTagsFromSelectedFiles();
+ String? selectedTag;
+
+ // Check if any selected files have tags
+ if (availableTags.isEmpty) {
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('No tags found on selected files'),
+ backgroundColor: Colors.orange,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ return;
+ }
+
+ showDialog(
+ context: context,
+ builder: (BuildContext dialogContext) {
+ return StatefulBuilder(
+ builder: (context, setState) {
+ return AlertDialog(
+ backgroundColor: kScaffoldColor,
+ title: const Text('Remove Tag', style: kTitle1),
+ content: Column(
+ mainAxisSize: MainAxisSize.min,
+ crossAxisAlignment: CrossAxisAlignment.start,
+ children: [
+ const Text(
+ 'Select which tags to remove from selected files:',
+ style: TextStyle(color: Colors.white, fontSize: 16),
+ ),
+ const SizedBox(height: 16),
+ SizedBox(
+ width: double.maxFinite,
+ child: CustomDropdownMenu(
+ items: [
+ const DropdownMenuItem(
+ value: "ALL_TAGS",
+ child: Text('All Tags'),
+ ),
+ ...availableTags.map((String tag) {
+ return DropdownMenuItem(
+ value: tag,
+ child: Text(tag),
+ );
+ }),
+ ],
+ value: selectedTag,
+ onChanged: (String? newValue) {
+ setState(() {
+ selectedTag = newValue;
+ });
+ },
+ hint: "Select tag to remove",
+ minWidth: 200,
+ maxWidth: 300,
+ ),
+ ),
+ ],
+ ),
+ actions: [
+ TextButton(
+ onPressed: () {
+ Navigator.of(dialogContext).pop();
+ },
+ child: const Text(
+ 'Cancel',
+ style: TextStyle(color: Colors.grey),
+ ),
+ ),
+ ElevatedButton(
+ onPressed:
+ selectedTag != null
+ ? () {
+ Navigator.of(dialogContext).pop();
+ _removeTagsFromFiles(widget.name, selectedTag);
+ }
+ : null,
+ style: ElevatedButton.styleFrom(
+ backgroundColor: kYellowText,
+ foregroundColor: Colors.black,
+ ),
+ child: const Text('Remove Tag'),
+ ),
+ ],
+ );
+ },
+ );
+ },
+ );
+ }
+
+ void _tagMultipleFiles(String managerName, String tag) async {
+ String jsonPaths = _convertToJsonAddTag(tag);
+ FileTreeNode response = await Api.bulkAddTag(managerName, jsonPaths);
+ if (response.name == managerName) {
+ setState(() {
+ widget.files?.clear();
+ _currentSelectedFiles.clear();
+ });
+ widget.updateOnDelete.call(managerName, response);
+ if (mounted) {
+ Navigator.pop(context);
+ }
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Successfully added tag "$tag" to selected files'),
+ backgroundColor: kYellowText,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ } else {
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Could not add tag to files'),
+ backgroundColor: Colors.redAccent,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ }
+ }
+
+ void _removeTagsFromFiles(String managerName, String? selectedTag) async {
+ String? tagToRemove = selectedTag == "ALL_TAGS" ? null : selectedTag;
+
+ // Count how many files will be affected
+ int affectedFilesCount = 0;
+ for (FileModel file in _currentSelectedFiles) {
+ if (tagToRemove == null) {
+ // Count files that have any tags
+ if (file.fileTags != null && file.fileTags!.isNotEmpty) {
+ affectedFilesCount++;
+ }
+ } else {
+ // Count files that have the specific tag
+ if (file.fileTags != null && file.fileTags!.contains(tagToRemove)) {
+ affectedFilesCount++;
+ }
+ }
+ }
+
+ if (affectedFilesCount == 0) {
+ String message =
+ selectedTag == "ALL_TAGS"
+ ? 'No tags found on selected files'
+ : 'Tag "$selectedTag" not found on any selected files';
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text(message),
+ backgroundColor: Colors.orange,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ return;
+ }
+
+ String jsonPaths = _convertToJsonRemoveTag(tagToRemove);
+ FileTreeNode response = await Api.bulkRemoveTag(managerName, jsonPaths);
+ if (response.name == managerName) {
+ setState(() {
+ widget.files?.clear();
+ _currentSelectedFiles.clear();
+ });
+ widget.updateOnDelete.call(managerName, response);
+ if (mounted) {
+ Navigator.pop(context);
+ }
+ String message =
+ selectedTag == "ALL_TAGS"
+ ? 'Successfully removed all tags from $affectedFilesCount file(s)'
+ : 'Successfully removed tag "$selectedTag" from $affectedFilesCount file(s)';
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text(message),
+ backgroundColor: kYellowText,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ } else {
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Could not remove tags from files'),
+ backgroundColor: Colors.redAccent,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ }
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return AlertDialog(
+ backgroundColor: kScaffoldColor,
+ title: const Text('Bulk Operations', style: kTitle1),
+ content: SizedBox(
+ width: double.maxFinite,
+ height: MediaQuery.of(context).size.height * 0.9,
+ child: Column(
+ children: [
+ Row(
+ children: [
+ Expanded(
+ child: CustomDropdownMenu(
+ items:
+ _bulkOperations.map((String operation) {
+ return DropdownMenuItem(
+ value: operation,
+ child: Text(operation),
+ );
+ }).toList(),
+ value: _selectedBulkOperation,
+ onChanged: _onBulkOperationChanged,
+ hint: "Select Bulk Operation",
+ minWidth: 120,
+ maxWidth: 180,
+ ),
+ ),
+ if (_selectedBulkOperation != "Bulk Remove Tag") ...[
+ SizedBox(width: 10),
+ Expanded(
+ child: CustomDropdownMenu(
+ items:
+ _fileTypeMap.keys.map((String category) {
+ return DropdownMenuItem(
+ value: category,
+ child: Text(category),
+ );
+ }).toList(),
+ value: _selectedCategory,
+ onChanged: _onCategoryChanged,
+ hint: "All Files",
+ minWidth: 120,
+ maxWidth: 180,
+ ),
+ ),
+ if (_selectedCategory != "All Files") ...[
+ SizedBox(width: 10),
+ Expanded(
+ child: CustomDropdownMenu(
+ items:
+ _fileTypeMap[_selectedCategory]!.map((
+ String fileType,
+ ) {
+ return DropdownMenuItem(
+ value: fileType,
+ child: Text(fileType.toUpperCase()),
+ );
+ }).toList(),
+ value: _selectedFileType,
+ onChanged: _onFileTypeChanged,
+ hint: "Select File type",
+ minWidth: 120,
+ maxWidth: 180,
+ ),
+ ),
+ ],
+ ],
+ ],
+ ),
+ // Show tag filter dropdown only for Bulk Remove Tag operation
+ if (_selectedBulkOperation == "Bulk Remove Tag") ...[
+ const SizedBox(height: 10),
+ Row(
+ children: [
+ const Text(
+ 'Filter by tag: ',
+ style: TextStyle(color: Colors.white, fontSize: 14),
+ ),
+ Expanded(
+ child: CustomDropdownMenu(
+ items: [
+ const DropdownMenuItem(
+ value: null,
+ child: Text('All tags'),
+ ),
+ ..._getAllAvailableTags().map((String tag) {
+ return DropdownMenuItem(
+ value: tag,
+ child: Text(tag),
+ );
+ }),
+ ],
+ value: _selectedTagFilter,
+ onChanged: _onTagFilterChanged,
+ hint: "Select tag to filter",
+ minWidth: 120,
+ maxWidth: 250,
+ ),
+ ),
+ ],
+ ),
+ ],
+ const Divider(color: Color(0xff3D3D3D)),
+ if (widget.files != null && widget.files!.isNotEmpty)
+ Padding(
+ padding: const EdgeInsets.symmetric(
+ horizontal: 8.0,
+ vertical: 4.0,
+ ),
+ child: Row(
+ children: [
+ Checkbox(
+ value: _selectAll,
+ onChanged: (bool? value) => _toggleSelectAll(),
+ fillColor: WidgetStateProperty.resolveWith((
+ states,
+ ) {
+ if (states.contains(WidgetState.selected)) {
+ return kYellowText;
+ }
+ return Colors.transparent;
+ }),
+ side: BorderSide(color: Colors.grey, width: 1.5),
+ ),
+ const SizedBox(width: 8),
+ Text(
+ 'Select All (${_currentSelectedFiles.length}/${widget.files!.where((file) {
+ if (_selectedBulkOperation == "Bulk Remove Tag") {
+ if (file.fileTags == null || file.fileTags!.isEmpty) {
+ return false;
+ }
+ if (_selectedTagFilter != null) {
+ return file.fileTags!.contains(_selectedTagFilter);
+ }
+ return true;
+ }
+ return true;
+ }).length})',
+ style: const TextStyle(
+ color: Colors.white,
+ fontSize: 14,
+ fontWeight: FontWeight.w500,
+ ),
+ ),
+ ],
+ ),
+ ),
+ Expanded(
+ child:
+ _isLoading
+ ? Center(
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: const [
+ CircularProgressIndicator(color: Color(0xffFFB400)),
+ SizedBox(height: 16),
+ Text(
+ 'Loading files...',
+ style: TextStyle(color: Color(0xff9CA3AF)),
+ ),
+ ],
+ ),
+ )
+ : widget.files == null || widget.files!.isEmpty
+ ? const Center(
+ child: Text(
+ 'No Files found.',
+ style: TextStyle(
+ color: Color(0xff9CA3AF),
+ fontSize: 16,
+ ),
+ ),
+ )
+ : ListView(
+ shrinkWrap: true,
+ children:
+ widget.files!
+ .where((object) {
+ // Filter files based on bulk operation and tag filter
+ if (_selectedBulkOperation ==
+ "Bulk Remove Tag") {
+ if (object.fileTags == null ||
+ object.fileTags!.isEmpty) {
+ return false;
+ }
+ if (_selectedTagFilter != null) {
+ return object.fileTags!.contains(
+ _selectedTagFilter,
+ );
+ }
+ return true;
+ }
+ return true;
+ })
+ .map((object) {
+ bool isSelected = _currentSelectedFiles
+ .contains(object);
+ return Container(
+ margin: const EdgeInsets.symmetric(
+ vertical: 4.0,
+ horizontal: 8.0,
+ ),
+ decoration: BoxDecoration(
+ color:
+ isSelected
+ ? const Color(0xff374151)
+ : const Color(0xff242424),
+ borderRadius: BorderRadius.circular(8),
+ border: Border.all(
+ color:
+ isSelected
+ ? const Color(0xffFFB400)
+ : const Color(0xff3D3D3D),
+ width: 1,
+ ),
+ ),
+ child: Padding(
+ padding: const EdgeInsets.all(12.0),
+ child: Row(
+ children: [
+ Checkbox(
+ value: isSelected,
+ onChanged:
+ (bool? value) =>
+ _toggleFileSelection(
+ object,
+ ),
+ fillColor:
+ WidgetStateProperty.resolveWith<
+ Color?
+ >((states) {
+ if (states.contains(
+ WidgetState.selected,
+ )) {
+ return kYellowText;
+ }
+ return Colors.transparent;
+ }),
+ side: BorderSide(
+ color: Colors.grey,
+ width: 1.5,
+ ),
+ ),
+ const SizedBox(width: 12),
+ Expanded(
+ child: Column(
+ crossAxisAlignment:
+ CrossAxisAlignment.start,
+ mainAxisSize: MainAxisSize.min,
+ children: [
+ Text(
+ object.name,
+ style: const TextStyle(
+ color: Colors.white,
+ fontSize: 16,
+ fontWeight: FontWeight.w500,
+ ),
+ maxLines: 2,
+ overflow:
+ TextOverflow.ellipsis,
+ ),
+ const SizedBox(height: 6),
+ _selectedBulkOperation ==
+ "Bulk Delete"
+ ? Text(
+ 'Path: ${object.filePath}',
+ style: const TextStyle(
+ color: Color(
+ 0xff9CA3AF,
+ ),
+ fontSize: 12,
+ ),
+ maxLines: 2,
+ overflow:
+ TextOverflow.ellipsis,
+ )
+ : object.fileTags!.isEmpty
+ ? Text(
+ "no tags",
+ style: const TextStyle(
+ color: Color(
+ 0xff9CA3AF,
+ ),
+ fontSize: 12,
+ ),
+ )
+ : Wrap(
+ spacing: 8,
+ runSpacing: 8,
+ children:
+ object.fileTags!
+ .map(
+ (
+ tag,
+ ) => Container(
+ padding:
+ const EdgeInsets.symmetric(
+ horizontal:
+ 12,
+ vertical:
+ 6,
+ ),
+ decoration: BoxDecoration(
+ color: const Color(
+ 0xff374151,
+ ),
+ borderRadius:
+ BorderRadius.circular(
+ 16,
+ ),
+ border: Border.all(
+ color: const Color(
+ 0xff4B5563,
+ ),
+ ),
+ ),
+ child: Row(
+ mainAxisSize:
+ MainAxisSize
+ .min,
+ children: [
+ Text(
+ tag,
+ style: const TextStyle(
+ color: Color(
+ 0xffE5E7EB,
+ ),
+ fontSize:
+ 12,
+ ),
+ ),
+ const SizedBox(
+ width:
+ 4,
+ ),
+ ],
+ ),
+ ),
+ )
+ .toList(),
+ ),
+ ],
+ ),
+ ),
+ ],
+ ),
+ ),
+ );
+ })
+ .toList(),
+ ),
+ ),
+ ],
+ ),
+ ),
+
+ actions: [
+ if (widget.files == null || widget.files!.isEmpty)
+ TextButton(
+ onPressed: () {
+ if (mounted) {
+ Navigator.pop(context);
+ }
+ },
+ style: TextButton.styleFrom(
+ foregroundColor: Colors.grey,
+ side: const BorderSide(color: Colors.grey),
+ padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
+ ),
+ child: const Text('Close'),
+ )
+ else
+ Row(
+ mainAxisAlignment: MainAxisAlignment.end,
+ children: [
+ TextButton(
+ onPressed: () {
+ if (mounted) {
+ Navigator.pop(context);
+ }
+ },
+ style: TextButton.styleFrom(
+ foregroundColor: Colors.grey,
+ side: const BorderSide(color: Colors.grey),
+ padding: const EdgeInsets.symmetric(
+ horizontal: 24,
+ vertical: 12,
+ ),
+ ),
+ child: const Text('Close'),
+ ),
+ if (_currentSelectedFiles.isNotEmpty) ...[
+ SizedBox(width: 20),
+ _selectedBulkOperation == "Bulk Delete"
+ ? ElevatedButton(
+ onPressed: () {
+ _deleteMultipleFiles(
+ widget.name,
+ _currentSelectedFiles,
+ );
+ },
+ style: ElevatedButton.styleFrom(
+ backgroundColor: kYellowText,
+ foregroundColor: Colors.black,
+ padding: const EdgeInsets.symmetric(
+ horizontal: 24,
+ vertical: 12,
+ ),
+ ),
+ child: const Text('Delete Selected Files'),
+ )
+ : _selectedBulkOperation == "Bulk Add Tag"
+ ? ElevatedButton(
+ onPressed: () {
+ _showAddTagDialog();
+ },
+ style: ElevatedButton.styleFrom(
+ backgroundColor: kYellowText,
+ foregroundColor: Colors.black,
+ padding: const EdgeInsets.symmetric(
+ horizontal: 24,
+ vertical: 12,
+ ),
+ ),
+ child: const Text('Tag Selected Files'),
+ )
+ : ElevatedButton(
+ onPressed: () {
+ _showRemoveTagDialog();
+ },
+ style: ElevatedButton.styleFrom(
+ backgroundColor: kYellowText,
+ foregroundColor: Colors.black,
+ padding: const EdgeInsets.symmetric(
+ horizontal: 24,
+ vertical: 12,
+ ),
+ ),
+ child: const Text('Remove Tags from Selected Files'),
+ ),
+ ],
+ SizedBox(width: 20),
+ ],
+ ),
+ ],
+ );
+ }
+}
diff --git a/app/lib/custom_widgets/custom_dropdown_menu.dart b/app/lib/custom_widgets/custom_dropdown_menu.dart
new file mode 100644
index 0000000..9530c88
--- /dev/null
+++ b/app/lib/custom_widgets/custom_dropdown_menu.dart
@@ -0,0 +1,239 @@
+import 'package:flutter/material.dart';
+
+class CustomDropdownMenu extends StatefulWidget {
+ final List> items;
+ final T? value;
+ final void Function(T?)? onChanged;
+ final String hint;
+ final double minWidth;
+ final double maxWidth;
+
+ const CustomDropdownMenu({
+ super.key,
+ required this.items,
+ required this.hint,
+ this.value,
+ this.onChanged,
+ this.minWidth = 100,
+ this.maxWidth = 150,
+ });
+
+ @override
+ State> createState() => _CustomDropdownMenuState();
+}
+
+class _CustomDropdownMenuState extends State> {
+ bool _isHovered = false;
+ bool _hasFocus = false;
+ bool _isOpen = false;
+ late FocusNode _focusNode;
+ final LayerLink _layerLink = LayerLink();
+ T? _selected;
+ OverlayEntry? _entry;
+
+ static const _bgColor = Color(0xff242424);
+ static const _borderColor = Color(0xff3D3D3D);
+ static const _textLight = Color(0xff9CA3AF);
+
+ FontWeight get _fontWeight {
+ if (_isHovered || _hasFocus || _isOpen) return FontWeight.w600;
+ return FontWeight.normal;
+ }
+
+ @override
+ void initState() {
+ super.initState();
+ _selected = widget.value;
+ _focusNode =
+ FocusNode()
+ ..addListener(() => setState(() => _hasFocus = _focusNode.hasFocus));
+ }
+
+ @override
+ void didUpdateWidget(covariant CustomDropdownMenu old) {
+ super.didUpdateWidget(old);
+ if (widget.value != old.value) {
+ _selected = widget.value;
+ }
+ }
+
+ @override
+ void dispose() {
+ _focusNode.dispose();
+ _removeOverlay();
+ super.dispose();
+ }
+
+ void _toggleOverlay() {
+ if (_isOpen) {
+ _removeOverlay();
+ } else {
+ _showOverlay();
+ }
+ setState(() => _isOpen = !_isOpen);
+ }
+
+ void _showOverlay() {
+ _entry = OverlayEntry(
+ builder: (context) {
+ return GestureDetector(
+ behavior: HitTestBehavior.translucent,
+ onTap: () {
+ _removeOverlay();
+ setState(() => _isOpen = false);
+ },
+ child: Stack(
+ children: [
+ // transparent layer to catch outside taps
+ Positioned.fill(child: Container(color: Colors.transparent)),
+ Positioned(
+ width: widget.maxWidth,
+ child: CompositedTransformFollower(
+ link: _layerLink,
+ showWhenUnlinked: false,
+ offset: const Offset(0, 38),
+ child: Material(
+ color: _bgColor,
+ elevation: 8,
+ borderRadius: BorderRadius.circular(6),
+ child: ConstrainedBox(
+ constraints: const BoxConstraints(maxHeight: 250),
+ child: ListView(
+ padding: EdgeInsets.zero,
+ shrinkWrap: true,
+ children:
+ widget.items.map((item) {
+ final bool selected = item.value == _selected;
+ return InkWell(
+ onTap: () {
+ _select(item.value);
+ },
+ hoverColor: const Color(0xff3D3D3D),
+ child: Container(
+ padding: const EdgeInsets.symmetric(
+ horizontal: 12,
+ vertical: 10,
+ ),
+ decoration: BoxDecoration(
+ color:
+ selected
+ ? const Color(0xff3D3D3D)
+ : Colors.transparent,
+ ),
+ child: DefaultTextStyle(
+ style: TextStyle(
+ fontSize: 12,
+ color:
+ selected ? Colors.white : _textLight,
+ fontWeight:
+ selected
+ ? FontWeight.w600
+ : FontWeight.normal,
+ ),
+ child: item.child,
+ ),
+ ),
+ );
+ }).toList(),
+ ),
+ ),
+ ),
+ ),
+ ),
+ ],
+ ),
+ );
+ },
+ );
+ Overlay.of(context).insert(_entry!);
+ }
+
+ void _removeOverlay() {
+ _entry?.remove();
+ _entry = null;
+ }
+
+ void _select(T? value) {
+ setState(() {
+ _selected = value;
+ _isOpen = false;
+ });
+ widget.onChanged?.call(value);
+ _removeOverlay();
+ }
+
+ String _displayStringForValue(T value) {
+ final matched = widget.items.firstWhere(
+ (it) => it.value == value,
+ orElse: () => widget.items.first,
+ );
+ if (matched.child is Text) {
+ return (matched.child as Text).data ?? value.toString();
+ }
+ return value.toString();
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ final displayText =
+ _selected != null ? _displayStringForValue(_selected as T) : null;
+
+ return MouseRegion(
+ onEnter: (_) => setState(() => _isHovered = true),
+ onExit: (_) => setState(() => _isHovered = false),
+ child: GestureDetector(
+ onTap: _toggleOverlay,
+ behavior: HitTestBehavior.translucent,
+ child: CompositedTransformTarget(
+ link: _layerLink,
+ child: Focus(
+ focusNode: _focusNode,
+ child: AnimatedContainer(
+ duration: const Duration(milliseconds: 150),
+ padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+ constraints: BoxConstraints(
+ minWidth: widget.minWidth,
+ maxWidth: widget.maxWidth,
+ ),
+ decoration: BoxDecoration(
+ color: _bgColor,
+ borderRadius: BorderRadius.circular(6),
+ border: Border.all(color: _borderColor),
+ ),
+ child: Row(
+ mainAxisSize: MainAxisSize.min,
+ children: [
+ Expanded(
+ child: Text(
+ displayText ?? widget.hint,
+ style: TextStyle(
+ fontSize: 12,
+ color:
+ displayText != null
+ ? _textLight
+ : const Color(0xff9CA3AF),
+ fontWeight:
+ displayText != null
+ ? _fontWeight
+ : FontWeight.normal,
+ ),
+ overflow: TextOverflow.ellipsis,
+ ),
+ ),
+ const SizedBox(width: 6),
+ Icon(
+ _isOpen
+ ? Icons.keyboard_arrow_up
+ : Icons.keyboard_arrow_down,
+ size: 16,
+ color: _textLight,
+ ),
+ ],
+ ),
+ ),
+ ),
+ ),
+ ),
+ );
+ }
+}
diff --git a/app/lib/custom_widgets/custom_search_bar.dart b/app/lib/custom_widgets/custom_search_bar.dart
new file mode 100644
index 0000000..17cdf95
--- /dev/null
+++ b/app/lib/custom_widgets/custom_search_bar.dart
@@ -0,0 +1,144 @@
+import 'package:flutter/material.dart';
+
+class CustomSearchBar extends StatefulWidget {
+ final String? hint;
+ final TextEditingController? controller;
+ final void Function(String)? onChanged;
+ final IconData? icon;
+ final bool isActive;
+ final ValueChanged? onActiveChanged;
+
+ const CustomSearchBar({
+ super.key,
+ this.hint,
+ this.controller,
+ this.onChanged,
+ this.icon,
+ this.isActive = false,
+ this.onActiveChanged,
+ });
+
+ @override
+ State createState() => _CustomSearchBarState();
+}
+
+class _CustomSearchBarState extends State {
+ bool _isHovered = false;
+ bool _hasFocus = false;
+ late FocusNode _focusNode;
+
+ @override
+ void initState() {
+ super.initState();
+ _focusNode =
+ FocusNode()..addListener(() {
+ setState(() {
+ _hasFocus = _focusNode.hasFocus;
+ });
+ });
+ }
+
+ @override
+ void dispose() {
+ _focusNode.dispose();
+ super.dispose();
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return MouseRegion(
+ onEnter: (_) => setState(() => _isHovered = true),
+ onExit: (_) => setState(() => _isHovered = false),
+ child: AnimatedContainer(
+ duration: const Duration(milliseconds: 150),
+ padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
+ decoration: BoxDecoration(
+ color:
+ widget.isActive
+ ? const Color(0xff242424)
+ : const Color(0xff1a1a1a),
+ borderRadius: BorderRadius.circular(6),
+ border: Border.all(
+ color:
+ widget.isActive
+ ? const Color(0xff3D3D3D)
+ : const Color(0xff2a2a2a),
+ ),
+ ),
+ child: Row(
+ mainAxisSize: MainAxisSize.min,
+ children: [
+ ConstrainedBox(
+ constraints: const BoxConstraints(minWidth: 200, maxWidth: 400),
+ child: IntrinsicWidth(
+ child: Row(
+ children: [
+ if (widget.icon != null) ...[
+ Icon(
+ widget.icon,
+ size: 16,
+ color:
+ widget.isActive
+ ? const Color(0xff9CA3AF)
+ : const Color(0xff6b7280),
+ ),
+ const SizedBox(width: 8),
+ ],
+ Expanded(
+ child: TextField(
+ focusNode: _focusNode,
+ controller: widget.controller,
+ onChanged: widget.onChanged,
+ enabled: widget.isActive,
+ style: TextStyle(
+ fontSize: 12,
+ color:
+ widget.isActive
+ ? const Color(0xff9CA3AF)
+ : const Color(0xff6b7280),
+ ),
+ cursorColor:
+ widget.isActive
+ ? const Color(0xff9CA3AF)
+ : const Color(0xff6b7280),
+ decoration: InputDecoration(
+ isDense: true,
+ hintText: widget.hint,
+ hintStyle: TextStyle(
+ fontSize: 12,
+ color:
+ widget.isActive
+ ? const Color(0xff9CA3AF)
+ : const Color(0xff6b7280),
+ ),
+ border: InputBorder.none,
+ contentPadding: const EdgeInsets.symmetric(
+ vertical: 8,
+ ),
+ ),
+ ),
+ ),
+ ],
+ ),
+ ),
+ ),
+ if (widget.onActiveChanged != null) ...[
+ const SizedBox(width: 8),
+ GestureDetector(
+ onTap: () => widget.onActiveChanged?.call(!widget.isActive),
+ child: Icon(
+ widget.isActive ? Icons.toggle_on : Icons.toggle_off,
+ size: 20,
+ color:
+ widget.isActive
+ ? const Color(0xff9CA3AF)
+ : const Color(0xff6b7280),
+ ),
+ ),
+ ],
+ ],
+ ),
+ ),
+ );
+ }
+}
diff --git a/app/lib/custom_widgets/duplicate_dialog.dart b/app/lib/custom_widgets/duplicate_dialog.dart
new file mode 100644
index 0000000..e7a416b
--- /dev/null
+++ b/app/lib/custom_widgets/duplicate_dialog.dart
@@ -0,0 +1,282 @@
+import 'dart:convert';
+import 'package:app/models/file_tree_node.dart';
+import 'package:flutter/material.dart';
+import 'package:app/constants.dart';
+import 'package:app/models/duplicate_model.dart';
+import 'package:app/api.dart';
+
+class DuplicateDialog extends StatefulWidget {
+ List? duplicates;
+ final Function(String, FileTreeNode) updateOnDuplicateDelete;
+ final String name;
+
+ DuplicateDialog({
+ required this.name,
+ required this.updateOnDuplicateDelete,
+ super.key,
+ this.duplicates,
+ });
+
+ @override
+ State createState() => _DuplicateDialogState();
+}
+
+class _DuplicateDialogState extends State {
+ final TextEditingController _duplicateController = TextEditingController();
+ bool _isLoading = true;
+ final List _currentDuplicatePaths = [];
+
+ @override
+ void dispose() {
+ _duplicateController.dispose();
+ super.dispose();
+ }
+
+ @override
+ void initState() {
+ super.initState();
+ _loadDuplicateData(widget.name);
+ }
+
+ Future _loadDuplicateData(String name) async {
+ setState(() {
+ _isLoading = true;
+ });
+
+ final duplicates = await Api.loadDuplicates(name);
+
+ if (mounted) {
+ setState(() {
+ widget.duplicates = duplicates;
+ for (DuplicateModel duplicate in duplicates) {
+ _currentDuplicatePaths.add(duplicate);
+ }
+ _isLoading = false;
+ });
+ }
+ }
+
+ void _deleteDuplicate(String managerName, String filePath) async {
+ FileTreeNode response = await Api.deleteSingleFile(managerName, filePath);
+ if (response.name == managerName) {
+ setState(() {
+ widget.duplicates?.removeWhere(
+ (item) => item.duplicatePath == filePath,
+ );
+ _currentDuplicatePaths.removeWhere(
+ (item) => item.duplicatePath == filePath,
+ );
+ });
+ widget.updateOnDuplicateDelete.call(managerName, response);
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Deleted duplicate successfully'),
+ backgroundColor: kYellowText,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ } else {
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Could not delete duplicate '),
+ backgroundColor: Colors.redAccent,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ }
+ }
+
+ String _convertToJsonDuplicates() {
+ List> fileList = _currentDuplicatePaths
+ .map((duplicate) => {"file_path": duplicate.duplicatePath})
+ .toList();
+ return jsonEncode(fileList);
+ }
+
+ void _deleteMultipleDuplicates(
+ String managerName,
+ List duplicates,
+ ) async {
+ String jsonPaths = _convertToJsonDuplicates();
+ FileTreeNode response = await Api.bulkDeleteFiles(
+ managerName,
+ jsonPaths,
+ );
+ if (response.name == managerName) {
+ setState(() {
+ widget.duplicates?.clear();
+ _currentDuplicatePaths.clear();
+ });
+ widget.updateOnDuplicateDelete.call(managerName, response);
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Deleted all duplicates successfully'),
+ backgroundColor: kYellowText,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ } else {
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Could not delete duplicates'),
+ backgroundColor: Colors.redAccent,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ }
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return AlertDialog(
+ backgroundColor: kScaffoldColor,
+ title: const Text('Duplicates', style: kTitle1),
+ content: SizedBox(
+ width: double.maxFinite,
+ height: double.maxFinite,
+ child:
+ _isLoading
+ ? Center(
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: const [
+ CircularProgressIndicator(color: Color(0xffFFB400)),
+ SizedBox(height: 16),
+ Text(
+ 'Loading duplicates...',
+ style: TextStyle(color: Color(0xff9CA3AF)),
+ ),
+ ],
+ ),
+ )
+ : widget.duplicates == null || widget.duplicates!.isEmpty
+ ? const Center(
+ child: Text(
+ 'No duplicates found.',
+ style: TextStyle(color: Color(0xff9CA3AF), fontSize: 16),
+ ),
+ )
+ : Column(
+ children: [
+ Expanded(
+ child: ListView(
+ shrinkWrap: true,
+ children:
+ widget.duplicates!.map((object) {
+ return Card(
+ color: Color(0xff242424),
+ elevation: 0,
+ margin: const EdgeInsets.all(8.0),
+ child: Padding(
+ padding: const EdgeInsets.all(16.0),
+ child: Column(
+ crossAxisAlignment:
+ CrossAxisAlignment.start,
+ children: [
+ Text(
+ object.name,
+ style: TextStyle(
+ color: Colors.white,
+ fontSize: 20,
+ ),
+ ),
+ const SizedBox(height: 4),
+ Text(
+ 'Original Path: ${object.originalPath}',
+ style: TextStyle(
+ color: Color(0xff9CA3AF),
+ ),
+ ),
+ Text(
+ 'Duplicate Path: ${object.duplicatePath}',
+ style: TextStyle(
+ color: Color(0xff9CA3AF),
+ ),
+ ),
+ SizedBox(height: 20),
+ TextButton(
+ onPressed:
+ () => _deleteDuplicate(
+ widget.name,
+ object.duplicatePath,
+ ),
+ style: TextButton.styleFrom(
+ foregroundColor: Colors.grey,
+ side: const BorderSide(
+ color: Colors.grey,
+ ),
+ padding: const EdgeInsets.symmetric(
+ horizontal: 24,
+ vertical: 12,
+ ),
+ ),
+ child: const Text('Delete Duplicate'),
+ ),
+ ],
+ ),
+ ),
+ );
+ }).toList(),
+ ),
+ ),
+ ],
+ ),
+ ),
+ actions: [
+ if (widget.duplicates == null || widget.duplicates!.isEmpty)
+ TextButton(
+ onPressed: () {
+ if (mounted) {
+ Navigator.pop(context);
+ }
+ },
+ style: TextButton.styleFrom(
+ foregroundColor: Colors.grey,
+ side: const BorderSide(color: Colors.grey),
+ padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
+ ),
+ child: const Text('Close'),
+ )
+ else
+ Row(
+ mainAxisAlignment: MainAxisAlignment.end,
+ children: [
+ TextButton(
+ onPressed: () {
+ if (mounted) {
+ Navigator.pop(context);
+ }
+ },
+ style: TextButton.styleFrom(
+ foregroundColor: Colors.grey,
+ side: const BorderSide(color: Colors.grey),
+ padding: const EdgeInsets.symmetric(
+ horizontal: 24,
+ vertical: 12,
+ ),
+ ),
+ child: const Text('Close'),
+ ),
+ SizedBox(width: 20),
+ ElevatedButton(
+ onPressed:
+ () => _deleteMultipleDuplicates(
+ widget.name,
+ _currentDuplicatePaths,
+ ),
+ style: ElevatedButton.styleFrom(
+ backgroundColor: kYellowText,
+ foregroundColor: Colors.black,
+ padding: const EdgeInsets.symmetric(
+ horizontal: 24,
+ vertical: 12,
+ ),
+ ),
+ child: const Text('Delete All Duplicates'),
+ ),
+ ],
+ ),
+ ],
+ );
+ }
+}
diff --git a/app/lib/custom_widgets/file_details_panel.dart b/app/lib/custom_widgets/file_details_panel.dart
index 43183c9..bc0960e 100644
--- a/app/lib/custom_widgets/file_details_panel.dart
+++ b/app/lib/custom_widgets/file_details_panel.dart
@@ -1,7 +1,7 @@
import 'package:flutter/material.dart';
import '../models/file_tree_node.dart';
-import 'package:app/constants.dart';
import 'package:app/api.dart';
+import 'package:app/custom_widgets/tag_dialog.dart';
class FileDetailsPanel extends StatefulWidget {
final String? managerName;
@@ -318,65 +318,21 @@ class _FileDetailsPanelState extends State
);
}
- void _showAddTagDialog() {
- showDialog(
+ void _showAddTagDialog() async {
+ final addedTag = await showDialog(
context: context,
builder:
- (context) => AlertDialog(
- backgroundColor: kScaffoldColor,
- title: const Text('Add Tag', style: kTitle1),
- content: TextField(
- controller: _tagController,
- style: const TextStyle(color: Colors.white),
- decoration: const InputDecoration(
- hintText: 'Enter tag name',
- hintStyle: TextStyle(color: Color(0xff9CA3AF)),
- enabledBorder: UnderlineInputBorder(
- borderSide: BorderSide(color: Color(0xff6B7280)),
- ),
- focusedBorder: UnderlineInputBorder(
- borderSide: BorderSide(color: Color(0xffFFB400)),
- ),
- ),
- ),
- actions: [
- TextButton(
- onPressed: () => Navigator.pop(context),
- child: const Text(
- 'Cancel',
- style: TextStyle(color: Color(0xff9CA3AF)),
- ),
- ),
- TextButton(
- onPressed: () {
- if (_tagController.text.isNotEmpty) {
- _addTag(_tagController.text);
- _tagController.clear();
- Navigator.pop(context);
- }
- },
- child: const Text(
- 'Add',
- style: TextStyle(color: Color(0xffFFB400)),
- ),
- ),
- ],
+ (context) => TagDialog(
+ node: widget.selectedFile!,
+ managerName: widget.managerName,
),
);
- }
- void _addTag(String tag) async {
- bool response = await Api.addTagToFile(
- widget.managerName ?? '',
- widget.selectedFile!.path ?? '',
- tag,
- );
-
- setState(() {
- if (response) {
- widget.selectedFile!.tags?.add(tag);
- }
- });
+ if (addedTag != null && mounted) {
+ setState(() {
+ widget.selectedFile!.tags?.add(addedTag);
+ });
+ }
}
void _removeTag(String tag) async {
diff --git a/app/lib/custom_widgets/file_item_widget.dart b/app/lib/custom_widgets/file_item_widget.dart
index 2727eb1..b477563 100644
--- a/app/lib/custom_widgets/file_item_widget.dart
+++ b/app/lib/custom_widgets/file_item_widget.dart
@@ -20,61 +20,149 @@ class FileItemWidget extends StatefulWidget {
class _FileItemWidgetState extends State {
bool _isHovered = false;
+ // File categories with extensions
+ static final Map> _categories = {
+ "Documents": ["pdf", "doc", "docx", "rtf", "txt", "odt", "md", "csv"],
+ "Images": [
+ "jpg",
+ "jpeg",
+ "png",
+ "gif",
+ "bmp",
+ "tiff",
+ "tif",
+ "webp",
+ "svg",
+ ],
+ "Music": ["mp3", "wav", "flac", "aac", "m4a", "ogg", "wma"],
+ "Presentations": ["ppt", "pptx", "odp", "key"],
+ "Videos": ["mp4", "mkv", "avi", "mov", "wmv", "webm"],
+ "Spreadsheets": ["xls", "xlsx", "ods", "tsv", "xlsm"],
+ "Archives": ["zip", "rar", "7z", "tar", "gz", "iso"],
+ "Other": [],
+ };
+
+ // Icons & colors per category
+ static final Map _categoryIcons = {
+ "Documents": Icons.description,
+ "Images": Icons.image,
+ "Music": Icons.music_note,
+ "Presentations": Icons.slideshow,
+ "Videos": Icons.movie,
+ "Spreadsheets": Icons.table_chart,
+ "Archives": Icons.archive,
+ "Other": Icons.insert_drive_file,
+ };
+
@override
Widget build(BuildContext context) {
return MouseRegion(
onEnter: (_) => setState(() => _isHovered = true),
onExit: (_) => setState(() => _isHovered = false),
- child: GestureDetector(
- onTap: () => widget.onTap(widget.item),
- onDoubleTap: () => widget.onDoubleTap(widget.item),
- child: AnimatedContainer(
- duration: const Duration(milliseconds: 200),
- padding: const EdgeInsets.all(12),
- decoration: BoxDecoration(
- color:
- _isHovered ? const Color(0xff374151) : const Color(0xff242424),
- borderRadius: BorderRadius.circular(8),
- border: Border.all(
- color:
- _isHovered
- ? const Color(0xffFFB400)
- : const Color(0xff3D3D3D),
- width: _isHovered ? 2 : 1,
- ),
- ),
- child: Column(
- mainAxisAlignment: MainAxisAlignment.center,
- children: [
- Container(
- width: 32,
- height: 32,
- decoration: BoxDecoration(
- color: _getFileColor(),
- borderRadius: BorderRadius.circular(6),
- ),
- child: Icon(_getFileIcon(), color: Colors.white, size: 18),
+ child: LayoutBuilder(
+ builder: (context, constraints) {
+ return GestureDetector(
+ onTap: () => widget.onTap(widget.item),
+ onDoubleTap: () => widget.onDoubleTap(widget.item),
+ child: SizedBox(
+ width: constraints.maxWidth,
+ height: constraints.maxHeight,
+ child: Stack(
+ children: [
+ Positioned.fill(
+ child: AnimatedContainer(
+ duration: const Duration(milliseconds: 200),
+ padding: const EdgeInsets.all(12),
+ decoration: BoxDecoration(
+ color:
+ _isHovered
+ ? const Color(0xff374151)
+ : const Color(0xff242424),
+ borderRadius: BorderRadius.circular(8),
+ border: Border.all(
+ color:
+ _isHovered
+ ? const Color(0xffFFB400)
+ : const Color(0xff3D3D3D),
+ width: _isHovered ? 2 : 1,
+ ),
+ ),
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: [
+ Container(
+ width: 32,
+ height: 32,
+ decoration: BoxDecoration(
+ color: _getFileColor(),
+ borderRadius: BorderRadius.circular(6),
+ ),
+ child: Icon(
+ _getFileIcon(),
+ color: Colors.white,
+ size: 18,
+ ),
+ ),
+ const SizedBox(height: 8),
+ Text(
+ widget.item.name,
+ style: const TextStyle(
+ color: Colors.white,
+ fontSize: 12,
+ fontWeight: FontWeight.w500,
+ ),
+ textAlign: TextAlign.center,
+ maxLines: 2,
+ overflow: TextOverflow.ellipsis,
+ ),
+ const SizedBox(height: 4),
+ ],
+ ),
+ ),
+ ),
+ Positioned(
+ top: 6,
+ left: 6,
+ child:
+ widget.item.locked
+ ? const Icon(
+ Icons.lock,
+ size: 15,
+ color: Colors.white70,
+ )
+ : const Icon(
+ Icons.lock_open,
+ size: 15,
+ color: Colors.white70,
+ ),
+ ),
+ ],
),
- const SizedBox(height: 8),
- Text(
- widget.item.name,
- style: const TextStyle(
- color: Colors.white,
- fontSize: 12,
- fontWeight: FontWeight.w500,
- ),
- textAlign: TextAlign.center,
- maxLines: 2,
- overflow: TextOverflow.ellipsis,
- ),
- const SizedBox(height: 4),
- ],
- ),
- ),
+ ),
+ );
+ },
),
);
}
+ String _getFileExtension() {
+ final name = widget.item.name.toLowerCase();
+ if (!name.contains('.')) return "";
+ return name.split('.').last;
+ }
+
+ String _getCategory() {
+ if (widget.item.isFolder) return "Folder";
+
+ final ext = _getFileExtension();
+ for (var entry in _categories.entries) {
+ if (entry.value.contains(ext)) {
+ return entry.key;
+ }
+ }
+ return "Other";
+ }
+
Color _getFileColor() {
if (widget.item.isFolder) return const Color(0xffFFB400);
return const Color(0xff2563EB);
@@ -82,6 +170,6 @@ class _FileItemWidgetState extends State {
IconData _getFileIcon() {
if (widget.item.isFolder) return Icons.folder;
- return Icons.description;
+ return _categoryIcons[_getCategory()] ?? Icons.insert_drive_file;
}
}
diff --git a/app/lib/custom_widgets/hoverable_button.dart b/app/lib/custom_widgets/hoverable_button.dart
index 652036c..9d3831d 100644
--- a/app/lib/custom_widgets/hoverable_button.dart
+++ b/app/lib/custom_widgets/hoverable_button.dart
@@ -3,8 +3,16 @@ import 'package:flutter/material.dart';
class HoverableButton extends StatefulWidget {
final VoidCallback? onTap;
final String name;
+ final IconData icon;
+ final bool expanded;
- const HoverableButton({super.key, this.onTap, required this.name});
+ const HoverableButton({
+ super.key,
+ this.onTap,
+ required this.name,
+ required this.icon,
+ this.expanded = false,
+ });
@override
State createState() => _HoverableButtonState();
@@ -15,39 +23,43 @@ class _HoverableButtonState extends State {
@override
Widget build(BuildContext context) {
+ final child = Container(
+ padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+ decoration: BoxDecoration(
+ color: _isHovered ? const Color(0xffFFB400) : const Color(0xff242424),
+ borderRadius: BorderRadius.circular(6),
+ border: Border.all(color: const Color(0xff3D3D3D)),
+ ),
+ child: Row(
+ mainAxisAlignment: MainAxisAlignment.center,
+ mainAxisSize: MainAxisSize.max,
+ children: [
+ Icon(
+ widget.icon,
+ size: 16,
+ color: _isHovered ? Colors.black : const Color(0xff9CA3AF),
+ ),
+ const SizedBox(width: 4),
+ Text(
+ widget.name,
+ style: TextStyle(
+ fontSize: 12,
+ color: _isHovered ? Colors.black : const Color(0xff9CA3AF),
+ ),
+ ),
+ ],
+ ),
+ );
+
return MouseRegion(
onEnter: (_) => setState(() => _isHovered = true),
onExit: (_) => setState(() => _isHovered = false),
child: GestureDetector(
onTap: widget.onTap ?? () {},
- child: Container(
- padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
- decoration: BoxDecoration(
- color: _isHovered ? const Color(0xffFFB400) : Color(0xff242424),
- borderRadius: BorderRadius.circular(6),
- border: Border.all(color: const Color(0xff3D3D3D)),
- ),
-
- child: Row(
- mainAxisSize: MainAxisSize.min,
- children: [
- Icon(
- Icons.account_tree_rounded,
- size: 16,
- color: _isHovered ? Colors.black : const Color(0xff9CA3AF),
- ),
- const SizedBox(width: 4),
- Text(
- widget.name,
- style: TextStyle(
- fontSize: 12,
- color: _isHovered ? Colors.black : const Color(0xff9CA3AF),
- fontWeight: _isHovered ? FontWeight.w600 : FontWeight.normal,
- ),
- ),
- ],
- ),
- ),
+ child:
+ widget.expanded
+ ? SizedBox(width: double.infinity, child: child)
+ : child,
),
);
}
diff --git a/app/lib/custom_widgets/manager_item_widget.dart b/app/lib/custom_widgets/manager_item_widget.dart
new file mode 100644
index 0000000..2562e43
--- /dev/null
+++ b/app/lib/custom_widgets/manager_item_widget.dart
@@ -0,0 +1,95 @@
+import 'package:flutter/material.dart';
+
+class ManagerItemWidget extends StatefulWidget {
+ final String managerName;
+ final String managerFolders;
+ final String managerFiles;
+ final String managerSize;
+
+ const ManagerItemWidget({
+ required this.managerName,
+ required this.managerFiles,
+ required this.managerFolders,
+ required this.managerSize,
+ super.key,
+ });
+
+ @override
+ State createState() => _ManagerItemWidgetState();
+}
+
+class _ManagerItemWidgetState extends State {
+ @override
+ Widget build(BuildContext context) {
+ return LayoutBuilder(
+ builder: (context, constraints) {
+ return SizedBox(
+ width: constraints.maxWidth,
+ child: Container(
+ padding: const EdgeInsets.all(12),
+ decoration: BoxDecoration(
+ color: const Color(0xff242424),
+ borderRadius: BorderRadius.circular(8),
+ border: Border.all(color: const Color(0xff3D3D3D), width: 1),
+ ),
+ child: Row(
+ children: [
+ const SizedBox(width: 8),
+ Expanded(
+ flex: 2,
+ child: Text(
+ widget.managerName,
+ style: const TextStyle(
+ color: Colors.white,
+ fontSize: 15,
+ fontWeight: FontWeight.w500,
+ ),
+ maxLines: 2,
+ overflow: TextOverflow.ellipsis,
+ ),
+ ),
+ Expanded(
+ flex: 1,
+ child: Text(
+ "Files: ${widget.managerFiles}",
+ style: const TextStyle(
+ color: Color(0xff6b7280),
+ fontSize: 12,
+ fontWeight: FontWeight.w500,
+ ),
+ textAlign: TextAlign.right,
+ ),
+ ),
+ Expanded(
+ flex: 1,
+ child: Text(
+ "Folders: ${widget.managerFolders}",
+ style: const TextStyle(
+ color: Color(0xff6b7280),
+ fontSize: 12,
+ fontWeight: FontWeight.w500,
+ ),
+ textAlign: TextAlign.right,
+ ),
+ ),
+ Expanded(
+ flex: 1,
+ child: Text(
+ "Size: ${widget.managerSize}",
+ style: const TextStyle(
+ color: Color(0xff6b7280),
+ fontSize: 12,
+ fontWeight: FontWeight.w500,
+ ),
+ textAlign: TextAlign.right,
+ ),
+ ),
+ const SizedBox(width: 10),
+ ],
+ ),
+ ),
+ );
+ },
+ );
+ }
+}
diff --git a/app/lib/custom_widgets/overview_widget.dart b/app/lib/custom_widgets/overview_widget.dart
new file mode 100644
index 0000000..73cb2dd
--- /dev/null
+++ b/app/lib/custom_widgets/overview_widget.dart
@@ -0,0 +1,66 @@
+import 'package:flutter/material.dart';
+
+class OverviewWidget extends StatelessWidget {
+ final String title;
+ final String value;
+ final IconData icon;
+
+ const OverviewWidget({
+ required this.title,
+ required this.value,
+ required this.icon,
+ super.key,
+ });
+
+ @override
+ Widget build(BuildContext context) {
+ return LayoutBuilder(
+ builder: (context, constraints) {
+ // Scale factor based on widget width
+ final scale = constraints.maxWidth / 200;
+
+ return Container(
+ padding: EdgeInsets.all(12 * scale.clamp(0.8, 1.5)),
+ decoration: BoxDecoration(
+ color: const Color(0xff242424),
+ borderRadius: BorderRadius.circular(8 * scale.clamp(0.8, 1.5)),
+ border: Border.all(color: const Color(0xff3D3D3D), width: 1),
+ ),
+ child: Row(
+ mainAxisAlignment: MainAxisAlignment.spaceBetween,
+ crossAxisAlignment: CrossAxisAlignment.start,
+ children: [
+ Column(
+ crossAxisAlignment: CrossAxisAlignment.start,
+ children: [
+ Text(
+ title,
+ style: TextStyle(
+ color: const Color(0xff9CA3AF),
+ fontSize: 10 * scale.clamp(0.8, 1.5),
+ fontWeight: FontWeight.w500,
+ ),
+ ),
+ SizedBox(height: 4 * scale.clamp(0.8, 1.5)),
+ Text(
+ value,
+ style: TextStyle(
+ color: Colors.white,
+ fontWeight: FontWeight.bold,
+ fontSize: 25 * scale.clamp(0.8, 1.5),
+ ),
+ ),
+ ],
+ ),
+ Icon(
+ icon,
+ size: 24 * scale.clamp(0.8, 1.5),
+ color: Color(0xffFFB400),
+ ),
+ ],
+ ),
+ );
+ },
+ );
+ }
+}
diff --git a/app/lib/custom_widgets/search_item_widget.dart b/app/lib/custom_widgets/search_item_widget.dart
new file mode 100644
index 0000000..b47f22a
--- /dev/null
+++ b/app/lib/custom_widgets/search_item_widget.dart
@@ -0,0 +1,146 @@
+import 'package:flutter/material.dart';
+import '../models/file_tree_node.dart';
+
+class SearchItemWidget extends StatefulWidget {
+ final FileTreeNode item;
+ final Function(FileTreeNode) onTap;
+ final Function(FileTreeNode) onDoubleTap;
+ final String managerPath;
+
+ const SearchItemWidget({
+ required this.item,
+ required this.onTap,
+ required this.onDoubleTap,
+ required this.managerPath,
+ super.key,
+ });
+
+ @override
+ State createState() => _SearchItemWidgetState();
+}
+
+class _SearchItemWidgetState extends State {
+ bool _isHovered = false;
+
+ @override
+ Widget build(BuildContext context) {
+ return MouseRegion(
+ onEnter: (_) => setState(() => _isHovered = true),
+ onExit: (_) => setState(() => _isHovered = false),
+ child: LayoutBuilder(
+ builder: (context, constraints) {
+ return GestureDetector(
+ onTap: () => widget.onTap(widget.item),
+ onDoubleTap: () => widget.onDoubleTap(widget.item),
+ child: AnimatedContainer(
+ duration: const Duration(milliseconds: 200),
+ padding: const EdgeInsets.all(12),
+ decoration: BoxDecoration(
+ color:
+ _isHovered
+ ? const Color(0xff374151)
+ : const Color(0xff242424),
+ borderRadius: BorderRadius.circular(8),
+ border: Border.all(
+ color:
+ _isHovered
+ ? const Color(0xffFFB400)
+ : const Color(0xff3D3D3D),
+ width: _isHovered ? 2 : 1,
+ ),
+ ),
+ child: Row(
+ children: [
+ Container(
+ width: 32,
+ height: 32,
+ decoration: BoxDecoration(
+ color: _getFileColor(),
+ borderRadius: BorderRadius.circular(6),
+ ),
+ child: Icon(
+ _getFileIcon(),
+ color: Colors.white,
+ size: 18,
+ ),
+ ),
+ const SizedBox(width: 8),
+ Expanded(
+ flex: 1,
+ child: Text(
+ widget.item.name,
+ style: const TextStyle(
+ color: Colors.white,
+ fontSize: 12,
+ fontWeight: FontWeight.w500,
+ ),
+ maxLines: 2,
+ overflow: TextOverflow.ellipsis,
+ ),
+ ),
+ const SizedBox(width: 8),
+ Expanded(
+ flex: 3,
+ child: Text(
+ _getTruncatedPath(
+ widget.item.path ?? "",
+ widget.managerPath,
+ ),
+ style: const TextStyle(
+ color: Color(0xff6b7280),
+ fontSize: 12,
+ fontWeight: FontWeight.w500,
+ ),
+ textAlign: TextAlign.right,
+ maxLines: 1,
+ overflow: TextOverflow.ellipsis,
+ ),
+ ),
+ ],
+ ),
+ ),
+ );
+ },
+ ),
+ );
+ }
+
+ String _getTruncatedPath(
+ String fullPath,
+ String managerPath, {
+ int maxVisibleSegments = 4,
+ }) {
+ if (fullPath.isEmpty) return "";
+
+ // Remove the managerPath
+ String relative = fullPath;
+ if (managerPath.isNotEmpty && fullPath.startsWith(managerPath)) {
+ relative = fullPath.substring(managerPath.length);
+ relative = relative.replaceFirst(RegExp(r'^[/\\]+'), '');
+ }
+ // Split into segments
+ final segments =
+ relative.split(RegExp(r'[/\\]')).where((s) => s.isNotEmpty).toList();
+
+ // Prepend a fixed root label
+ segments.insert(0, "Root");
+
+ if (segments.length <= maxVisibleSegments) {
+ return ".../${["Root", ...segments].skip(1).join('/')}";
+ } else {
+ final tailCount = maxVisibleSegments - 1;
+ final lastParts = segments.sublist(segments.length - tailCount);
+ return ".../${["Root", ...lastParts].skip(1).join('/')}";
+ }
+ }
+
+ Color _getFileColor() {
+ if (widget.item.isFolder) return const Color(0xffFFB400);
+ return const Color(0xff2563EB);
+ }
+
+ IconData _getFileIcon() {
+ if (widget.item.isFolder) return Icons.folder;
+ return Icons.description;
+ }
+}
diff --git a/app/lib/custom_widgets/sort_preview_dialog.dart b/app/lib/custom_widgets/sort_preview_dialog.dart
new file mode 100644
index 0000000..7835baf
--- /dev/null
+++ b/app/lib/custom_widgets/sort_preview_dialog.dart
@@ -0,0 +1,236 @@
+import 'package:flutter/material.dart';
+import 'package:app/constants.dart';
+import 'package:app/models/file_tree_node.dart';
+import 'package:app/pages/manager_page_sub/folder_view_page.dart';
+import 'package:app/pages/manager_page_sub/graph_view_page.dart';
+import 'package:app/api.dart';
+
+class SortPreviewDialog extends StatefulWidget {
+ final String managerName;
+ final FileTreeNode sortedData;
+ final Function(String, FileTreeNode) onApprove;
+ final Function(String) onDecline;
+
+ const SortPreviewDialog({
+ required this.managerName,
+ required this.sortedData,
+ required this.onApprove,
+ required this.onDecline,
+ super.key,
+ });
+
+ @override
+ State createState() => _SortPreviewDialogState();
+}
+
+class _SortPreviewDialogState extends State {
+ int _currentView = 0; // 0 = folder, 1 = graph
+ List _currentPath = [];
+ FileTreeNode? _selectedFile;
+ bool _isDetailsVisible = false;
+
+ void _handleViewChange(int index) {
+ setState(() {
+ _currentView = index;
+ _isDetailsVisible = false;
+ _selectedFile = null;
+ });
+ }
+
+ void _handleFileSelect(FileTreeNode file) {
+ setState(() {
+ _selectedFile = file;
+ _isDetailsVisible = true;
+ });
+ }
+
+ void _handleNavigation(List newPath) {
+ setState(() {
+ _currentPath = newPath;
+ });
+ }
+
+ void _handleApprove() async {
+ bool response = await Api.moveDirectory(widget.managerName);
+ if (response == true) {
+ widget.onApprove(widget.managerName, widget.sortedData);
+ Navigator.of(context).pop();
+ } else {
+ widget.onDecline(widget.managerName);
+ Navigator.of(context).pop();
+ }
+ }
+
+ void _handleDecline() {
+ widget.onDecline(widget.managerName);
+ Navigator.of(context).pop();
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return Dialog(
+ backgroundColor: kScaffoldColor,
+ child: GestureDetector(
+ onSecondaryTap: () {
+ // Disable right-click context menu for entire dialog
+ },
+ child: SizedBox(
+ width: MediaQuery.of(context).size.width * 0.9,
+ height: MediaQuery.of(context).size.height * 0.9,
+ child: Column(
+ children: [
+ _buildHeader(),
+ Expanded(child: _buildContent()),
+ _buildFooter(),
+ ],
+ ),
+ ),
+ ),
+ );
+ }
+
+ Widget _buildHeader() {
+ return Container(
+ padding: const EdgeInsets.all(16),
+ decoration: const BoxDecoration(
+ border: Border(bottom: BorderSide(color: Color(0xff3D3D3D))),
+ ),
+ child: Row(
+ children: [
+ Text(
+ 'Sort Preview - ${widget.managerName}',
+ style: const TextStyle(
+ fontSize: 20,
+ fontWeight: FontWeight.bold,
+ color: Colors.white,
+ ),
+ ),
+ const Spacer(),
+ _buildViewToggle(),
+ const SizedBox(width: 16),
+ IconButton(
+ onPressed: _handleDecline,
+ icon: const Icon(Icons.close, color: Colors.white),
+ ),
+ ],
+ ),
+ );
+ }
+
+ Widget _buildViewToggle() {
+ return Container(
+ decoration: BoxDecoration(
+ color: const Color(0xff242424),
+ borderRadius: BorderRadius.circular(6),
+ border: Border.all(color: const Color(0xff3D3D3D)),
+ ),
+ child: Row(
+ mainAxisSize: MainAxisSize.min,
+ children: [
+ _buildToggleButton('Folder', 0, Icons.folder),
+ _buildToggleButton('Graph', 1, Icons.account_tree),
+ ],
+ ),
+ );
+ }
+
+ Widget _buildToggleButton(String label, int index, IconData icon) {
+ final isSelected = _currentView == index;
+ return GestureDetector(
+ onTap: () => _handleViewChange(index),
+ child: Container(
+ padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+ decoration: BoxDecoration(
+ color: isSelected ? kYellowText : Colors.transparent,
+ borderRadius: BorderRadius.circular(4),
+ ),
+ child: Row(
+ mainAxisSize: MainAxisSize.min,
+ children: [
+ Icon(
+ icon,
+ size: 16,
+ color: isSelected ? Colors.black : const Color(0xff9CA3AF),
+ ),
+ const SizedBox(width: 4),
+ Text(
+ label,
+ style: TextStyle(
+ fontSize: 12,
+ color: isSelected ? Colors.black : const Color(0xff9CA3AF),
+ fontWeight: isSelected ? FontWeight.w600 : FontWeight.normal,
+ ),
+ ),
+ ],
+ ),
+ ),
+ );
+ }
+
+ Widget _buildContent() {
+ return Container(
+ decoration: const BoxDecoration(
+ border: Border(bottom: BorderSide(color: Color(0xff3D3D3D))),
+ ),
+ child: _currentView == 0 ? _buildFolderView() : _buildGraphView(),
+ );
+ }
+
+ Widget _buildFolderView() {
+ return FolderViewPage(
+ treeData: widget.sortedData,
+ currentPath: _currentPath,
+ onFileSelected: _handleFileSelect,
+ onNavigate: _handleNavigation,
+ managerName: widget.managerName,
+ isPreviewMode: true,
+ onTagChanged: () {
+ // Tags can't be changed in preview mode
+ },
+ );
+ }
+
+ Widget _buildGraphView() {
+ return GraphViewPage(
+ treeData: widget.sortedData,
+ currentPath: _currentPath,
+ onFileSelected: _handleFileSelect,
+ onNavigate: _handleNavigation,
+ managerName: widget.managerName,
+ isPreviewMode: true,
+ onTagChanged: () {
+ // Tags can't be changed in preview mode
+ },
+ );
+ }
+
+ Widget _buildFooter() {
+ return Container(
+ padding: const EdgeInsets.all(16),
+ child: Row(
+ mainAxisAlignment: MainAxisAlignment.end,
+ children: [
+ TextButton(
+ onPressed: _handleDecline,
+ style: TextButton.styleFrom(
+ foregroundColor: Colors.grey,
+ side: const BorderSide(color: Colors.grey),
+ padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
+ ),
+ child: const Text('Decline'),
+ ),
+ const SizedBox(width: 12),
+ ElevatedButton(
+ onPressed: _handleApprove,
+ style: ElevatedButton.styleFrom(
+ backgroundColor: kYellowText,
+ foregroundColor: Colors.black,
+ padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
+ ),
+ child: const Text('Approve & Apply'),
+ ),
+ ],
+ ),
+ );
+ }
+}
diff --git a/app/lib/custom_widgets/tag_dialog.dart b/app/lib/custom_widgets/tag_dialog.dart
new file mode 100644
index 0000000..1eabfde
--- /dev/null
+++ b/app/lib/custom_widgets/tag_dialog.dart
@@ -0,0 +1,74 @@
+import 'package:flutter/material.dart';
+import 'package:app/constants.dart';
+import 'package:app/api.dart';
+import 'package:app/models/file_tree_node.dart';
+
+class TagDialog extends StatefulWidget {
+ final FileTreeNode node;
+ final String? managerName;
+
+ const TagDialog({required this.node, required this.managerName, super.key});
+
+ @override
+ State createState() => _TagDialogState();
+}
+
+class _TagDialogState extends State {
+ final TextEditingController _tagController = TextEditingController();
+
+ @override
+ void dispose() {
+ _tagController.dispose();
+ super.dispose();
+ }
+
+ Future _addTag() async {
+ if (_tagController.text.isEmpty) return;
+
+ bool response = await Api.addTagToFile(
+ widget.managerName ?? '',
+ widget.node.path ?? '',
+ _tagController.text,
+ );
+
+ if (mounted) {
+ Navigator.pop(context, response ? _tagController.text : null);
+ }
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return AlertDialog(
+ backgroundColor: kScaffoldColor,
+ title: const Text('Add Tag', style: kTitle1),
+ content: TextField(
+ controller: _tagController,
+ style: const TextStyle(color: Colors.white),
+ decoration: const InputDecoration(
+ hintText: 'Enter tag name',
+ hintStyle: TextStyle(color: Color(0xff9CA3AF)),
+ enabledBorder: UnderlineInputBorder(
+ borderSide: BorderSide(color: Color(0xff6B7280)),
+ ),
+ focusedBorder: UnderlineInputBorder(
+ borderSide: BorderSide(color: Color(0xffFFB400)),
+ ),
+ ),
+ onSubmitted: (_) => _addTag(),
+ ),
+ actions: [
+ TextButton(
+ onPressed: () => Navigator.pop(context, null),
+ child: const Text(
+ 'Cancel',
+ style: TextStyle(color: Color(0xff9CA3AF)),
+ ),
+ ),
+ TextButton(
+ onPressed: _addTag,
+ child: const Text('Add', style: TextStyle(color: Color(0xffFFB400))),
+ ),
+ ],
+ );
+ }
+}
diff --git a/app/lib/main.dart b/app/lib/main.dart
index f61ebae..f906e5a 100644
--- a/app/lib/main.dart
+++ b/app/lib/main.dart
@@ -1,6 +1,7 @@
import 'package:flutter/material.dart';
import 'package:app/navigation/shell.dart';
import 'package:window_manager/window_manager.dart';
+import 'package:tray_manager/tray_manager.dart';
import 'constants.dart';
void main() async {
@@ -19,16 +20,70 @@ void main() async {
await windowManager.focus();
});
+ windowManager.setPreventClose(true);
+
runApp(const MyApp());
}
-class MyApp extends StatelessWidget {
+class MyApp extends StatefulWidget {
const MyApp({super.key});
+ @override
+ State createState() => _MyAppState();
+}
+
+class _MyAppState extends State with WindowListener, TrayListener {
+ @override
+ void initState() {
+ super.initState();
+ _initTray();
+ windowManager.addListener(this);
+ }
+
+ @override
+ void onWindowClose() async {
+ windowManager.hide();
+ }
+
+ @override
+ void onTrayIconMouseDown() {
+ _showWindow();
+ }
+
+ Future _initTray() async {
+ trayManager.addListener(this);
+ await trayManager.setIcon('assets/logo.ico'); // Set tray icon
+ // await trayManager.setToolTip("Smart File Manger"); // Tooltip
+ await trayManager.setContextMenu(
+ Menu(
+ items: [
+ MenuItem(label: "Show App", onClick: (menuItem) => _showWindow()),
+ MenuItem(label: "Exit", onClick: (menuItem) => _exitApp()),
+ ],
+ ),
+ );
+ }
+
+ void _showWindow() {
+ windowManager.show(); // Restore window
+ windowManager.focus();
+ }
+
+ void _exitApp() {
+ trayManager.destroy();
+ windowManager.destroy();
+ }
+
+ @override
+ void onTrayIconRightMouseDown() {
+ trayManager.popUpContextMenu();
+ }
+
@override
Widget build(BuildContext context) {
//Basic structure, calls the Shell wich creates structure of top Appbar and Navigation
return MaterialApp(
+ debugShowCheckedModeBanner: false,
title: 'Smart File Manager',
theme: ThemeData(
primaryColor: kprimaryColor,
diff --git a/app/lib/models/duplicate_model.dart b/app/lib/models/duplicate_model.dart
new file mode 100644
index 0000000..457a6e7
--- /dev/null
+++ b/app/lib/models/duplicate_model.dart
@@ -0,0 +1,23 @@
+class DuplicateModel {
+ final String name;
+ final String originalPath;
+ final String duplicatePath;
+
+ DuplicateModel({
+ required this.name,
+ required this.originalPath,
+ required this.duplicatePath,
+ });
+
+ factory DuplicateModel.fromJson(Map json) {
+ return DuplicateModel(
+ name: json['name'],
+ originalPath: json['original'],
+ duplicatePath: json['duplicate'],
+ );
+ }
+
+ Map toJsonForDeleteDuplicate() {
+ return {'filepath': duplicatePath};
+ }
+}
diff --git a/app/lib/models/file_model.dart b/app/lib/models/file_model.dart
new file mode 100644
index 0000000..5e49412
--- /dev/null
+++ b/app/lib/models/file_model.dart
@@ -0,0 +1,24 @@
+class FileModel {
+ final String name;
+ final String filePath;
+ final List? fileTags;
+
+ FileModel({
+ required this.name,
+ required this.filePath,
+ required this.fileTags,
+ });
+
+ factory FileModel.fromJson(Map json) {
+ return FileModel(
+ name: json['file_name'],
+ filePath: json['file_path'],
+ fileTags:
+ json['file_tags'] != null ? List.from(json['file_tags']) : [],
+ );
+ }
+
+ Map toJsonForDeleteDuplicate() {
+ return {'name': name, 'file_path': filePath, 'file_tags': fileTags};
+ }
+}
diff --git a/app/lib/models/file_tree_node.dart b/app/lib/models/file_tree_node.dart
index c8e3f91..da5cc8e 100644
--- a/app/lib/models/file_tree_node.dart
+++ b/app/lib/models/file_tree_node.dart
@@ -3,8 +3,11 @@ class FileTreeNode {
final bool isFolder;
final List? children;
final List? tags;
- final String? path;
+ String? path;
+ final String? rootPath;
final Map? metadata;
+ bool locked;
+ final String? newPath;
FileTreeNode({
required this.name,
@@ -12,13 +15,17 @@ class FileTreeNode {
this.children,
this.tags,
this.path,
+ this.rootPath,
this.metadata,
+ required this.locked,
+ this.newPath,
});
factory FileTreeNode.fromJson(Map json) {
return FileTreeNode(
name: json['name'] ?? '',
path: json['path'] ?? '',
+ rootPath: json['rootPath'] ?? '',
isFolder: json['isFolder'] ?? false,
children:
json['children'] != null
@@ -31,6 +38,8 @@ class FileTreeNode {
json['metadata'] != null
? Map.from(json['metadata'])
: {},
+ locked: json['locked'] ?? false,
+ newPath: json['newPath'] ?? '',
);
}
@@ -38,13 +47,110 @@ class FileTreeNode {
return {
'name': name,
'path': path,
+ 'rootPath': rootPath,
'isFolder': isFolder,
'children': children?.map((child) => child.toJson()).toList(),
'tags': tags,
'metadata': metadata,
+ 'locked': locked,
+ 'newPath': newPath,
};
}
@override
- String toString() => 'FileTreeNode(name: $name, isFolder: $isFolder)';
+ String toString() {
+ return _stringify(this, 0);
+ }
+
+ String _stringify(FileTreeNode node, int indent) {
+ final indentStr = ' ' * indent;
+
+ final buffer = StringBuffer();
+ buffer.writeln('$indentStr- FileTreeNode(');
+ buffer.writeln('$indentStr name: ${node.name}');
+ buffer.writeln('$indentStr path: ${node.path}');
+ buffer.writeln('$indentStr rootPath: ${node.rootPath}');
+ buffer.writeln('$indentStr isFolder: ${node.isFolder}');
+ buffer.writeln('$indentStr locked: ${node.locked}');
+ buffer.writeln('$indentStr tags: ${node.tags}');
+ buffer.writeln('$indentStr metadata: ${node.metadata}');
+ buffer.writeln('$indentStr newPath: ${node.newPath}');
+
+ if (node.children != null && node.children!.isNotEmpty) {
+ buffer.writeln('$indentStr children: [');
+ for (var child in node.children!) {
+ buffer.write(_stringify(child, indent + 2));
+ }
+ buffer.writeln('$indentStr ]');
+ } else {
+ buffer.writeln('$indentStr children: []');
+ }
+
+ buffer.writeln('$indentStr)');
+ return buffer.toString();
+ }
+
+ // Function used to set the locked state of the structure to true (dependent on api lock endpoint)
+ void lockItem(String path) {
+ _findAndLockItem(this, path);
+ }
+
+ bool _findAndLockItem(FileTreeNode node, String targetPath) {
+ // Check if target node
+ if (node.path == targetPath) {
+ _lockNodeAndDescendants(node);
+ return true;
+ }
+
+ if (node.children != null) {
+ for (var child in node.children!) {
+ if (_findAndLockItem(child, targetPath)) {
+ return true;
+ }
+ }
+ }
+
+ return false;
+ }
+
+ void _lockNodeAndDescendants(FileTreeNode node) {
+ node.locked = true;
+ if (node.children != null) {
+ for (var child in node.children!) {
+ _lockNodeAndDescendants(child);
+ }
+ }
+ }
+
+ // Function used to set the unlocked state of the structure to true (dependent on api unlock endpoint)
+ void unlockItem(String path) {
+ _findAndUnlockItem(this, path);
+ }
+
+ bool _findAndUnlockItem(FileTreeNode node, String targetPath) {
+ // Check if target node
+ if (node.path == targetPath) {
+ _unlockNodeAndDescendants(node);
+ return true;
+ }
+
+ if (node.children != null) {
+ for (var child in node.children!) {
+ if (_findAndUnlockItem(child, targetPath)) {
+ return true;
+ }
+ }
+ }
+
+ return false;
+ }
+
+ void _unlockNodeAndDescendants(FileTreeNode node) {
+ node.locked = false;
+ if (node.children != null) {
+ for (var child in node.children!) {
+ _unlockNodeAndDescendants(child);
+ }
+ }
+ }
}
diff --git a/app/lib/models/startup_response.dart b/app/lib/models/startup_response.dart
new file mode 100644
index 0000000..13991a8
--- /dev/null
+++ b/app/lib/models/startup_response.dart
@@ -0,0 +1,23 @@
+class StartupResponse {
+ final String responseMessage;
+ final List managerNames;
+
+ StartupResponse({
+ required this.responseMessage,
+ required this.managerNames,
+ });
+
+ factory StartupResponse.fromJson(Map json) {
+ return StartupResponse(
+ responseMessage: json['responseMessage'] as String,
+ managerNames: List.from(json['managerNames'] as List),
+ );
+ }
+
+ Map toJson() {
+ return {
+ 'responseMessage': responseMessage,
+ 'managerNames': managerNames,
+ };
+ }
+}
\ No newline at end of file
diff --git a/app/lib/models/stats_model.dart b/app/lib/models/stats_model.dart
new file mode 100644
index 0000000..03e9e94
--- /dev/null
+++ b/app/lib/models/stats_model.dart
@@ -0,0 +1,118 @@
+class ManagersStatsResponse {
+ List? managers;
+
+ ManagersStatsResponse({this.managers});
+
+ ManagersStatsResponse.fromJson(List json) {
+ managers = [];
+ for (var v in json) {
+ managers!.add(StatsModel.fromJson(v));
+ }
+ }
+
+ List toJson() {
+ return managers?.map((v) => v.toJson()).toList() ?? [];
+ }
+
+ @override
+ String toString() {
+ return 'ManagersStatsResponse(managers: $managers)';
+ }
+}
+
+class StatsModel {
+ String? managerName;
+ int? size;
+ int? folders;
+ int? files;
+ List? recent;
+ List? largest;
+ List? oldest;
+ List? umbrellaCounts;
+
+ StatsModel({
+ this.managerName,
+ this.size,
+ this.folders,
+ this.files,
+ this.recent,
+ this.largest,
+ this.oldest,
+ this.umbrellaCounts,
+ });
+
+ StatsModel.fromJson(Map json) {
+ managerName = json['manager_name'];
+ size = json['size'];
+ folders = json['folders'];
+ files = json['files'];
+ if (json['recent'] != null) {
+ recent = [];
+ json['recent'].forEach((v) {
+ recent!.add(Files.fromJson(v));
+ });
+ }
+ if (json['largest'] != null) {
+ largest = [];
+ json['largest'].forEach((v) {
+ largest!.add(Files.fromJson(v));
+ });
+ }
+ if (json['oldest'] != null) {
+ oldest = [];
+ json['oldest'].forEach((v) {
+ oldest!.add(Files.fromJson(v));
+ });
+ }
+ umbrellaCounts = json['umbrella_counts']?.cast();
+ }
+
+ Map toJson() {
+ final Map data = {};
+ data['manager_name'] = managerName;
+ data['size'] = size;
+ data['folders'] = folders;
+ data['files'] = files;
+ if (recent != null) {
+ data['recent'] = recent!.map((v) => v.toJson()).toList();
+ }
+ if (largest != null) {
+ data['largest'] = largest!.map((v) => v.toJson()).toList();
+ }
+ if (oldest != null) {
+ data['oldest'] = oldest!.map((v) => v.toJson()).toList();
+ }
+ data['umbrella_counts'] = umbrellaCounts;
+ return data;
+ }
+
+ @override
+ String toString() {
+ return 'StatsModel(managerName: $managerName, size: $size, folders: $folders, files: $files, '
+ 'recent: $recent, largest: $largest, oldest: $oldest, umbrellaCounts: $umbrellaCounts)';
+ }
+}
+
+class Files {
+ String? filePath;
+ String? fileName;
+
+ Files({this.filePath, this.fileName});
+
+ Files.fromJson(Map json) {
+ filePath = json['file_path'];
+ fileName = json['file_name'];
+ }
+
+ Map toJson() {
+ final Map data = {};
+ data['file_path'] = filePath;
+ data['file_name'] = fileName;
+ return data;
+ }
+
+ @override
+ String toString() {
+ return 'Files(filePath: $filePath, fileName: $fileName)';
+ }
+}
diff --git a/app/lib/navigation/main_navigation.dart b/app/lib/navigation/main_navigation.dart
index ceabe1c..3c87886 100644
--- a/app/lib/navigation/main_navigation.dart
+++ b/app/lib/navigation/main_navigation.dart
@@ -1,3 +1,4 @@
+import 'package:app/models/file_tree_node.dart';
import 'package:flutter/material.dart';
import 'package:app/custom_widgets/create_manager.dart';
import 'package:app/constants.dart';
@@ -15,12 +16,14 @@ class NavigationItem {
class ManagerNavigationItem extends NavigationItem {
final String directory;
final bool isLoading;
+ final FileTreeNode? treeData;
ManagerNavigationItem({
required super.icon,
required super.label,
required this.directory,
this.isLoading = false,
+ this.treeData,
});
}
@@ -28,7 +31,12 @@ class MainNavigation extends StatefulWidget {
final List items;
final int selectedIndex;
final Function(int) onTap;
- final Function(String)? onManagerTap;
+ final Function() updateStats;
+ final Function(String, FileTreeNode?)? onManagerTap;
+ final Function(String, FileTreeNode)? onManagerTreeDataUpdate;
+ final Function(List)? onManagerNamesUpdate;
+ final Function(String)? onManagerAdded;
+ final Function(String)? onManagerDelete;
final String? selectedManager;
const MainNavigation({
@@ -36,17 +44,32 @@ class MainNavigation extends StatefulWidget {
required this.items,
required this.selectedIndex,
required this.onTap,
+ required this.updateStats,
this.onManagerTap,
+ this.onManagerTreeDataUpdate,
+ this.onManagerNamesUpdate,
+ this.onManagerAdded,
+ this.onManagerDelete,
this.selectedManager,
});
@override
- State createState() => _MainNavigationState();
+ State createState() => MainNavigationState();
}
-class _MainNavigationState extends State {
+class MainNavigationState extends State {
//has a list of managers that are created
final List _managers = [];
+ bool _isInitialized = false;
+ bool _disposed = false;
+ bool _isInitialLoading = true;
+ int _loadingManagersCount = 0;
+
+ @override
+ void dispose() {
+ _disposed = true;
+ super.dispose();
+ }
//if manager exist, ignore otherwise proceed
bool _managerNameExists(String name) {
@@ -75,6 +98,271 @@ class _MainNavigationState extends State {
);
}
+ void _handleDeleteManager(String managerName) async {
+ try {
+ final success = await Api.deleteSmartManager(managerName);
+
+ if (success) {
+ setState(() {
+ _managers.removeWhere((m) => m.label == managerName);
+ });
+
+ // Notify parent about the deletion
+ widget.onManagerDelete?.call(managerName);
+
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Smart Manager "$managerName" deleted successfully'),
+ backgroundColor: kYellowText,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ } else {
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Failed to delete Smart Manager "$managerName"'),
+ backgroundColor: Colors.redAccent,
+ duration: Duration(seconds: 3),
+ ),
+ );
+ }
+ } catch (e) {
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Error deleting Smart Manager "$managerName": $e'),
+ backgroundColor: Colors.redAccent,
+ duration: Duration(seconds: 3),
+ ),
+ );
+ }
+ }
+
+ void removeManagerFromNavigation(String managerName) {
+ if (mounted) {
+ setState(() {
+ _managers.removeWhere((m) => m.label == managerName);
+ });
+ }
+ }
+
+ Future loadTreeDataForManager(String managerName) async {
+ final index = _managers.indexWhere((m) => m.label == managerName);
+ if (index == -1) return;
+
+ // If already loaded or loading, return
+ if (_managers[index].treeData != null || _managers[index].isLoading) {
+ return;
+ }
+
+ // Check if widget is still mounted before updating state
+ if (!_disposed && mounted) {
+ setState(() {
+ _managers[index] = ManagerNavigationItem(
+ icon: _managers[index].icon,
+ label: _managers[index].label,
+ directory: _managers[index].directory,
+ isLoading: true,
+ treeData: _managers[index].treeData,
+ );
+ });
+ }
+
+ try {
+ final treeData = await Api.loadTreeData(managerName);
+
+ if (!_disposed && mounted) {
+ setState(() {
+ _managers[index] = ManagerNavigationItem(
+ icon: Icons.folder,
+ label: managerName,
+ directory: _managers[index].directory,
+ isLoading: false,
+ treeData: treeData,
+ );
+ });
+
+ // Notify parent
+ widget.onManagerTreeDataUpdate?.call(managerName, treeData);
+ }
+ } catch (e) {
+ print('Error loading tree data for $managerName: $e');
+
+ if (!_disposed && mounted) {
+ setState(() {
+ _managers[index] = ManagerNavigationItem(
+ icon: Icons.folder,
+ label: managerName,
+ directory: _managers[index].directory,
+ isLoading: false,
+ treeData: null,
+ );
+ });
+ }
+ }
+ }
+
+ @override
+ void initState() {
+ super.initState();
+ WidgetsBinding.instance.addPostFrameCallback((_) {
+ _initializeApp();
+ });
+ }
+
+ void _initializeApp() {
+ if (_isInitialLoading) {
+ _showBootupScreen();
+ }
+ _loadExistingManagers();
+ }
+
+ void _showBootupScreen() {
+ showDialog(
+ context: context,
+ barrierDismissible: false,
+ builder: (BuildContext context) {
+ return PopScope(
+ canPop: false,
+ child: Container(
+ width: MediaQuery.of(context).size.width,
+ height: MediaQuery.of(context).size.height,
+ color: kScaffoldColor,
+ child: Center(
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: [
+ Image.asset('images/logo.png', width: 120, height: 120),
+ const SizedBox(height: 40),
+ Text(
+ 'SMART FILE MANAGER',
+ style: TextStyle(
+ color: kprimaryColor,
+ fontSize: 24,
+ fontWeight: FontWeight.bold,
+ ),
+ ),
+ const SizedBox(height: 60),
+ CircularProgressIndicator(color: kYellowText, strokeWidth: 3),
+ ],
+ ),
+ ),
+ ),
+ );
+ },
+ );
+ }
+
+ void _hideBootupScreen() {
+ if (!_disposed && mounted && _isInitialLoading) {
+ Navigator.of(context).pop();
+ setState(() {
+ _isInitialLoading = false;
+ });
+ widget.updateStats.call();
+ }
+ }
+
+ void _loadExistingManagers() async {
+ if (_isInitialized) return;
+
+ try {
+ final startupResponse = await Api.startUp();
+
+ if (!_disposed && mounted) {
+ setState(() {
+ _managers.clear();
+ for (String managerName in startupResponse.managerNames) {
+ _managers.add(
+ ManagerNavigationItem(
+ icon: Icons.folder,
+ label: managerName,
+ directory: '',
+ isLoading: true,
+ ),
+ );
+ }
+ _isInitialized = true;
+ _loadingManagersCount = startupResponse.managerNames.length;
+ });
+
+ // Notify parent with manager names
+ widget.onManagerNamesUpdate?.call(startupResponse.managerNames);
+
+ // If no managers, hide bootup screen immediately
+ if (startupResponse.managerNames.isEmpty) {
+ _hideBootupScreen();
+ } else {
+ // Load tree data for each manager in background
+ for (String managerName in startupResponse.managerNames) {
+ _loadTreeDataInBackground(managerName);
+ }
+ }
+ }
+ } catch (e) {
+ print('Error loading existing managers: $e');
+ if (!_disposed && mounted) {
+ setState(() {
+ _isInitialized = true;
+ });
+ _hideBootupScreen();
+ }
+ }
+ }
+
+ void _loadTreeDataInBackground(String managerName) async {
+ try {
+ final treeData = await Api.loadTreeData(managerName);
+
+ if (!_disposed && mounted) {
+ setState(() {
+ final index = _managers.indexWhere((m) => m.label == managerName);
+ if (index != -1) {
+ _managers[index] = ManagerNavigationItem(
+ icon: Icons.folder,
+ label: managerName,
+ directory: _managers[index].directory,
+ isLoading: false,
+ treeData: treeData,
+ );
+ }
+ _loadingManagersCount--;
+ });
+
+ widget.onManagerTreeDataUpdate?.call(managerName, treeData);
+
+ // Hide bootup screen when all managers are loaded
+ if (_loadingManagersCount <= 0) {
+ _hideBootupScreen();
+ }
+ }
+ } catch (e) {
+ print('Error loading tree data for $managerName: $e');
+
+ if (!_disposed && mounted) {
+ setState(() {
+ final index = _managers.indexWhere(
+ (m) => m.label == managerName && m.isLoading,
+ );
+ if (index != -1) {
+ _managers[index] = ManagerNavigationItem(
+ icon: Icons.folder,
+ label: managerName,
+ directory: _managers[index].directory,
+ isLoading: false,
+ treeData: null,
+ );
+ }
+ _loadingManagersCount--;
+ });
+
+ // Hide bootup screen even if loading failed
+ if (_loadingManagersCount <= 0) {
+ _hideBootupScreen();
+ }
+ }
+ }
+ }
+
@override
Widget build(BuildContext context) {
return Container(
@@ -127,7 +415,16 @@ class _MainNavigationState extends State {
onTap:
item.isLoading
? null
- : () => widget.onManagerTap?.call(item.label),
+ : () {
+ // Load tree data if not available
+ if (item.treeData == null) {
+ loadTreeDataForManager(item.label);
+ }
+ widget.onManagerTap?.call(
+ item.label,
+ item.treeData,
+ );
+ },
);
}),
],
@@ -162,7 +459,7 @@ class _MainNavigationState extends State {
);
if (success) {
- // Update manager to remove loading state
+ // Update manager to remove loading state and load treedata
setState(() {
final index = _managers.indexWhere(
(m) => m.label == result.name,
@@ -177,6 +474,12 @@ class _MainNavigationState extends State {
}
});
+ //load data
+ loadTreeDataForManager(result.name);
+
+ // Notify parent that a new manager was added
+ widget.onManagerAdded?.call(result.name);
+
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(
diff --git a/app/lib/navigation/shell.dart b/app/lib/navigation/shell.dart
index 21228e2..076a334 100644
--- a/app/lib/navigation/shell.dart
+++ b/app/lib/navigation/shell.dart
@@ -6,7 +6,12 @@ import '../pages/advanced_search_page.dart';
import 'main_navigation.dart';
import '../pages/manager_page.dart';
import 'package:app/constants.dart';
+import 'package:app/api.dart';
import 'package:url_launcher/url_launcher.dart';
+import 'package:app/models/file_tree_node.dart';
+
+GlobalKey globalKey = GlobalKey();
+GlobalKey mainNavigationKey = GlobalKey();
class Shell extends StatefulWidget {
const Shell({super.key});
@@ -18,15 +23,36 @@ class Shell extends StatefulWidget {
class _ShellState extends State {
int _selectedIndex = 0; //index selected form the main menu (0 to 3)
String? _selectedManager; //name of the Manager selected
+ List _managerNames = []; //list of manager names from startup
+ String _selectedManagerForSearch = "";
+
+ final Map _managerTreeData = {};
+ final Map _pendingSorts = {}; // Track active sort operations
+ final Map _sortResults =
+ {}; // Store sort results for approval
+
final Uri _url = Uri.parse(
'https://cos301-se-2025.github.io/Smart-File-Manager/',
);
- //pages are stored in a Widget List to send the correct widget(content) given the selected Index
- final List _pages = [
- const DashboardPage(),
- const SmartManagersPage(),
- const AdvancedSearchPage(),
+ //pages are created dynamically to pass manager names to AdvancedSearchPage
+ List get _pages => [
+ DashboardPage(managerNames: _managerNames, key: globalKey),
+ SmartManagersPage(
+ key: const ValueKey('smart_managers_page'),
+ managerTreeData: _managerTreeData,
+ managerNames: _managerNames,
+ pendingSorts: _pendingSorts,
+ sortResults: _sortResults,
+ onManagerSort: _onManagerSort,
+ onSortApprove: _onSortApprove,
+ onSortDecline: _onSortDecline,
+ onManagerDelete: _onManagerDelete,
+ ),
+ AdvancedSearchPage(
+ managerNames: _managerNames,
+ selectedManager: _selectedManagerForSearch,
+ ),
const SettingsPage(),
];
@@ -46,6 +72,125 @@ class _ShellState extends State {
});
}
+ //update stats
+ void _updateStats() {
+ if (_managerNames.isNotEmpty) {
+ globalKey.currentState?.loadStatsData();
+ }
+ }
+
+ //when manager is deleted updated values here:
+ void _onManagerDelete(String managerName) {
+ setState(() {
+ // Create a new list to ensure Flutter detects the change
+ _managerNames =
+ _managerNames.where((name) => name != managerName).toList();
+ _managerTreeData.remove(managerName);
+ _pendingSorts.remove(managerName);
+ _sortResults.remove(managerName);
+
+ // If the deleted manager was selected, deselect it
+ if (_selectedManager == managerName) {
+ _selectedManager = null;
+ _selectedIndex = 0; // Go to dashboard
+ }
+
+ // If the deleted manager was selected for search, clear it
+ if (_selectedManagerForSearch == managerName) {
+ _selectedManagerForSearch = "";
+ }
+ });
+
+ // Remove the manager from the navigation sidebar
+ mainNavigationKey.currentState?.removeManagerFromNavigation(managerName);
+
+ // Update stats to reflect the deletion
+ _updateStats();
+ }
+
+ //when manager is sorted(move directory is called, update treedata for manager)
+ void _onManagerSort(String managerName, FileTreeNode managerData) async {
+ // Start background sorting
+ setState(() {
+ _pendingSorts[managerName] = true;
+ _sortResults.remove(managerName); // Clear any previous results
+ });
+
+ try {
+ final sortedData = await Api.sortManager(managerName);
+
+ setState(() {
+ _pendingSorts[managerName] = false;
+ _sortResults[managerName] = sortedData;
+ });
+
+ // Show notification if user is not on SmartManagersPage
+ if (_selectedIndex != 1) {
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text(
+ 'Sort completed for "$managerName" - View results to approve',
+ ),
+ backgroundColor: kYellowText,
+ duration: Duration(seconds: 4),
+ action: SnackBarAction(
+ label: 'View',
+ onPressed: () {
+ setState(() {
+ _selectedIndex = 1;
+ _selectedManager = null;
+ });
+ },
+ ),
+ ),
+ );
+ }
+ } catch (e) {
+ setState(() {
+ _pendingSorts[managerName] = false;
+ });
+
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Sort failed for "$managerName": $e'),
+ backgroundColor: Colors.redAccent,
+ duration: Duration(seconds: 3),
+ ),
+ );
+ }
+ }
+
+ void _onSortApprove(String managerName, FileTreeNode sortedData) async {
+ FileTreeNode response = await Api.loadTreeData(managerName);
+ print(response);
+ setState(() {
+ _managerTreeData[managerName] = response;
+ _sortResults.remove(managerName);
+ });
+
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Sort applied for "$managerName"'),
+ backgroundColor: kYellowText,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ }
+
+ void _onSortDecline(String managerName) {
+ setState(() {
+ _sortResults.remove(managerName);
+ });
+
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Sort declined for "$managerName"'),
+ backgroundColor: Colors.grey,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ }
+
Future _launchUrl() async {
if (!await launchUrl(_url, mode: LaunchMode.externalApplication)) {
throw Exception('Could not launch $_url');
@@ -53,19 +198,62 @@ class _ShellState extends State {
}
//select the manager by passed in name and deselect main navigation if selected
- void _onManagerTap(String managerName) {
+ void _onManagerTap(String managerName, FileTreeNode? treeData) {
setState(() {
_selectedManager = managerName;
_selectedIndex = -1;
});
}
+ void _onManagerTreeDataUpdate(String managerName, FileTreeNode treeData) {
+ setState(() {
+ _managerTreeData[managerName] = treeData;
+ });
+ }
+
+ void _onManagerNamesUpdate(List managerNames) {
+ setState(() {
+ _managerNames = managerNames;
+ });
+ }
+
+ void _updateManagerTreeData(String managerName, FileTreeNode treeData) {
+ setState(() {
+ _managerTreeData[managerName] = treeData;
+ });
+ }
+
+ void _goToAdvancedSearch(String managerName) {
+ setState(() {
+ _selectedManager = null;
+ _selectedIndex = 2;
+ _selectedManagerForSearch = managerName;
+ });
+ }
+
+ void _onManagerAdded(String managerName) {
+ setState(() {
+ if (!_managerNames.contains(managerName)) {
+ // Create a new list to ensure Flutter detects the change
+ _managerNames = [..._managerNames, managerName];
+ }
+ });
+
+ // Force dashboard to update if it's the active page
+ if (_selectedIndex == 0) {
+ _updateStats();
+ }
+ }
+
//find the active page and return its widget
Widget _getCurrentPage() {
if (_selectedManager != null) {
return ManagerPage(
key: ValueKey(_selectedManager),
name: _selectedManager!,
+ treeData: _managerTreeData[_selectedManager!],
+ onTreeDataUpdate: _updateManagerTreeData,
+ onGoToAdvancedSearch: _goToAdvancedSearch,
);
} else if (_selectedIndex >= 0 && _selectedIndex < _pages.length) {
return _pages[_selectedIndex];
@@ -80,6 +268,7 @@ class _ShellState extends State {
backgroundColor: kScaffoldColor,
//Main Appbar with app title and login button
appBar: AppBar(
+ scrolledUnderElevation: 0,
leading: Padding(
padding: const EdgeInsets.fromLTRB(10, 0, 0, 0),
child: Image.asset("images/logo.png"),
@@ -112,11 +301,17 @@ class _ShellState extends State {
children: [
//Main Navigation Widget with parmeters used to navigate
MainNavigation(
+ key: mainNavigationKey,
items: _navigationItems,
selectedIndex: _selectedIndex,
selectedManager: _selectedManager,
onTap: _onNavigationTap,
+ updateStats: _updateStats,
onManagerTap: _onManagerTap,
+ onManagerTreeDataUpdate: _onManagerTreeDataUpdate,
+ onManagerNamesUpdate: _onManagerNamesUpdate,
+ onManagerAdded: _onManagerAdded,
+ onManagerDelete: _onManagerDelete,
),
//Page that needs to be rendered depending on navigation index
Expanded(child: _getCurrentPage()),
diff --git a/app/lib/pages/advanced_search_page.dart b/app/lib/pages/advanced_search_page.dart
index fc4923c..a14175f 100644
--- a/app/lib/pages/advanced_search_page.dart
+++ b/app/lib/pages/advanced_search_page.dart
@@ -1,26 +1,330 @@
-import 'package:flutter/material.dart';
-
-class AdvancedSearchPage extends StatelessWidget {
- const AdvancedSearchPage({super.key});
-
- @override
- Widget build(BuildContext context) {
- return const Padding(
- padding: EdgeInsets.all(20),
- child: Column(
- crossAxisAlignment: CrossAxisAlignment.start,
- children: [
- Text(
- 'Advanced Search',
- style: TextStyle(
- color: Colors.white,
- fontSize: 24,
- fontWeight: FontWeight.bold,
- ),
- ),
- SizedBox(height: 20),
- ],
- ),
- );
- }
-}
+import 'package:app/api.dart';
+import 'package:flutter/material.dart';
+import 'package:app/custom_widgets/file_details_panel.dart';
+import 'package:app/models/file_tree_node.dart';
+import 'package:app/pages/search_sub_page/folder_view_search.dart';
+import 'package:app/custom_widgets/custom_search_bar.dart';
+import 'package:app/custom_widgets/custom_dropdown_menu.dart';
+
+class AdvancedSearchPage extends StatefulWidget {
+ final List managerNames;
+ final String selectedManager;
+
+ const AdvancedSearchPage({
+ super.key,
+ this.managerNames = const [],
+ this.selectedManager = "",
+ });
+
+ @override
+ State createState() => _AdvancedSearchPageState();
+}
+
+class _AdvancedSearchPageState extends State {
+ bool _isDetailsVisible = false;
+ final bool _disposed = false;
+ FileTreeNode? _treeData;
+ FileTreeNode? _selectedFile;
+ bool _isLoading = false;
+ String managername = "";
+ bool _searchHappened = false;
+ bool _isAdvancedSearchReady = false;
+
+ @override
+ void initState() {
+ super.initState();
+ if (widget.selectedManager != "") {
+ _updateSelectedManager(widget.selectedManager ?? "");
+ }
+ }
+
+ void _handleFileSelect(FileTreeNode file) {
+ if (!_disposed && mounted) {
+ setState(() {
+ _selectedFile = file;
+ _isDetailsVisible = true;
+ });
+ }
+ }
+
+ void _handleGoToFolder(List folderPath) {
+ Navigator.pop(context, {'action': 'navigate', 'path': folderPath});
+ }
+
+ void _handleDetailPanelClose() {
+ if (!_disposed && mounted) {
+ setState(() {
+ _isDetailsVisible = false;
+ _selectedFile = null;
+ });
+ }
+ }
+
+ void _callGoSearch(String query) async {
+ if (query.trim().isEmpty) return;
+
+ setState(() {
+ _isLoading = true;
+ _searchHappened = true;
+ });
+ if (_isAdvancedSearchReady) {
+ try {
+ FileTreeNode response = await Api.searchAdvanced(managername, query);
+ if (mounted) {
+ setState(() {
+ _treeData = response;
+ _isLoading = false;
+ });
+ }
+ } catch (e) {
+ if (mounted) {
+ setState(() {
+ _treeData = null;
+ _isLoading = false;
+ });
+ }
+ }
+ } else {
+ try {
+ FileTreeNode response = await Api.searchGo(managername, query);
+ if (mounted) {
+ setState(() {
+ _treeData = response;
+ _isLoading = false;
+ });
+ }
+ } catch (e) {
+ if (mounted) {
+ setState(() {
+ _treeData = null;
+ _isLoading = false;
+ });
+ }
+ }
+ }
+ }
+
+ void _updateSelectedManager(String selectedManager) async {
+ setState(() {
+ managername = selectedManager;
+ });
+ var response = await Api.searchAdvancedReady(selectedManager);
+ print(response);
+
+ if (response) {
+ setState(() {
+ _isAdvancedSearchReady = true;
+ });
+ } else {
+ setState(() {
+ _isAdvancedSearchReady = false;
+ });
+ }
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return Scaffold(
+ appBar: _buildTopBar(),
+ body: Column(
+ children: [
+ _buildSearchBar(),
+ Expanded(child: _buildFolderViewLayout()),
+ ],
+ ),
+ );
+ }
+
+ PreferredSize _buildTopBar() {
+ return PreferredSize(
+ preferredSize: const Size.fromHeight(50),
+ child: AppBar(
+ backgroundColor: const Color(0xff2E2E2E),
+ automaticallyImplyLeading: false,
+ shape: const Border(
+ bottom: BorderSide(color: Color(0xff3D3D3D), width: 1),
+ ),
+ flexibleSpace: SafeArea(
+ child: Padding(
+ padding: const EdgeInsets.symmetric(horizontal: 16.0),
+ child: Row(
+ children: [
+ Expanded(
+ child: Center(
+ child: Row(
+ mainAxisAlignment: MainAxisAlignment.start,
+ children: [
+ Expanded(
+ child: Text(
+ 'Advanced Search',
+ style: const TextStyle(
+ fontWeight: FontWeight.bold,
+ fontSize: 20,
+ color: Colors.white,
+ ),
+ ),
+ ),
+ managername != ""
+ ? Text(
+ _isAdvancedSearchReady && managername != ""
+ ? "Advanced Search Active"
+ : "Advanced Search Starting Up",
+ style: TextStyle(
+ color:
+ _isAdvancedSearchReady && managername != ""
+ ? Colors.green
+ : Colors.amber,
+ ),
+ )
+ : Text(""),
+ ],
+ ),
+ ),
+ ),
+ ],
+ ),
+ ),
+ ),
+ ),
+ );
+ }
+
+ Widget _buildSearchBar() {
+ return Container(
+ height: 50,
+ decoration: const BoxDecoration(
+ color: Color(0xff2E2E2E),
+ border: Border(bottom: BorderSide(color: Color(0xff3D3D3D), width: 1)),
+ ),
+ child: Padding(
+ padding: const EdgeInsets.symmetric(horizontal: 16.0),
+ child: Row(
+ children: [
+ Expanded(
+ child: Row(
+ children: [
+ CustomDropdownMenu(
+ hint: "Select Manager",
+ items:
+ widget.managerNames
+ .map(
+ (name) => DropdownMenuItem(
+ value: name,
+ child: Text(name),
+ ),
+ )
+ .toList(),
+ onChanged: (v) => _updateSelectedManager(v ?? ""),
+ value:
+ widget.selectedManager == ""
+ ? null
+ : widget.selectedManager,
+ ),
+ const SizedBox(width: 12),
+ CustomSearchBar(
+ icon: Icons.search_rounded,
+ hint: "Search for files inside manager",
+ isActive: managername.isNotEmpty,
+ onChanged: (s) => _callGoSearch(s),
+ ),
+ ],
+ ),
+ ),
+ ],
+ ),
+ ),
+ );
+ }
+
+ Widget _buildFolderViewLayout() {
+ return Row(
+ children: [
+ Expanded(flex: _isDetailsVisible ? 3 : 1, child: _buildMainContent()),
+ if (_isDetailsVisible)
+ SizedBox(width: 200, child: _buildDetailsPanel()),
+ ],
+ );
+ }
+
+ Widget _buildMainContent() {
+ if (_isLoading) {
+ return Center(
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: [
+ const CircularProgressIndicator(color: Color(0xffFFB400)),
+ const SizedBox(height: 16),
+ Text(
+ 'Loading files...',
+ style: const TextStyle(color: Color(0xff9CA3AF)),
+ ),
+ ],
+ ),
+ );
+ }
+
+ if (!_searchHappened) {
+ return Center(
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: [
+ Text(
+ 'Search for keywords in your files',
+ style: const TextStyle(color: Color(0xff9CA3AF)),
+ ),
+ ],
+ ),
+ );
+ }
+
+ if (_treeData == null) {
+ return const Center(
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: [
+ Icon(Icons.error_outline, size: 64, color: Color(0xffDC2626)),
+ SizedBox(height: 16),
+ Text(
+ 'Failed to load data',
+ style: TextStyle(color: Colors.white, fontSize: 16),
+ ),
+ Text(
+ 'Please try again later',
+ style: TextStyle(color: Color(0xff9CA3AF), fontSize: 14),
+ ),
+ ],
+ ),
+ );
+ }
+ return FolderViewSearch(
+ managerName: managername,
+ treeData:
+ _treeData ??
+ FileTreeNode(
+ name: '',
+ path: '',
+ isFolder: false,
+ locked: false,
+ children: [],
+ ),
+ onFileSelected: _handleFileSelect,
+ onTagChanged: () {
+ // Trigger rebuild of details panel when tags change
+ if (mounted) setState(() {});
+ },
+ onGoToFolder: _handleGoToFolder,
+ showGoToFolder: false,
+ currentBreadcrumbs: [],
+ managerPath: "",
+ );
+ }
+
+ Widget _buildDetailsPanel() {
+ return FileDetailsPanel(
+ managerName: managername,
+ selectedFile: _selectedFile,
+ isVisible: _isDetailsVisible,
+ onClose: _handleDetailPanelClose,
+ );
+ }
+}
diff --git a/app/lib/pages/dashboard_page.dart b/app/lib/pages/dashboard_page.dart
index c85dc02..6a82214 100644
--- a/app/lib/pages/dashboard_page.dart
+++ b/app/lib/pages/dashboard_page.dart
@@ -1,26 +1,576 @@
-import 'package:flutter/material.dart';
-
-class DashboardPage extends StatelessWidget {
- const DashboardPage({super.key});
-
- @override
- Widget build(BuildContext context) {
- return const Padding(
- padding: EdgeInsets.all(20),
- child: Column(
- crossAxisAlignment: CrossAxisAlignment.start,
- children: [
- Text(
- 'Dashboard',
- style: TextStyle(
- color: Colors.white,
- fontSize: 24,
- fontWeight: FontWeight.bold,
- ),
- ),
- SizedBox(height: 20),
- ],
- ),
- );
- }
-}
+import 'package:app/constants.dart';
+import 'package:app/custom_widgets/hoverable_button.dart';
+import 'package:flutter/material.dart';
+import 'package:app/custom_widgets/overview_widget.dart';
+import 'package:app/custom_widgets/manager_item_widget.dart';
+import 'package:app/api.dart';
+import 'package:app/models/stats_model.dart';
+
+class DashboardPage extends StatefulWidget {
+ List managerNames;
+ DashboardPage({required this.managerNames, super.key});
+
+ @override
+ State createState() => DashboardPageState();
+}
+
+class DashboardPageState extends State {
+ ManagersStatsResponse? _managerStats;
+ final double _gigInBytes = 1e+9;
+ bool _gig = false;
+ bool _refreshing = false;
+ bool _noManagers = false;
+ String _selectedFileSort = 'Recents';
+
+ @override
+ void initState() {
+ super.initState();
+ _onPageload();
+ }
+
+ @override
+ void didUpdateWidget(DashboardPage oldWidget) {
+ super.didUpdateWidget(oldWidget);
+
+ // Refresh data when manager list changes
+ if (widget.managerNames != oldWidget.managerNames) {
+ _onPageload();
+ }
+ }
+
+ void _onPageload() async {
+ if (widget.managerNames.isNotEmpty) {
+ var response = await Api.loadStatsData();
+ setState(() {
+ _noManagers = false;
+ _managerStats = response;
+ });
+ } else {
+ setState(() {
+ _noManagers = true;
+ });
+ }
+ }
+
+ void loadStatsData() async {
+ var response = await Api.loadStatsData();
+ setState(() {
+ _managerStats = response;
+ });
+ }
+
+ void refreshData() async {
+ setState(() {
+ _refreshing = true;
+ });
+ var response = await Api.loadStatsData();
+ setState(() {
+ _managerStats = response;
+ _refreshing = false;
+ });
+ }
+
+ int _sumTotalFiles() {
+ int totalfiles = 0;
+ for (StatsModel manager in _managerStats!.managers!) {
+ totalfiles = totalfiles + manager.files!;
+ }
+ return totalfiles;
+ }
+
+ int _sumTotalFolders() {
+ int totalfolders = 0;
+ for (StatsModel manager in _managerStats!.managers!) {
+ totalfolders = totalfolders + manager.folders!;
+ }
+ return totalfolders;
+ }
+
+ double _sumTotalSize() {
+ double totalsize = 0;
+ for (StatsModel manager in _managerStats!.managers!) {
+ totalsize = totalsize + manager.size!;
+ print(totalsize);
+ }
+ if (totalsize < _gigInBytes) {
+ _gig = false;
+ return (totalsize / 1e+6).roundToDouble();
+ } else {
+ _gig = true;
+ return totalsize / _gigInBytes;
+ }
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return Scaffold(
+ appBar: _buildTopBar(),
+ body:
+ _refreshing == true
+ ? _refreshState()
+ : _noManagers
+ ? _loadingState()
+ : _managerStats == null
+ ? _loadingState()
+ : _buildMainSection(),
+ );
+ }
+
+ Widget _loadingState() {
+ if (_noManagers) {
+ return Center(
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: const [
+ Icon(
+ Icons.manage_accounts_outlined,
+ size: 64,
+ color: Color(0xff9CA3AF),
+ ),
+ SizedBox(height: 16),
+ Text(
+ 'No managers found',
+ style: TextStyle(
+ color: Color(0xff9CA3AF),
+ fontSize: 18,
+ fontWeight: FontWeight.w500,
+ ),
+ ),
+ SizedBox(height: 8),
+ Text(
+ 'Create a manager first to view dashboard data',
+ style: TextStyle(color: Color(0xff6B7280), fontSize: 14),
+ ),
+ ],
+ ),
+ );
+ }
+
+ return Center(
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: const [
+ CircularProgressIndicator(color: Color(0xffFFB400)),
+ SizedBox(height: 16),
+ Text(
+ 'Loading Dashboard...',
+ style: TextStyle(color: Color(0xff9CA3AF)),
+ ),
+ ],
+ ),
+ );
+ }
+
+ Widget _refreshState() {
+ return Center(
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: const [
+ CircularProgressIndicator(color: Color(0xffFFB400)),
+ SizedBox(height: 16),
+ Text(
+ 'Refreshing Dashboard...',
+ style: TextStyle(color: Color(0xff9CA3AF)),
+ ),
+ ],
+ ),
+ );
+ }
+
+ PreferredSize _buildTopBar() {
+ return PreferredSize(
+ preferredSize: const Size.fromHeight(50),
+ child: AppBar(
+ scrolledUnderElevation: 0,
+ backgroundColor: const Color(0xff2E2E2E),
+ automaticallyImplyLeading: false,
+ shape: const Border(
+ bottom: BorderSide(color: Color(0xff3D3D3D), width: 1),
+ ),
+ flexibleSpace: SafeArea(
+ child: Padding(
+ padding: const EdgeInsets.symmetric(horizontal: 16.0),
+ child: Row(
+ children: [
+ Expanded(
+ child: Center(
+ child: Row(
+ mainAxisAlignment: MainAxisAlignment.start,
+ children: [
+ Text(
+ 'Dashboard',
+ style: const TextStyle(
+ fontWeight: FontWeight.bold,
+ fontSize: 20,
+ color: Colors.white,
+ ),
+ ),
+ SizedBox(width: 20),
+ HoverableButton(
+ name: "Refresh",
+ icon: Icons.refresh_rounded,
+ onTap: () => refreshData(),
+ ),
+ ],
+ ),
+ ),
+ ),
+ ],
+ ),
+ ),
+ ),
+ ),
+ );
+ }
+
+ Widget _buildFileList() {
+ List files = [];
+
+ for (var manager in _managerStats!.managers!) {
+ switch (_selectedFileSort) {
+ case 'Recents':
+ if (manager.recent != null) files.addAll(manager.recent!);
+ break;
+ case 'Largest':
+ if (manager.largest != null) files.addAll(manager.largest!);
+ break;
+ case 'Oldest':
+ if (manager.oldest != null) files.addAll(manager.oldest!);
+ break;
+ }
+ }
+
+ if (files.isEmpty) {
+ return SizedBox(
+ height: 300,
+ child: Center(
+ child: Text(
+ 'No files available',
+ style: TextStyle(color: Color(0xff9CA3AF), fontSize: 16),
+ ),
+ ),
+ );
+ }
+
+ return SizedBox(
+ height: 300,
+ child: SingleChildScrollView(
+ child: Column(
+ children:
+ files.take(10).map((file) {
+ return Container(
+ margin: EdgeInsets.only(bottom: 10),
+ padding: EdgeInsets.all(12),
+ decoration: BoxDecoration(
+ color: Color(0xff242424),
+ borderRadius: BorderRadius.circular(8),
+ border: Border.all(color: Color(0xff3D3D3D), width: 1),
+ ),
+ child: Row(
+ children: [
+ SizedBox(width: 8),
+ Expanded(
+ flex: 2,
+ child: Text(
+ file.fileName ?? 'Unknown File',
+ style: TextStyle(
+ color: Colors.white,
+ fontSize: 15,
+ fontWeight: FontWeight.w500,
+ ),
+ maxLines: 2,
+ overflow: TextOverflow.ellipsis,
+ ),
+ ),
+ Expanded(
+ flex: 2,
+ child: Text(
+ file.filePath ?? '',
+ style: TextStyle(
+ color: Color(0xff6b7280),
+ fontSize: 12,
+ fontWeight: FontWeight.w500,
+ ),
+ textAlign: TextAlign.right,
+ maxLines: 1,
+ overflow: TextOverflow.ellipsis,
+ ),
+ ),
+ SizedBox(width: 10),
+ ],
+ ),
+ );
+ }).toList(),
+ ),
+ ),
+ );
+ }
+
+ Widget _buildFileTypeStats() {
+ List totalCounts = List.filled(8, 0);
+
+ for (var manager in _managerStats!.managers!) {
+ if (manager.umbrellaCounts != null &&
+ manager.umbrellaCounts!.length >= 8) {
+ for (int i = 0; i < 8; i++) {
+ totalCounts[i] += manager.umbrellaCounts![i];
+ }
+ }
+ }
+
+ int grandTotal = totalCounts.fold(0, (sum, count) => sum + count);
+
+ if (grandTotal == 0) {
+ return Center(
+ child: Text(
+ 'No file type data available',
+ style: TextStyle(color: Color(0xff9CA3AF), fontSize: 16),
+ ),
+ );
+ }
+
+ List> fileTypes = [
+ {'type': 'Documents', 'count': totalCounts[0], 'color': Colors.blue},
+ {'type': 'Images', 'count': totalCounts[1], 'color': Colors.green},
+ {'type': 'Music', 'count': totalCounts[2], 'color': Colors.red},
+ {
+ 'type': 'Presentations',
+ 'count': totalCounts[3],
+ 'color': Colors.orange,
+ },
+ {'type': 'Videos', 'count': totalCounts[4], 'color': Colors.purple},
+ {'type': 'Spreadsheets', 'count': totalCounts[5], 'color': Colors.pink},
+ {'type': 'Archives', 'count': totalCounts[6], 'color': Colors.tealAccent},
+ {'type': 'Other', 'count': totalCounts[7], 'color': Color(0xff9CA3AF)},
+ ];
+
+ return Column(
+ children:
+ fileTypes.where((fileType) => fileType['count'] > 0).map((fileType) {
+ double percentage = fileType['count'] / grandTotal;
+
+ return Container(
+ margin: EdgeInsets.only(bottom: 16),
+ child: Column(
+ children: [
+ Row(
+ mainAxisAlignment: MainAxisAlignment.spaceBetween,
+ children: [
+ Text(
+ fileType['type'],
+ style: TextStyle(
+ color: Colors.white,
+ fontSize: 14,
+ fontWeight: FontWeight.w500,
+ ),
+ ),
+ Text(
+ '${fileType['count']}',
+ style: TextStyle(
+ color: Color(0xff9CA3AF),
+ fontSize: 12,
+ ),
+ ),
+ ],
+ ),
+ SizedBox(height: 6),
+ Container(
+ width: double.infinity,
+ height: 6,
+ decoration: BoxDecoration(
+ color: Color(0xff2E2E2E),
+ borderRadius: BorderRadius.circular(3),
+ ),
+ child: FractionallySizedBox(
+ alignment: Alignment.centerLeft,
+ widthFactor: percentage,
+ child: Container(
+ decoration: BoxDecoration(
+ color: fileType['color'],
+ borderRadius: BorderRadius.circular(3),
+ ),
+ ),
+ ),
+ ),
+ ],
+ ),
+ );
+ }).toList(),
+ );
+ }
+
+ Widget _buildMainSection() {
+ return SingleChildScrollView(
+ child: Padding(
+ padding: const EdgeInsets.all(20.0),
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.start,
+ children: [
+ Text("Overview", style: kTitle1),
+ Divider(color: Color(0xff3D3D3D)),
+ LayoutBuilder(
+ builder: (context, constraints) {
+ double itemWidth =
+ (constraints.maxWidth - 36) /
+ 2; // 2 items per row with spacing
+ return Wrap(
+ spacing: 12,
+ runSpacing: 12,
+ children: [
+ SizedBox(
+ width:
+ constraints.maxWidth > 800
+ ? (constraints.maxWidth - 36) / 4
+ : itemWidth,
+ child: OverviewWidget(
+ title: 'Total Managers',
+ value: _managerStats!.managers!.length.toString(),
+ icon: Icons.manage_accounts_rounded,
+ ),
+ ),
+ SizedBox(
+ width:
+ constraints.maxWidth > 800
+ ? (constraints.maxWidth - 36) / 4
+ : itemWidth,
+ child: OverviewWidget(
+ title: 'Total Files',
+ value: _sumTotalFiles().toString(),
+ icon: Icons.file_present_rounded,
+ ),
+ ),
+ SizedBox(
+ width:
+ constraints.maxWidth > 800
+ ? (constraints.maxWidth - 36) / 4
+ : itemWidth,
+ child: OverviewWidget(
+ title: 'Total Folders',
+ value: _sumTotalFolders().toString(),
+ icon: Icons.folder,
+ ),
+ ),
+ SizedBox(
+ width:
+ constraints.maxWidth > 800
+ ? (constraints.maxWidth - 36) / 4
+ : itemWidth,
+ child: OverviewWidget(
+ title: 'Total Storage',
+ value:
+ '${_sumTotalSize().toStringAsFixed(1)} ${_gig ? 'Gb' : 'Mb'}',
+ icon: Icons.storage_rounded,
+ ),
+ ),
+ ],
+ );
+ },
+ ),
+ SizedBox(height: 20),
+ Text("Managers", style: kTitle1),
+ Divider(color: Color(0xff3D3D3D)),
+ ..._managerStats!.managers!.map((manager) {
+ double size = manager.size!.toDouble();
+ String sizeUnit = 'MB';
+ if (size >= _gigInBytes) {
+ size = size / _gigInBytes;
+ sizeUnit = 'GB';
+ } else {
+ size = size / 1e+6;
+ }
+
+ return Column(
+ children: [
+ ManagerItemWidget(
+ managerName: manager.managerName ?? "Unknown Manager",
+ managerFiles: manager.files?.toString() ?? "0",
+ managerFolders: manager.folders?.toString() ?? "0",
+ managerSize: "${size.toStringAsFixed(1)}$sizeUnit",
+ ),
+ SizedBox(height: 10),
+ ],
+ );
+ }),
+
+ SizedBox(height: 20),
+ Text("Files", style: kTitle1),
+ Divider(color: Color(0xff3D3D3D)),
+ Row(
+ crossAxisAlignment: CrossAxisAlignment.center,
+ children: [
+ Expanded(
+ flex: 1,
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.start,
+ children: [
+ Row(
+ children: [
+ Text(
+ "Show files by:",
+ style: TextStyle(color: Color(0xff9CA3AF)),
+ ),
+ SizedBox(width: 10),
+ DropdownButton(
+ value: _selectedFileSort,
+ dropdownColor: Color(0xff242424),
+ style: TextStyle(color: Colors.white),
+ underline: Container(
+ height: 1,
+ color: Color(0xff3D3D3D),
+ ),
+ items:
+ [
+ "Recents",
+ "Largest",
+ "Oldest",
+ ].map>((String value) {
+ return DropdownMenuItem(
+ value: value,
+ child: Text(
+ value,
+ style: TextStyle(color: Colors.white),
+ ),
+ );
+ }).toList(),
+ onChanged: (String? newValue) {
+ setState(() {
+ _selectedFileSort = newValue!;
+ });
+ },
+ ),
+ ],
+ ),
+ SizedBox(height: 20),
+ _buildFileList(),
+ ],
+ ),
+ ),
+ SizedBox(width: 20),
+ Container(width: 1, height: 300, color: Color(0xff3D3D3D)),
+ SizedBox(width: 20),
+ Expanded(
+ flex: 1,
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.start,
+ children: [
+ Text(
+ "File Types Managed",
+ style: TextStyle(
+ color: Color(0xff9CA3AF),
+ fontSize: 16,
+ fontWeight: FontWeight.w500,
+ ),
+ ),
+ SizedBox(height: 20),
+ _buildFileTypeStats(),
+ ],
+ ),
+ ),
+ ],
+ ),
+ ],
+ ),
+ ),
+ );
+ }
+}
diff --git a/app/lib/pages/manager_page.dart b/app/lib/pages/manager_page.dart
index 5524719..176da67 100644
--- a/app/lib/pages/manager_page.dart
+++ b/app/lib/pages/manager_page.dart
@@ -1,423 +1,554 @@
-import 'package:flutter/material.dart';
-import 'package:app/models/file_tree_node.dart';
-import 'package:app/pages/manager_page_sub/folder_view_page.dart';
-import 'package:app/pages/manager_page_sub/graph_view_page.dart';
-import 'package:app/custom_widgets/file_details_panel.dart';
-import 'package:app/api.dart';
-import 'package:app/custom_widgets/hoverable_button.dart';
-
-class ManagerPage extends StatefulWidget {
- final String name;
- const ManagerPage({required this.name, super.key});
-
- @override
- State createState() => _ManagerPageState();
-}
-
-class _ManagerPageState extends State {
- int _currentView = 0; // 0 = folder, 1 = graph
- List _currentPath = [];
- FileTreeNode? _treeData;
- FileTreeNode? _selectedFile;
- bool _isDetailsVisible = false;
- bool _isLoading = true;
- bool _isSorting = false;
-
- @override
- void initState() {
- super.initState();
- getTree();
- }
-
- Future getTree() async {
- FileTreeNode response = await Api.loadTreeData(widget.name);
-
- setState(() {
- _treeData = response;
- _isLoading = false;
- });
- }
-
- Future _handleSortManager() async {
- setState(() {
- _isLoading = true;
- _isSorting = true;
- });
-
- try {
- FileTreeNode response = await Api.sortManager(widget.name);
-
- setState(() {
- _treeData = response;
- _isLoading = false;
- _isSorting = false;
- });
- } catch (e) {
- setState(() {
- _isLoading = false;
- _isSorting = false;
- });
- print('Error sorting manager: $e');
- }
- }
-
- void _handleViewChange(int index) {
- setState(() {
- _currentView = index;
- _isDetailsVisible = false;
- _selectedFile = null;
- });
- }
-
- void _handleFileSelect(FileTreeNode file) {
- setState(() {
- _selectedFile = file;
- _isDetailsVisible = true;
- });
- }
-
- void _handleNavigation(List newPath) {
- setState(() {
- _currentPath = newPath;
- });
- }
-
- void _handleDetailPanelClose() {
- setState(() {
- _isDetailsVisible = false;
- _selectedFile = null;
- });
- }
-
- @override
- Widget build(BuildContext context) {
- return Scaffold(
- appBar: _buildTopBar(),
- body: Column(
- children: [
- _buildSearchBar(),
- Expanded(
- child:
- _currentView == 0
- ? _buildFolderViewLayout()
- : _buildGraphViewLayout(),
- ),
- ],
- ),
- );
- }
-
- Widget _buildFolderViewLayout() {
- return Row(
- children: [
- Expanded(flex: _isDetailsVisible ? 3 : 1, child: _buildMainContent()),
- if (_isDetailsVisible)
- SizedBox(width: 200, child: _buildDetailsPanel()),
- ],
- );
- }
-
- Widget _buildGraphViewLayout() {
- return Stack(
- children: [
- _buildMainContent(),
-
- if (_isDetailsVisible)
- Positioned(
- top: 0,
- right: 0,
- bottom: 0,
- width: 200,
- child: Container(
- decoration: BoxDecoration(
- color: const Color(0xff2E2E2E),
- border: const Border(
- left: BorderSide(color: Color(0xff3D3D3D), width: 1),
- ),
- boxShadow: [
- BoxShadow(
- color: Colors.black.withOpacity(0.3),
- blurRadius: 10,
- offset: const Offset(-2, 0),
- ),
- ],
- ),
- child: _buildDetailsPanel(),
- ),
- ),
- ],
- );
- }
-
- PreferredSize _buildTopBar() {
- return PreferredSize(
- preferredSize: const Size.fromHeight(50),
- child: AppBar(
- backgroundColor: const Color(0xff2E2E2E),
- automaticallyImplyLeading: false,
- shape: const Border(
- bottom: BorderSide(color: Color(0xff3D3D3D), width: 1),
- ),
- flexibleSpace: SafeArea(
- child: Padding(
- padding: const EdgeInsets.symmetric(horizontal: 16.0),
- child: Row(
- children: [
- Expanded(
- child: Center(
- child: Row(
- children: [
- Text(
- '${widget.name} Manager',
- style: const TextStyle(
- fontWeight: FontWeight.bold,
- fontSize: 20,
- color: Colors.white,
- ),
- ),
- const SizedBox(width: 12),
- Container(
- padding: const EdgeInsets.symmetric(
- vertical: 4,
- horizontal: 8,
- ),
- decoration: BoxDecoration(
- borderRadius: BorderRadius.circular(12),
- color: const Color(0xff094E3A),
- ),
- child: const Text(
- '75% organized',
- style: TextStyle(
- fontSize: 10,
- color: Color(0xff6EE79B),
- ),
- ),
- ),
- const SizedBox(width: 12),
- ],
- ),
- ),
- ),
- _buildViewToggle(),
- ],
- ),
- ),
- ),
- ),
- );
- }
-
- Widget _buildViewToggle() {
- return Container(
- decoration: BoxDecoration(
- color: const Color(0xff242424),
- borderRadius: BorderRadius.circular(6),
- border: Border.all(color: const Color(0xff3D3D3D)),
- ),
- child: Row(
- mainAxisSize: MainAxisSize.min,
- children: [
- _buildToggleButton('Folder', 0, Icons.folder),
- _buildToggleButton('Graph', 1, Icons.account_tree),
- ],
- ),
- );
- }
-
- Widget _buildToggleButton(String label, int index, IconData icon) {
- final isSelected = _currentView == index;
- return GestureDetector(
- onTap: () => _handleViewChange(index),
- child: Container(
- padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
- decoration: BoxDecoration(
- color: isSelected ? const Color(0xffFFB400) : Colors.transparent,
- borderRadius: BorderRadius.circular(4),
- ),
- child: Row(
- mainAxisSize: MainAxisSize.min,
- children: [
- Icon(
- icon,
- size: 16,
- color: isSelected ? Colors.black : const Color(0xff9CA3AF),
- ),
- const SizedBox(width: 4),
- Text(
- label,
- style: TextStyle(
- fontSize: 12,
- color: isSelected ? Colors.black : const Color(0xff9CA3AF),
- fontWeight: isSelected ? FontWeight.w600 : FontWeight.normal,
- ),
- ),
- ],
- ),
- ),
- );
- }
-
- Widget _buildSearchBar() {
- return Container(
- height: 50,
- decoration: const BoxDecoration(
- color: Color(0xff2E2E2E),
- border: Border(bottom: BorderSide(color: Color(0xff3D3D3D), width: 1)),
- ),
- child: Padding(
- padding: const EdgeInsets.symmetric(horizontal: 16.0),
- child: Row(
- children: [
- Expanded(
- child: Row(
- children: [
- Container(
- width: 250,
- height: 32,
- padding: const EdgeInsets.symmetric(horizontal: 12),
- decoration: BoxDecoration(
- color: const Color(0xff242424),
- borderRadius: BorderRadius.circular(6),
- border: Border.all(color: const Color(0xff3D3D3D)),
- ),
- child: Center(
- child: TextField(
- onChanged: null,
- cursorColor: const Color(0xffFFB400),
- style: const TextStyle(
- fontSize: 12,
- color: Colors.white,
- ),
- decoration: const InputDecoration(
- hintText: 'Search files and folders...',
- hintStyle: TextStyle(
- color: Color(0xff9CA3AF),
- fontSize: 12,
- ),
- border: InputBorder.none,
- isCollapsed: true,
- prefixIcon: Icon(
- Icons.search,
- color: Color(0xff9CA3AF),
- size: 16,
- ),
- prefixIconConstraints: BoxConstraints(
- minWidth: 20,
- minHeight: 16,
- ),
- ),
- ),
- ),
- ),
- const SizedBox(width: 12),
- Container(
- height: 32,
- padding: const EdgeInsets.symmetric(horizontal: 8),
- decoration: BoxDecoration(
- color: const Color(0xff242424),
- borderRadius: BorderRadius.circular(6),
- border: Border.all(color: const Color(0xff3D3D3D)),
- ),
- child: DropdownButtonHideUnderline(
- child: DropdownButton(
- value: null,
- hint: const Text(
- 'Sort by',
- style: TextStyle(
- fontSize: 12,
- color: Color(0xff9CA3AF),
- ),
- ),
- dropdownColor: const Color(0xff2E2E2E),
- iconEnabledColor: const Color(0xff9CA3AF),
- style: const TextStyle(
- fontSize: 12,
- color: Color(0xff9CA3AF),
- ),
- items: const [
- DropdownMenuItem(value: 'name', child: Text('Name')),
- DropdownMenuItem(value: 'size', child: Text('Size')),
- ],
- onChanged: null,
- ),
- ),
- ),
- ],
- ),
- ),
- HoverableButton(
- onTap: _isSorting ? null : _handleSortManager,
- name: _isSorting ? "Sorting..." : "Sort Manager",
- ),
- ],
- ),
- ),
- );
- }
-
- Widget _buildMainContent() {
- if (_isLoading) {
- return Center(
- child: Column(
- mainAxisAlignment: MainAxisAlignment.center,
- children: [
- const CircularProgressIndicator(color: Color(0xffFFB400)),
- const SizedBox(height: 16),
- Text(
- _isSorting ? 'Sorting files...' : 'Loading files...',
- style: const TextStyle(color: Color(0xff9CA3AF)),
- ),
- ],
- ),
- );
- }
-
- if (_treeData == null) {
- return const Center(
- child: Column(
- mainAxisAlignment: MainAxisAlignment.center,
- children: [
- Icon(Icons.error_outline, size: 64, color: Color(0xffDC2626)),
- SizedBox(height: 16),
- Text(
- 'Failed to load data',
- style: TextStyle(color: Colors.white, fontSize: 16),
- ),
- Text(
- 'Please try again later',
- style: TextStyle(color: Color(0xff9CA3AF), fontSize: 14),
- ),
- ],
- ),
- );
- }
-
- switch (_currentView) {
- case 0:
- return FolderViewPage(
- treeData: _treeData!,
- currentPath: _currentPath,
- onFileSelected: _handleFileSelect,
- onNavigate: _handleNavigation,
- );
- case 1:
- return GraphViewPage(
- treeData: _treeData!,
- currentPath: _currentPath,
- onFileSelected: _handleFileSelect,
- onNavigate: _handleNavigation,
- );
- default:
- return const Placeholder();
- }
- }
-
- Widget _buildDetailsPanel() {
- return FileDetailsPanel(
- managerName: widget.name,
- selectedFile: _selectedFile,
- isVisible: _isDetailsVisible,
- onClose: _handleDetailPanelClose,
- );
- }
-}
+import 'package:app/custom_widgets/duplicate_dialog.dart';
+import 'package:flutter/material.dart';
+import 'package:app/models/file_tree_node.dart';
+import 'package:app/pages/manager_page_sub/folder_view_page.dart';
+import 'package:app/pages/manager_page_sub/graph_view_page.dart';
+import 'package:app/custom_widgets/file_details_panel.dart';
+import 'package:app/api.dart';
+import 'package:app/custom_widgets/hoverable_button.dart';
+import 'package:app/custom_widgets/custom_search_bar.dart';
+import 'package:app/pages/search_sub_page/folder_view_search.dart';
+import 'package:app/custom_widgets/bulk_dialog.dart';
+
+class ManagerPage extends StatefulWidget {
+ final String name;
+ final FileTreeNode? treeData;
+ final Function(String, FileTreeNode)? onTreeDataUpdate;
+ final Function(String)? onGoToAdvancedSearch;
+ const ManagerPage({
+ required this.name,
+ this.treeData,
+ this.onTreeDataUpdate,
+ this.onGoToAdvancedSearch,
+ super.key,
+ });
+ @override
+ State createState() => _ManagerPageState();
+}
+
+class _ManagerPageState extends State {
+ int _currentView = 0; // 0 = folder, 1 = graph
+ List _currentPath = [];
+ FileTreeNode? _treeData;
+ FileTreeNode? _searchTreeData;
+ bool _searchHappened = false;
+ FileTreeNode? _selectedFile;
+ bool _isDetailsVisible = false;
+ bool _isLoading = true;
+ bool _disposed = false;
+ late final ScrollController _scrollController;
+ late final TextEditingController _searchController;
+
+ @override
+ void dispose() {
+ _scrollController.dispose();
+ _searchController.dispose();
+ _disposed = true;
+ super.dispose();
+ }
+
+ @override
+ void initState() {
+ super.initState();
+ _scrollController = ScrollController();
+ _searchController = TextEditingController();
+ if (widget.treeData != null) {
+ setState(() {
+ _treeData = widget.treeData;
+ _isLoading = false;
+ });
+ } else {
+ getTree(); // Fallback method to get the data if not exists
+ }
+ }
+
+ @override
+ void didUpdateWidget(ManagerPage oldWidget) {
+ super.didUpdateWidget(oldWidget);
+
+ // If receive new tree data, update state
+ if (widget.treeData != null && widget.treeData != oldWidget.treeData) {
+ if (!_disposed && mounted) {
+ setState(() {
+ _treeData = widget.treeData;
+ _isLoading = false;
+ });
+ }
+ }
+
+ // If manager name changed and do not have tree data, load it
+ if (widget.name != oldWidget.name && widget.treeData == null) {
+ getTree();
+ }
+ }
+
+ Future getTree() async {
+ if (!_disposed && mounted) {
+ setState(() {
+ _isLoading = true;
+ });
+ }
+
+ try {
+ FileTreeNode response = await Api.loadTreeData(widget.name);
+
+ if (!_disposed && mounted) {
+ setState(() {
+ _treeData = response;
+ _isLoading = false;
+ });
+
+ // Update the parent loaded tree data
+ widget.onTreeDataUpdate?.call(widget.name, response);
+ }
+ } catch (e) {
+ if (!_disposed && mounted) {
+ setState(() {
+ _isLoading = false;
+ });
+ }
+ print('Error loading tree data: $e');
+ }
+ }
+
+ void _handleViewChange(int index) {
+ if (!_disposed && mounted) {
+ setState(() {
+ _currentView = index;
+ _isDetailsVisible = false;
+ _selectedFile = null;
+ });
+ }
+ }
+
+ void _handleFileSelect(FileTreeNode file) {
+ if (!_disposed && mounted) {
+ setState(() {
+ _selectedFile = file;
+ _isDetailsVisible = true;
+ });
+ }
+ }
+
+ void _handleGoToFolder(List folderPath) {
+ if (!_disposed && mounted) {
+ setState(() {
+ _searchHappened = false;
+ _searchTreeData = null;
+ _searchController.clear();
+ _currentPath = folderPath;
+ _currentView = 0;
+ _selectedFile = null;
+ _isDetailsVisible = false;
+ });
+ }
+ }
+
+ void _handleNavigation(List newPath) {
+ if (!_disposed && mounted) {
+ setState(() {
+ _currentPath = newPath;
+ print(_currentPath);
+ });
+ }
+ }
+
+ void _handleDetailPanelClose() {
+ if (!_disposed && mounted) {
+ setState(() {
+ _isDetailsVisible = false;
+ _selectedFile = null;
+ });
+ }
+ }
+
+ void _showDuplicateDialog(String name) async {
+ showDialog(
+ context: context,
+ builder:
+ (context) => DuplicateDialog(
+ name: name,
+ updateOnDuplicateDelete: _updateOnDuplicateDelete,
+ ),
+ );
+ }
+
+ void _showBulkDialog(String name) async {
+ showDialog(
+ context: context,
+ builder:
+ (context) => BulkDialog(
+ name: name,
+ type: "Documents",
+ umbrella: true,
+ updateOnDelete: _updateOnDuplicateDelete,
+ ),
+ );
+ }
+
+ void _updateOnDuplicateDelete(String managerName, FileTreeNode treeData) {
+ if (!_disposed && mounted) {
+ setState(() {
+ _treeData = treeData;
+ });
+ }
+ widget.onTreeDataUpdate?.call(managerName, treeData);
+ }
+
+ void _callGoSearch(String query) async {
+ if (query.trim().isEmpty) {
+ setState(() {
+ _isLoading = false;
+ _searchHappened = false;
+ _searchTreeData = null;
+ });
+ return;
+ }
+
+ setState(() {
+ _isLoading = true;
+ _searchHappened = true;
+ });
+
+ try {
+ FileTreeNode response = await Api.searchGo(widget.name, query);
+ if (mounted) {
+ setState(() {
+ _searchTreeData = response;
+ _isLoading = false;
+ });
+ }
+ } catch (e) {
+ if (mounted) {
+ setState(() {
+ _searchTreeData = null;
+ _isLoading = false;
+ });
+ }
+ }
+ }
+
+ Widget mainContent() {
+ if (_searchHappened == true) {
+ return _buildFolderViewSearch();
+ } else {
+ return _currentView == 0
+ ? _buildFolderViewLayout()
+ : _buildGraphViewLayout();
+ }
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return Scaffold(
+ appBar: _buildTopBar(),
+ body: Column(
+ children: [_buildSearchBar(), Expanded(child: mainContent())],
+ ),
+ );
+ }
+
+ Widget _buildFolderViewLayout() {
+ return Row(
+ children: [
+ Expanded(flex: _isDetailsVisible ? 3 : 1, child: _buildMainContent()),
+ if (_isDetailsVisible)
+ SizedBox(width: 200, child: _buildDetailsPanel()),
+ ],
+ );
+ }
+
+ Widget _buildFolderViewSearch() {
+ return Row(
+ children: [
+ Expanded(flex: _isDetailsVisible ? 3 : 1, child: _buildMainContent()),
+ if (_isDetailsVisible)
+ SizedBox(width: 200, child: _buildDetailsPanel()),
+ ],
+ );
+ }
+
+ Widget _buildGraphViewLayout() {
+ return Stack(
+ children: [
+ _buildMainContent(),
+
+ if (_isDetailsVisible)
+ Positioned(
+ top: 0,
+ right: 0,
+ bottom: 0,
+ width: 200,
+ child: Container(
+ decoration: BoxDecoration(
+ color: const Color(0xff2E2E2E),
+ border: const Border(
+ left: BorderSide(color: Color(0xff3D3D3D), width: 1),
+ ),
+ boxShadow: [
+ BoxShadow(
+ color: Colors.black.withOpacity(0.3),
+ blurRadius: 10,
+ offset: const Offset(-2, 0),
+ ),
+ ],
+ ),
+ child: _buildDetailsPanel(),
+ ),
+ ),
+ ],
+ );
+ }
+
+ PreferredSize _buildTopBar() {
+ return PreferredSize(
+ preferredSize: const Size.fromHeight(50),
+ child: AppBar(
+ scrolledUnderElevation: 0,
+ backgroundColor: const Color(0xff2E2E2E),
+ automaticallyImplyLeading: false,
+ shape: const Border(
+ bottom: BorderSide(color: Color(0xff3D3D3D), width: 1),
+ ),
+ flexibleSpace: SafeArea(
+ child: Padding(
+ padding: const EdgeInsets.symmetric(horizontal: 16.0),
+ child: Row(
+ children: [
+ Expanded(
+ child: Center(
+ child: Row(
+ children: [
+ Text(
+ '${widget.name} Manager',
+ style: const TextStyle(
+ fontWeight: FontWeight.bold,
+ fontSize: 20,
+ color: Colors.white,
+ ),
+ ),
+ ],
+ ),
+ ),
+ ),
+ _buildViewToggle(),
+ ],
+ ),
+ ),
+ ),
+ ),
+ );
+ }
+
+ Widget _buildViewToggle() {
+ return Container(
+ decoration: BoxDecoration(
+ color: const Color(0xff242424),
+ borderRadius: BorderRadius.circular(6),
+ border: Border.all(color: const Color(0xff3D3D3D)),
+ ),
+ child: Row(
+ mainAxisSize: MainAxisSize.min,
+ children: [
+ _buildToggleButton('Folder', 0, Icons.folder),
+ _buildToggleButton('Graph', 1, Icons.account_tree),
+ ],
+ ),
+ );
+ }
+
+ Widget _buildToggleButton(String label, int index, IconData icon) {
+ final isSelected = _currentView == index;
+ return GestureDetector(
+ onTap: () => _handleViewChange(index),
+ child: Container(
+ padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+ decoration: BoxDecoration(
+ color: isSelected ? const Color(0xffFFB400) : Colors.transparent,
+ borderRadius: BorderRadius.circular(4),
+ ),
+ child: Row(
+ mainAxisSize: MainAxisSize.min,
+ children: [
+ Icon(
+ icon,
+ size: 16,
+ color: isSelected ? Colors.black : const Color(0xff9CA3AF),
+ ),
+ const SizedBox(width: 4),
+ Text(
+ label,
+ style: TextStyle(
+ fontSize: 12,
+ color: isSelected ? Colors.black : const Color(0xff9CA3AF),
+ fontWeight: isSelected ? FontWeight.w600 : FontWeight.normal,
+ ),
+ ),
+ ],
+ ),
+ ),
+ );
+ }
+
+ Widget _buildSearchBar() {
+ return Container(
+ height: 50,
+ decoration: const BoxDecoration(
+ color: Color(0xff2E2E2E),
+ border: Border(bottom: BorderSide(color: Color(0xff3D3D3D), width: 1)),
+ ),
+ padding: const EdgeInsets.symmetric(horizontal: 16.0),
+ child: Row(
+ children: [
+ CustomSearchBar(
+ icon: Icons.search_rounded,
+ hint: "Search for files inside manager",
+ isActive: true,
+ controller: _searchController,
+ onChanged: (s) => _callGoSearch(s),
+ ),
+ const SizedBox(width: 12),
+ HoverableButton(
+ onTap: () {
+ widget.onGoToAdvancedSearch?.call(widget.name);
+ },
+ name: "Advanced Search",
+ icon: Icons.manage_search_rounded,
+ ),
+ const VerticalDivider(color: Color(0xff3D3D3D)),
+ Expanded(
+ child: Scrollbar(
+ thickness: 2,
+ thumbVisibility: true,
+ interactive: true,
+ controller: _scrollController,
+ child: SingleChildScrollView(
+ controller: _scrollController,
+ scrollDirection: Axis.horizontal,
+ child: Row(
+ children: [
+ HoverableButton(
+ onTap: () {
+ _showDuplicateDialog(widget.name);
+ },
+ name: "Find Duplicates",
+ icon: Icons.filter_none_rounded,
+ ),
+ const SizedBox(width: 12),
+ HoverableButton(
+ onTap: () {
+ _showBulkDialog(widget.name);
+ },
+ name: "Bulk Operations",
+ icon: Icons.factory_rounded,
+ ),
+ ],
+ ),
+ ),
+ ),
+ ),
+ ],
+ ),
+ );
+ }
+
+ Widget _buildMainContent() {
+ if (_isLoading) {
+ return Center(
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: [
+ const CircularProgressIndicator(color: Color(0xffFFB400)),
+ const SizedBox(height: 16),
+ Text(
+ 'Loading files...',
+ style: const TextStyle(color: Color(0xff9CA3AF)),
+ ),
+ ],
+ ),
+ );
+ }
+
+ if (_treeData == null) {
+ return const Center(
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: [
+ Icon(Icons.error_outline, size: 64, color: Color(0xffDC2626)),
+ SizedBox(height: 16),
+ Text(
+ 'Failed to load data',
+ style: TextStyle(color: Colors.white, fontSize: 16),
+ ),
+ Text(
+ 'Please try again later',
+ style: TextStyle(color: Color(0xff9CA3AF), fontSize: 14),
+ ),
+ ],
+ ),
+ );
+ }
+
+ if (_searchHappened == true) {
+ return FolderViewSearch(
+ managerName: widget.name,
+ treeData:
+ _searchTreeData ??
+ FileTreeNode(
+ name: '',
+ path: '',
+ isFolder: false,
+ locked: false,
+ children: [],
+ ),
+ onFileSelected: _handleFileSelect,
+ onTagChanged: () {
+ // Trigger rebuild of details panel when tags change
+ if (mounted) setState(() {});
+ },
+ onGoToFolder: _handleGoToFolder,
+ showGoToFolder: true,
+ currentBreadcrumbs: _currentPath,
+ managerPath: widget.treeData!.rootPath ?? "",
+ );
+ }
+
+ switch (_currentView) {
+ case 0:
+ return FolderViewPage(
+ treeData: _treeData!,
+ currentPath: _currentPath,
+ onFileSelected: _handleFileSelect,
+ onNavigate: _handleNavigation,
+ managerName: widget.name,
+ onTagChanged: () {
+ // Trigger rebuild of details panel when tags change
+ if (mounted) setState(() {});
+ },
+ );
+ case 1:
+ return GraphViewPage(
+ treeData: _treeData!,
+ currentPath: _currentPath,
+ onFileSelected: _handleFileSelect,
+ onNavigate: _handleNavigation,
+ managerName: widget.name,
+ onTagChanged: () {
+ // Trigger rebuild of details panel when tags change
+ if (mounted) setState(() {});
+ },
+ );
+ default:
+ return const Placeholder();
+ }
+ }
+
+ Widget _buildDetailsPanel() {
+ return FileDetailsPanel(
+ managerName: widget.name,
+ selectedFile: _selectedFile,
+ isVisible: _isDetailsVisible,
+ onClose: _handleDetailPanelClose,
+ );
+ }
+}
diff --git a/app/lib/pages/manager_page_sub/folder_view_page.dart b/app/lib/pages/manager_page_sub/folder_view_page.dart
index 285f157..db759a8 100644
--- a/app/lib/pages/manager_page_sub/folder_view_page.dart
+++ b/app/lib/pages/manager_page_sub/folder_view_page.dart
@@ -2,7 +2,10 @@ import 'package:flutter/material.dart';
import 'package:app/models/file_tree_node.dart';
import 'package:app/custom_widgets/file_item_widget.dart';
import 'package:app/custom_widgets/breadcrumb_widget.dart';
+import 'package:app/custom_widgets/tag_dialog.dart';
+import 'package:app/api.dart';
import 'package:open_file/open_file.dart';
+import 'package:flutter_context_menu/flutter_context_menu.dart';
import 'dart:io';
class FolderViewPage extends StatefulWidget {
@@ -10,12 +13,18 @@ class FolderViewPage extends StatefulWidget {
final List currentPath;
final Function(FileTreeNode) onFileSelected;
final Function(List) onNavigate;
+ final String? managerName;
+ final VoidCallback? onTagChanged;
+ final bool isPreviewMode;
const FolderViewPage({
required this.treeData,
required this.currentPath,
required this.onFileSelected,
required this.onNavigate,
+ this.managerName,
+ this.onTagChanged,
+ this.isPreviewMode = false,
super.key,
});
@@ -35,7 +44,7 @@ class _FolderViewPageState extends State {
@override
void didUpdateWidget(FolderViewPage oldWidget) {
super.didUpdateWidget(oldWidget);
- if (oldWidget.currentPath != widget.currentPath) {
+ if (oldWidget.currentPath != widget.currentPath || oldWidget.treeData != widget.treeData) {
_updateCurrentItems();
}
}
@@ -96,10 +105,19 @@ class _FolderViewPageState extends State {
),
itemCount: _currentItems.length,
itemBuilder: (context, index) {
- return FileItemWidget(
- item: _currentItems[index],
- onTap: _handleItemTap,
- onDoubleTap: _handleNodeDoubleTap,
+ return GestureDetector(
+ onSecondaryTapDown: widget.isPreviewMode
+ ? null
+ : (details) => _handleItemRightTap(
+ widget.managerName ?? "",
+ _currentItems[index],
+ details.globalPosition,
+ ),
+ child: FileItemWidget(
+ item: _currentItems[index],
+ onTap: _handleItemTap,
+ onDoubleTap: _handleNodeDoubleTap,
+ ),
);
},
);
@@ -171,4 +189,112 @@ class _FolderViewPageState extends State {
}
}
}
+
+ void _handleItemRightTap(
+ String managerName,
+ FileTreeNode node,
+ Offset globalPosition,
+ ) {
+ if (node.isFolder) {
+ final entries = [
+ MenuItem(
+ label: 'Lock',
+ icon: Icons.lock,
+ onSelected: () async {
+ bool response = await Api.locking(managerName, node.path ?? '');
+ if (response == true) {
+ _lockNode(node);
+ }
+ },
+ ),
+ MenuItem(
+ label: 'Unlock',
+ icon: Icons.lock_open,
+ onSelected: () async {
+ bool response = await Api.unlocking(managerName, node.path ?? '');
+ if (response == true) {
+ _unlockNode(node);
+ }
+ },
+ ),
+ ];
+
+ final menu = ContextMenu(
+ entries: entries,
+ position: globalPosition,
+ padding: const EdgeInsets.all(8.0),
+ );
+
+ showContextMenu(context, contextMenu: menu);
+ } else {
+ final entries = [
+ MenuItem(
+ label: 'Details',
+ icon: Icons.info_outline,
+ onSelected: () => widget.onFileSelected(node),
+ ),
+ MenuItem(
+ label: 'Add Tag',
+ icon: Icons.label,
+ onSelected: () => _showAddTagDialog(node),
+ ),
+ MenuItem(
+ label: 'Lock',
+ icon: Icons.lock,
+ onSelected: () async {
+ bool response = await Api.locking(managerName, node.path ?? '');
+ if (response == true) {
+ _lockNode(node);
+ }
+ },
+ ),
+ MenuItem(
+ label: 'Unlock',
+ icon: Icons.lock_open,
+ onSelected: () async {
+ bool response = await Api.unlocking(managerName, node.path ?? '');
+ if (response == true) {
+ _unlockNode(node);
+ }
+ },
+ ),
+ ];
+
+ final menu = ContextMenu(
+ entries: entries,
+ position: globalPosition,
+ padding: const EdgeInsets.all(8.0),
+ );
+
+ showContextMenu(context, contextMenu: menu);
+ }
+ }
+
+ void _showAddTagDialog(FileTreeNode node) async {
+ final addedTag = await showDialog(
+ context: context,
+ builder:
+ (context) => TagDialog(node: node, managerName: widget.managerName),
+ );
+
+ if (addedTag != null && mounted) {
+ setState(() {
+ node.tags?.add(addedTag);
+ });
+ // Notify parent that tags have changed
+ widget.onTagChanged?.call();
+ }
+ }
+
+ void _lockNode(FileTreeNode node) {
+ setState(() {
+ widget.treeData.lockItem(node.path ?? '');
+ });
+ }
+
+ void _unlockNode(FileTreeNode node) {
+ setState(() {
+ widget.treeData.unlockItem(node.path ?? '');
+ });
+ }
}
diff --git a/app/lib/pages/manager_page_sub/graph_view_page.dart b/app/lib/pages/manager_page_sub/graph_view_page.dart
index 8f73771..3e1bf8b 100644
--- a/app/lib/pages/manager_page_sub/graph_view_page.dart
+++ b/app/lib/pages/manager_page_sub/graph_view_page.dart
@@ -6,19 +6,28 @@ import 'package:app/constants.dart';
import 'dart:math' as math;
import 'package:app/custom_widgets/breadcrumb_widget.dart';
import 'package:open_file/open_file.dart';
+import 'package:app/api.dart';
+import 'package:flutter_context_menu/flutter_context_menu.dart';
import 'dart:io';
+import 'package:app/custom_widgets/tag_dialog.dart';
class GraphViewPage extends StatefulWidget {
final FileTreeNode treeData;
final List currentPath;
final Function(FileTreeNode) onFileSelected;
final Function(List) onNavigate;
+ final String? managerName;
+ final VoidCallback? onTagChanged;
+ final bool isPreviewMode;
const GraphViewPage({
required this.treeData,
required this.currentPath,
required this.onFileSelected,
required this.onNavigate,
+ this.managerName,
+ this.onTagChanged,
+ this.isPreviewMode = false,
super.key,
});
@@ -54,7 +63,8 @@ class _GraphViewPageState extends State {
@override
void didUpdateWidget(GraphViewPage oldWidget) {
super.didUpdateWidget(oldWidget);
- if (oldWidget.currentPath != widget.currentPath) {
+ if (oldWidget.currentPath != widget.currentPath ||
+ oldWidget.treeData != widget.treeData) {
_buildFileTreeGraph();
}
}
@@ -63,7 +73,8 @@ class _GraphViewPageState extends State {
controller = ForceDirectedGraphController(
graph: ForceDirectedGraph.generateNNodes(
nodeCount: 0,
- generator: () => FileTreeNode(name: "data", isFolder: false),
+ generator:
+ () => FileTreeNode(name: "data", isFolder: false, locked: false),
config: GraphConfig(scaling: 0.1, elasticity: 0.8, repulsionRange: 200),
),
);
@@ -192,11 +203,111 @@ class _GraphViewPageState extends State {
}
}
- void _handleNodeRightTap(FileTreeNode node) {
+ void _showAddTagDialog(FileTreeNode node) async {
+ final addedTag = await showDialog(
+ context: context,
+ builder:
+ (context) => TagDialog(node: node, managerName: widget.managerName),
+ );
+
+ if (addedTag != null && mounted) {
+ setState(() {
+ node.tags?.add(addedTag);
+ });
+ // Notify parent that tags have changed
+ widget.onTagChanged?.call();
+ }
+ }
+
+ void _lockNode(FileTreeNode node) {
+ setState(() {
+ widget.treeData.lockItem(node.path ?? '');
+ });
+ }
+
+ void _unlockNode(FileTreeNode node) {
+ setState(() {
+ widget.treeData.unlockItem(node.path ?? '');
+ });
+ }
+
+ void _handleNodeRightTap(
+ String managerName,
+ FileTreeNode node,
+ Offset globalPosition,
+ ) {
if (node.isFolder) {
- return;
+ final entries = [
+ MenuItem(
+ label: 'Lock',
+ icon: Icons.lock,
+ onSelected: () async {
+ bool response = await Api.locking(managerName, node.path ?? '');
+ if (response == true) {
+ _lockNode(node);
+ }
+ },
+ ),
+ MenuItem(
+ label: 'Unlock',
+ icon: Icons.lock_open,
+ onSelected: () async {
+ bool response = await Api.unlocking(managerName, node.path ?? '');
+ if (response == true) {
+ _unlockNode(node);
+ }
+ },
+ ),
+ ];
+
+ final menu = ContextMenu(
+ entries: entries,
+ position: globalPosition,
+ padding: const EdgeInsets.all(8.0),
+ );
+
+ showContextMenu(context, contextMenu: menu);
} else {
- widget.onFileSelected(node);
+ final entries = [
+ MenuItem(
+ label: 'Details',
+ icon: Icons.info_outline,
+ onSelected: () => widget.onFileSelected(node),
+ ),
+ MenuItem(
+ label: 'Add Tag',
+ icon: Icons.label,
+ onSelected: () => _showAddTagDialog(node),
+ ),
+ MenuItem(
+ label: 'Lock',
+ icon: Icons.lock,
+ onSelected: () async {
+ bool response = await Api.locking(managerName, node.path ?? '');
+ if (response == true) {
+ _lockNode(node);
+ }
+ },
+ ),
+ MenuItem(
+ label: 'Unlock',
+ icon: Icons.lock_open,
+ onSelected: () async {
+ bool response = await Api.unlocking(managerName, node.path ?? '');
+ if (response == true) {
+ _unlockNode(node);
+ }
+ },
+ ),
+ ];
+
+ final menu = ContextMenu(
+ entries: entries,
+ position: globalPosition,
+ padding: const EdgeInsets.all(8.0),
+ );
+
+ showContextMenu(context, contextMenu: menu);
}
}
@@ -300,7 +411,14 @@ class _GraphViewPageState extends State {
return GestureDetector(
onDoubleTap: () => _handleNodeDoubleTap(data),
- onSecondaryTap: () => _handleNodeRightTap(data),
+ onSecondaryTapUp:
+ widget.isPreviewMode
+ ? null
+ : (details) => _handleNodeRightTap(
+ widget.managerName ?? "",
+ data,
+ details.globalPosition,
+ ),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
@@ -363,7 +481,7 @@ class _GraphViewPageState extends State {
// Label below node
const SizedBox(height: 4),
Container(
- constraints: const BoxConstraints(maxWidth: 80),
+ constraints: const BoxConstraints(maxWidth: 100),
padding: const EdgeInsets.symmetric(
horizontal: 6,
vertical: 2,
@@ -376,17 +494,35 @@ class _GraphViewPageState extends State {
width: isHighlighted ? 1.0 : 0.5,
),
),
- child: Text(
- data.name,
- style: TextStyle(
- color: isHighlighted ? levelColor : Colors.white70,
- fontSize: math.max(9.0, 11.0 - (depth * 0.5)),
- fontWeight:
- isHighlighted ? FontWeight.w600 : FontWeight.w500,
- ),
- textAlign: TextAlign.center,
- maxLines: 1,
- overflow: TextOverflow.ellipsis,
+ child: Row(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: [
+ (data.locked == true)
+ ? Icon(Icons.lock, size: 15, color: Colors.white70)
+ : Icon(
+ Icons.lock_open,
+ size: 15,
+ color: Colors.white70,
+ ),
+ const SizedBox(width: 2),
+ Flexible(
+ child: Text(
+ data.name,
+ style: TextStyle(
+ color:
+ isHighlighted ? levelColor : Colors.white70,
+ fontSize: math.max(9.0, 11.0 - (depth * 0.5)),
+ fontWeight:
+ isHighlighted
+ ? FontWeight.w600
+ : FontWeight.w500,
+ ),
+ textAlign: TextAlign.center,
+ maxLines: 1,
+ overflow: TextOverflow.ellipsis,
+ ),
+ ),
+ ],
),
),
],
diff --git a/app/lib/pages/search_sub_page/folder_view_search.dart b/app/lib/pages/search_sub_page/folder_view_search.dart
new file mode 100644
index 0000000..770c61a
--- /dev/null
+++ b/app/lib/pages/search_sub_page/folder_view_search.dart
@@ -0,0 +1,250 @@
+import 'package:flutter/material.dart';
+import 'package:app/models/file_tree_node.dart';
+import 'package:app/custom_widgets/search_item_widget.dart';
+import 'package:app/custom_widgets/tag_dialog.dart';
+import 'package:app/api.dart';
+import 'package:open_file/open_file.dart';
+import 'package:flutter_context_menu/flutter_context_menu.dart';
+import 'dart:io';
+
+class FolderViewSearch extends StatefulWidget {
+ final String managerName;
+ final FileTreeNode treeData;
+ final Function(FileTreeNode) onFileSelected;
+ final VoidCallback? onTagChanged;
+ final Function(List)? onGoToFolder;
+ final bool showGoToFolder;
+ List currentBreadcrumbs;
+ String managerPath;
+
+ FolderViewSearch({
+ super.key,
+ required this.managerName,
+ required this.treeData,
+ required this.onFileSelected,
+ this.onTagChanged,
+ this.onGoToFolder,
+ this.showGoToFolder = true,
+ required this.currentBreadcrumbs,
+ required this.managerPath,
+ });
+
+ @override
+ State createState() => _FolderViewSearchState();
+}
+
+class _FolderViewSearchState extends State {
+ List _currentItems = [];
+
+ @override
+ void initState() {
+ super.initState();
+ _updateCurrentItems();
+ }
+
+ void _updateCurrentItems() {
+ setState(() {
+ _currentItems = List.from(widget.treeData.children ?? []);
+ });
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return _currentItems.isEmpty ? _buildEmptyState() : _buildFileGrid();
+ }
+
+ Widget _buildFileGrid() {
+ return Padding(
+ padding: const EdgeInsets.all(16.0),
+ child: SizedBox(
+ child: ListView.builder(
+ padding: EdgeInsets.zero,
+ itemCount: _currentItems.length,
+ itemBuilder: (context, index) {
+ final item = _currentItems[index];
+ return Padding(
+ padding: const EdgeInsets.only(bottom: 12.0),
+ child: SizedBox(
+ width: double.infinity,
+ height: 60,
+ child: GestureDetector(
+ onSecondaryTapDown:
+ (details) => _handleItemRightTap(
+ widget.managerName ?? "",
+ item,
+ details.globalPosition,
+ ),
+ child: SearchItemWidget(
+ item: item,
+ onTap: _handleItemTap,
+ onDoubleTap: _handleNodeDoubleTap,
+ managerPath: widget.managerPath,
+ ),
+ ),
+ ),
+ );
+ },
+ ),
+ ),
+ );
+ }
+
+ Widget _buildEmptyState() {
+ return const Center(
+ child: Column(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: [
+ Icon(Icons.folder_open, size: 64, color: Color(0xff6B7280)),
+ SizedBox(height: 16),
+ Text(
+ 'This folder is empty',
+ style: TextStyle(color: Color(0xff9CA3AF), fontSize: 16),
+ ),
+ ],
+ ),
+ );
+ }
+
+ void _handleItemTap(FileTreeNode item) {
+ if (!item.isFolder) {
+ widget.onFileSelected(item);
+ }
+ }
+
+ void _handleNodeDoubleTap(FileTreeNode item) {
+ if (!item.isFolder) {
+ _openDocument(item.path ?? '');
+ }
+ }
+
+ String _convertWSLPath(String wslPath) {
+ if (Platform.isWindows) {
+ final match = RegExp(r"^/mnt/([a-zA-Z])/").firstMatch(wslPath);
+ if (match != null) {
+ final driveLetter = match.group(1)!.toUpperCase();
+ final windowsPath = wslPath
+ .replaceFirst(RegExp(r"^/mnt/[a-zA-Z]/"), "$driveLetter:/")
+ .replaceAll('/', r'\');
+ return windowsPath;
+ }
+ return wslPath;
+ } else {
+ return wslPath;
+ }
+ }
+
+ void _openDocument(String originalWSLPath) async {
+ final nativePath = _convertWSLPath(originalWSLPath);
+
+ final file = File(nativePath);
+ if (await file.exists()) {
+ await OpenFile.open(nativePath);
+ } else {
+ if (mounted) {
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('File not found: $nativePath'),
+ backgroundColor: Colors.red,
+ ),
+ );
+ }
+ }
+ }
+
+ void _handleItemRightTap(
+ String managerName,
+ FileTreeNode node,
+ Offset globalPosition,
+ ) {
+ final entries = [
+ if (widget.showGoToFolder)
+ MenuItem(
+ label: 'Go to Folder',
+ icon: Icons.drive_file_move_rounded,
+ onSelected: () => _goToFolder(node),
+ ),
+ MenuItem(
+ label: 'Add Tag',
+ icon: Icons.label,
+ onSelected: () => _showAddTagDialog(node),
+ ),
+ MenuItem(
+ label: 'Lock',
+ icon: Icons.lock,
+ onSelected: () async {
+ bool response = await Api.locking(managerName, node.path ?? '');
+ if (response == true) {
+ _lockNode(node);
+ }
+ },
+ ),
+ MenuItem(
+ label: 'Unlock',
+ icon: Icons.lock_open,
+ onSelected: () async {
+ bool response = await Api.unlocking(managerName, node.path ?? '');
+ if (response == true) {
+ _unlockNode(node);
+ }
+ },
+ ),
+ ];
+
+ final menu = ContextMenu(
+ entries: entries,
+ position: globalPosition,
+ padding: const EdgeInsets.all(8.0),
+ );
+
+ showContextMenu(context, contextMenu: menu);
+ }
+
+ void _showAddTagDialog(FileTreeNode node) async {
+ final addedTag = await showDialog(
+ context: context,
+ builder:
+ (context) => TagDialog(node: node, managerName: widget.managerName),
+ );
+
+ if (addedTag != null && mounted) {
+ setState(() {
+ node.tags?.add(addedTag);
+ });
+ // Notify parent that tags have changed
+ widget.onTagChanged?.call();
+ }
+ }
+
+ void _lockNode(FileTreeNode node) {
+ setState(() {
+ widget.treeData.lockItem(node.path ?? '');
+ });
+ }
+
+ void _unlockNode(FileTreeNode node) {
+ setState(() {
+ widget.treeData.unlockItem(node.path ?? '');
+ });
+ }
+
+ void _goToFolder(FileTreeNode node) {
+ final fileFullPath = node.path ?? '';
+ print(fileFullPath);
+ print(widget.managerPath);
+ //change full system path to path only from root
+ final rootPath = fileFullPath.replaceAll(widget.managerPath, "");
+ print(rootPath);
+ final parts = rootPath.split(RegExp(r'[/\\]'));
+ print(parts);
+ //remove file from path
+ parts.removeLast();
+ print(parts);
+ //clear Breadcrumbs
+ widget.currentBreadcrumbs.clear();
+ for (String part in parts) {
+ widget.currentBreadcrumbs.add(part);
+ }
+ widget.currentBreadcrumbs.remove("");
+ widget.onGoToFolder!(widget.currentBreadcrumbs);
+ }
+}
diff --git a/app/lib/pages/smart_managers_page.dart b/app/lib/pages/smart_managers_page.dart
index 86799ad..b39a342 100644
--- a/app/lib/pages/smart_managers_page.dart
+++ b/app/lib/pages/smart_managers_page.dart
@@ -1,26 +1,302 @@
+import 'package:app/constants.dart';
+import 'package:app/custom_widgets/hoverable_button.dart';
+import 'package:app/custom_widgets/sort_preview_dialog.dart';
import 'package:flutter/material.dart';
+import 'package:app/models/file_tree_node.dart';
+import 'package:app/api.dart';
-class SmartManagersPage extends StatelessWidget {
- const SmartManagersPage({super.key});
+class SmartManagersPage extends StatefulWidget {
+ Map managerTreeData = {};
+ List managerNames;
+ Map pendingSorts = {};
+ Map sortResults = {};
+ final Function(String, FileTreeNode) onManagerSort;
+ final Function(String, FileTreeNode) onSortApprove;
+ final Function(String) onSortDecline;
+ final Function(String)? onManagerDelete;
+
+ SmartManagersPage({
+ super.key,
+ required this.managerTreeData,
+ required this.managerNames,
+ required this.pendingSorts,
+ required this.sortResults,
+ required this.onManagerSort,
+ required this.onSortApprove,
+ required this.onSortDecline,
+ this.onManagerDelete,
+ });
+
+ @override
+ State createState() => _SmartManagersPageState();
+}
+
+class _SmartManagersPageState extends State {
+ List _currentItems = [];
+
+ @override
+ void initState() {
+ super.initState();
+ _updateCurrentItems();
+ }
+
+ @override
+ void didUpdateWidget(SmartManagersPage oldWidget) {
+ super.didUpdateWidget(oldWidget);
+ if (widget.managerTreeData != oldWidget.managerTreeData ||
+ widget.pendingSorts != oldWidget.pendingSorts ||
+ widget.sortResults != oldWidget.sortResults ||
+ widget.managerNames.length != oldWidget.managerNames.length ||
+ widget.managerTreeData.length != oldWidget.managerTreeData.length) {
+ _updateCurrentItems();
+ }
+ }
+
+ void _handleSortManager(String managerName) {
+ // Get the tree data for this manager (we don't actually use it for the API call)
+ final treeData = widget.managerTreeData[managerName];
+ if (treeData != null) {
+ widget.onManagerSort(managerName, treeData);
+ }
+ }
+
+ void _showSortPreview(String managerName) {
+ final sortResult = widget.sortResults[managerName];
+ if (sortResult != null) {
+ showDialog(
+ context: context,
+ barrierDismissible: false,
+ builder:
+ (context) => SortPreviewDialog(
+ managerName: managerName,
+ sortedData: sortResult,
+ onApprove: widget.onSortApprove,
+ onDecline: widget.onSortDecline,
+ ),
+ );
+ }
+ }
+
+ void _handleDeleteManager(String managerName) {
+ showDialog(
+ context: context,
+ builder:
+ (context) => AlertDialog(
+ backgroundColor: kScaffoldColor,
+ title: const Text('Delete Smart Manager', style: kTitle1),
+ content: Column(
+ mainAxisSize: MainAxisSize.min,
+ crossAxisAlignment: CrossAxisAlignment.start,
+ children: [
+ Text(
+ 'Are you sure you want to delete "$managerName"?',
+ style: const TextStyle(color: Colors.white, fontSize: 16),
+ ),
+ const SizedBox(height: 12),
+ const Text(
+ 'This will only remove the Smart Manager from the app. Your actual files and folders will remain untouched on your system.',
+ style: TextStyle(color: Color(0xff9CA3AF), fontSize: 14),
+ ),
+ ],
+ ),
+ actions: [
+ TextButton(
+ onPressed: () => Navigator.of(context).pop(),
+ child: const Text(
+ 'Cancel',
+ style: TextStyle(color: Color(0xff9CA3AF)),
+ ),
+ ),
+ TextButton(
+ onPressed: () async {
+ Navigator.of(context).pop();
+ await _deleteManager(managerName);
+ },
+ child: const Text(
+ 'Delete',
+ style: TextStyle(color: Color(0xffDC2626)),
+ ),
+ ),
+ ],
+ ),
+ );
+ }
+
+ Future _deleteManager(String managerName) async {
+ try {
+ final success = await Api.deleteSmartManager(managerName);
+
+ if (success) {
+ widget.onManagerDelete?.call(managerName);
+
+ // Force immediate UI update after parent state is updated
+ WidgetsBinding.instance.addPostFrameCallback((_) {
+ if (mounted) {
+ _updateCurrentItems();
+ }
+ });
+
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Smart Manager "$managerName" deleted successfully'),
+ backgroundColor: kYellowText,
+ duration: Duration(seconds: 2),
+ ),
+ );
+ } else {
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Failed to delete Smart Manager "$managerName"'),
+ backgroundColor: Colors.redAccent,
+ duration: Duration(seconds: 3),
+ ),
+ );
+ }
+ } catch (e) {
+ ScaffoldMessenger.of(context).showSnackBar(
+ SnackBar(
+ content: Text('Error deleting Smart Manager "$managerName": $e'),
+ backgroundColor: Colors.redAccent,
+ duration: Duration(seconds: 3),
+ ),
+ );
+ }
+ }
+
+ void _updateCurrentItems() {
+ final newItems = List.from(widget.managerTreeData.values);
+ if (mounted) {
+ setState(() {
+ _currentItems = newItems;
+ });
+ }
+ }
@override
Widget build(BuildContext context) {
- return const Padding(
- padding: EdgeInsets.all(20),
+ return widget.managerTreeData.isEmpty
+ ? _buildEmptyState()
+ : _buildFileGrid();
+ }
+
+ Widget _buildFileGrid() {
+ return Padding(
+ padding: const EdgeInsets.symmetric(vertical: 8.0),
+ child: SizedBox(
+ child: ListView.builder(
+ padding: EdgeInsets.zero,
+ itemCount: _currentItems.length,
+ itemBuilder: (context, index) {
+ final item = _currentItems[index];
+ return LayoutBuilder(
+ builder: (context, constraints) {
+ return Padding(
+ padding: const EdgeInsets.symmetric(
+ horizontal: 16.0,
+ vertical: 8.0,
+ ),
+ child: Container(
+ padding: const EdgeInsets.all(12),
+ decoration: BoxDecoration(
+ color: const Color(0xff242424),
+ borderRadius: BorderRadius.circular(8),
+ border: Border.all(
+ color: const Color(0xff3D3D3D),
+ width: 1,
+ ),
+ ),
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.start,
+ children: [
+ Row(
+ children: [
+ const SizedBox(width: 8),
+ Text(item.name, style: kTitle2),
+ const Spacer(),
+ Text(
+ "Managing 234 files across 24 directories.",
+ style: TextStyle(color: const Color(0xff9CA3AF)),
+ ),
+ ],
+ ),
+ Divider(color: const Color(0xff3D3D3D), thickness: 1),
+ Column(
+ //crossAxisAlignment: CrossAxisAlignment.start,
+ children: [
+ _buildSortButton(item.name),
+ SizedBox(height: 8),
+ _buildDeleteButton(item.name),
+ ],
+ ),
+ ],
+ ),
+ ),
+ );
+ },
+ );
+ },
+ ),
+ ),
+ );
+ }
+
+ Widget _buildEmptyState() {
+ return const Center(
child: Column(
- crossAxisAlignment: CrossAxisAlignment.start,
+ mainAxisAlignment: MainAxisAlignment.center,
children: [
+ Icon(Icons.folder_open, size: 64, color: Color(0xff6B7280)),
+ SizedBox(height: 16),
Text(
- 'Smart Managers Page',
- style: TextStyle(
- color: Colors.white,
- fontSize: 24,
- fontWeight: FontWeight.bold,
- ),
+ 'No managers created',
+ style: TextStyle(color: Color(0xff9CA3AF), fontSize: 16),
),
- SizedBox(height: 20),
],
),
);
}
+
+ Widget _buildSortButton(String managerName) {
+ final isPending = widget.pendingSorts[managerName] ?? false;
+ final hasSortResult = widget.sortResults.containsKey(managerName);
+
+ if (hasSortResult) {
+ // Show "View Sorted" button when results are ready
+ return HoverableButton(
+ onTap: () => _showSortPreview(managerName),
+ name: "View Sorted",
+ icon: Icons.preview_rounded,
+ expanded: true,
+ );
+ } else if (isPending) {
+ // Show "Sorting..." when in progress
+ return HoverableButton(
+ onTap: null,
+ name: "Sorting...",
+ icon: Icons.filter_tilt_shift_rounded,
+ expanded: true,
+ );
+ } else {
+ // Show "Sort Manager" when idle
+ return HoverableButton(
+ onTap: () => _handleSortManager(managerName),
+ name: "Sort Manager",
+ icon: Icons.filter_tilt_shift_rounded,
+ expanded: true,
+ );
+ }
+ }
+
+ Widget _buildDeleteButton(String managerName) {
+ final isPending = widget.pendingSorts[managerName] ?? false;
+ final hasSortResult = widget.sortResults.containsKey(managerName);
+ final isDisabled = isPending || hasSortResult;
+
+ return HoverableButton(
+ name: "Delete Manager",
+ icon: Icons.delete_forever_rounded,
+ expanded: true,
+ onTap: isDisabled ? null : () => _handleDeleteManager(managerName),
+ );
+ }
}
diff --git a/app/linux/flutter/generated_plugin_registrant.cc b/app/linux/flutter/generated_plugin_registrant.cc
index eda95fd..5a07b27 100644
--- a/app/linux/flutter/generated_plugin_registrant.cc
+++ b/app/linux/flutter/generated_plugin_registrant.cc
@@ -8,6 +8,7 @@
#include
#include
+#include
#include
#include
@@ -18,6 +19,9 @@ void fl_register_plugins(FlPluginRegistry* registry) {
g_autoptr(FlPluginRegistrar) screen_retriever_linux_registrar =
fl_plugin_registry_get_registrar_for_plugin(registry, "ScreenRetrieverLinuxPlugin");
screen_retriever_linux_plugin_register_with_registrar(screen_retriever_linux_registrar);
+ g_autoptr(FlPluginRegistrar) tray_manager_registrar =
+ fl_plugin_registry_get_registrar_for_plugin(registry, "TrayManagerPlugin");
+ tray_manager_plugin_register_with_registrar(tray_manager_registrar);
g_autoptr(FlPluginRegistrar) url_launcher_linux_registrar =
fl_plugin_registry_get_registrar_for_plugin(registry, "UrlLauncherPlugin");
url_launcher_plugin_register_with_registrar(url_launcher_linux_registrar);
diff --git a/app/linux/flutter/generated_plugins.cmake b/app/linux/flutter/generated_plugins.cmake
index 712d459..8b6f26d 100644
--- a/app/linux/flutter/generated_plugins.cmake
+++ b/app/linux/flutter/generated_plugins.cmake
@@ -5,6 +5,7 @@
list(APPEND FLUTTER_PLUGIN_LIST
open_file_linux
screen_retriever_linux
+ tray_manager
url_launcher_linux
window_manager
)
diff --git a/app/macos/Flutter/GeneratedPluginRegistrant.swift b/app/macos/Flutter/GeneratedPluginRegistrant.swift
index beb35e0..47e516e 100644
--- a/app/macos/Flutter/GeneratedPluginRegistrant.swift
+++ b/app/macos/Flutter/GeneratedPluginRegistrant.swift
@@ -8,6 +8,7 @@ import Foundation
import file_picker
import open_file_mac
import screen_retriever_macos
+import tray_manager
import url_launcher_macos
import window_manager
@@ -15,6 +16,7 @@ func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
FilePickerPlugin.register(with: registry.registrar(forPlugin: "FilePickerPlugin"))
OpenFilePlugin.register(with: registry.registrar(forPlugin: "OpenFilePlugin"))
ScreenRetrieverMacosPlugin.register(with: registry.registrar(forPlugin: "ScreenRetrieverMacosPlugin"))
+ TrayManagerPlugin.register(with: registry.registrar(forPlugin: "TrayManagerPlugin"))
UrlLauncherPlugin.register(with: registry.registrar(forPlugin: "UrlLauncherPlugin"))
WindowManagerPlugin.register(with: registry.registrar(forPlugin: "WindowManagerPlugin"))
}
diff --git a/app/pubspec.lock b/app/pubspec.lock
index 016e7a0..bc7fafe 100644
--- a/app/pubspec.lock
+++ b/app/pubspec.lock
@@ -37,10 +37,10 @@ packages:
dependency: transitive
description:
name: async
- sha256: d2872f9c19731c2e5f10444b14686eb7cc85c76274bd6c16e1816bff9a3bab63
+ sha256: "758e6d74e971c3e5aceb4110bfd6698efc7f501675bcfe0c775459a8140750eb"
url: "https://pub.dev"
source: hosted
- version: "2.12.0"
+ version: "2.13.0"
boolean_selector:
dependency: transitive
description:
@@ -205,10 +205,10 @@ packages:
dependency: transitive
description:
name: fake_async
- sha256: "6a95e56b2449df2273fd8c45a662d6947ce1ebb7aafe80e550a3f68297f3cacc"
+ sha256: "5368f224a74523e8d2e7399ea1638b37aecfca824a3cc4dfdf77bf1fa905ac44"
url: "https://pub.dev"
source: hosted
- version: "1.3.2"
+ version: "1.3.3"
ffi:
dependency: transitive
description:
@@ -246,6 +246,14 @@ packages:
description: flutter
source: sdk
version: "0.0.0"
+ flutter_context_menu:
+ dependency: "direct main"
+ description:
+ name: flutter_context_menu
+ sha256: "5e9c62a5937aba135e3787711b04c73b78729a9751c6c71c2bece4ed9a480d76"
+ url: "https://pub.dev"
+ source: hosted
+ version: "0.2.4"
flutter_force_directed_graph:
dependency: "direct main"
description:
@@ -372,10 +380,10 @@ packages:
dependency: transitive
description:
name: leak_tracker
- sha256: c35baad643ba394b40aac41080300150a4f08fd0fd6a10378f8f7c6bc161acec
+ sha256: "6bb818ecbdffe216e81182c2f0714a2e62b593f4a4f13098713ff1685dfb6ab0"
url: "https://pub.dev"
source: hosted
- version: "10.0.8"
+ version: "10.0.9"
leak_tracker_flutter_testing:
dependency: transitive
description:
@@ -424,6 +432,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "0.11.1"
+ menu_base:
+ dependency: transitive
+ description:
+ name: menu_base
+ sha256: "820368014a171bd1241030278e6c2617354f492f5c703d7b7d4570a6b8b84405"
+ url: "https://pub.dev"
+ source: hosted
+ version: "0.1.1"
meta:
dependency: transitive
description:
@@ -632,6 +648,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "3.0.0"
+ shortid:
+ dependency: transitive
+ description:
+ name: shortid
+ sha256: d0b40e3dbb50497dad107e19c54ca7de0d1a274eb9b4404991e443dadb9ebedb
+ url: "https://pub.dev"
+ source: hosted
+ version: "0.1.2"
sky_engine:
dependency: transitive
description: flutter
@@ -717,6 +741,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "2.3.0"
+ tray_manager:
+ dependency: "direct main"
+ description:
+ name: tray_manager
+ sha256: ad18c4cd73003097d182884bacb0578ad2865f3ab842a0ad00f6d043ed49eaf0
+ url: "https://pub.dev"
+ source: hosted
+ version: "0.5.0"
typed_data:
dependency: transitive
description:
@@ -801,10 +833,10 @@ packages:
dependency: transitive
description:
name: vm_service
- sha256: "0968250880a6c5fe7edc067ed0a13d4bae1577fe2771dcf3010d52c4a9d3ca14"
+ sha256: ddfa8d30d89985b96407efce8acbdd124701f96741f2d981ca860662f1c0dc02
url: "https://pub.dev"
source: hosted
- version: "14.3.1"
+ version: "15.0.0"
watcher:
dependency: transitive
description:
diff --git a/app/pubspec.yaml b/app/pubspec.yaml
index c539082..45eb439 100644
--- a/app/pubspec.yaml
+++ b/app/pubspec.yaml
@@ -42,6 +42,8 @@ dependencies:
http: ^1.4.0
flutter_launcher_icons: ^0.14.4
url_launcher: ^6.3.1
+ flutter_context_menu: ^0.2.4
+ tray_manager: ^0.5.0
flutter_launcher_icons:
windows:
@@ -78,6 +80,7 @@ flutter:
# To add assets to your application, add an assets section, like this:
assets:
- images/
+ - assets/logo.ico
# An image asset can refer to one or more resolution-specific "variants", see
# https://flutter.dev/to/resolution-aware-images
diff --git a/app/test/unit_test.dart b/app/test/unit_test.dart
index 3ab6c36..6540e98 100644
--- a/app/test/unit_test.dart
+++ b/app/test/unit_test.dart
@@ -20,6 +20,7 @@ void main() {
'tags': ['important', 'work'],
'metadata': {'size': '1024', 'mimeType': 'text/plain'},
'children': null,
+ 'locked': false,
};
final node = FileTreeNode.fromJson(json);
@@ -31,6 +32,7 @@ void main() {
expect(node.metadata?['size'], equals('1024'));
expect(node.metadata?['mimeType'], equals('text/plain'));
expect(node.children, isNull);
+ expect(node.locked, isFalse);
});
test('should create folder FileTreeNode with children', () {
@@ -45,20 +47,24 @@ void main() {
'isFolder': false,
'tags': [],
'metadata': {},
+ 'locked': false,
},
],
'tags': [],
'metadata': {},
+ 'locked': false,
};
final node = FileTreeNode.fromJson(json);
expect(node.name, equals('Documents'));
expect(node.isFolder, isTrue);
+ expect(node.locked, isFalse);
expect(node.children, isNotNull);
expect(node.children!.length, equals(1));
expect(node.children!.first.name, equals('file1.txt'));
expect(node.children!.first.isFolder, isFalse);
+ expect(node.children!.first.locked, isFalse);
});
test('should convert FileTreeNode to JSON correctly', () {
@@ -68,6 +74,7 @@ void main() {
isFolder: false,
tags: ['code', 'dart'],
metadata: {'size': '2048', 'mimeType': 'text/x-dart'},
+ locked: false,
);
final json = node.toJson();
@@ -77,6 +84,7 @@ void main() {
expect(json['isFolder'], isFalse);
expect(json['tags'], equals(['code', 'dart']));
expect(json['metadata']['size'], equals('2048'));
+ expect(json['locked'], isFalse);
});
test('should handle empty or null values gracefully', () {
@@ -93,12 +101,32 @@ void main() {
});
test('toString should return correct format', () {
- final node = FileTreeNode(name: 'test_folder', isFolder: true);
+ final node = FileTreeNode(
+ name: 'test_folder',
+ isFolder: true,
+ locked: true,
+ );
final result = node.toString();
- expect(result, equals('FileTreeNode(name: test_folder, isFolder: true)'));
- });
+ expect(
+ result,
+ equals(
+ '- FileTreeNode(\n'
+ ' name: test_folder\n'
+ ' path: null\n'
+ ' rootPath: null\n'
+ ' isFolder: true\n'
+ ' locked: true\n'
+ ' tags: null\n'
+ ' metadata: null\n'
+ ' newPath: null\n'
+ ' children: []\n'
+ ')\n'
+ '',
+ ),
+ );
+ });
});
group('SmartManagerInfo Tests', () {
@@ -338,16 +366,22 @@ void main() {
return -1;
}
- final leafNode = FileTreeNode(name: 'leaf.txt', isFolder: false);
+ final leafNode = FileTreeNode(
+ name: 'leaf.txt',
+ isFolder: false,
+ locked: false,
+ );
final childNode = FileTreeNode(
name: 'child',
isFolder: true,
children: [leafNode],
+ locked: false,
);
final rootNode = FileTreeNode(
name: 'root',
isFolder: true,
children: [childNode],
+ locked: false,
);
expect(findNodeDepthFromRoot(rootNode, rootNode, 0), equals(0));
@@ -439,14 +473,17 @@ class TestHelpers {
isFolder: false,
tags: ['important'],
metadata: {'size': '1024', 'mimeType': 'text/plain'},
+ locked: false,
),
FileTreeNode(
name: 'file2.pdf',
isFolder: false,
tags: ['work', 'document'],
metadata: {'size': '2048', 'mimeType': 'application/pdf'},
+ locked: false,
),
],
+ locked: false,
),
FileTreeNode(
name: 'pictures',
@@ -457,10 +494,13 @@ class TestHelpers {
isFolder: false,
tags: ['vacation'],
metadata: {'size': '5120', 'mimeType': 'image/jpeg'},
+ locked: false,
),
],
+ locked: false,
),
],
+ locked: false,
);
}
diff --git a/app/windows/flutter/generated_plugin_registrant.cc b/app/windows/flutter/generated_plugin_registrant.cc
index 48096ae..f8f02a1 100644
--- a/app/windows/flutter/generated_plugin_registrant.cc
+++ b/app/windows/flutter/generated_plugin_registrant.cc
@@ -7,12 +7,15 @@
#include "generated_plugin_registrant.h"
#include
+#include
#include
#include |
+ 
+ 
+ 
+ 