PFM-5009

frontend/mgramseva/lib/repository/core_repo.dart

@@ -27,7 +27,9 @@ import 'package:path_provider/path_provider.dart';
 import 'package:permission_handler/permission_handler.dart';
 import 'package:provider/provider.dart';
 import 'package:universal_html/html.dart' as html;
-
+enum FileUploadStatus {
+  NOT_ACTIVE,STARTED,COMPLETED
+}
 class CoreRepository extends BaseService {
   Future<List<LocalizationLabel>> getLocilisation(
       Map<String, dynamic> query) async {

frontend/mgramseva/lib/screeens/add_expense/expense_details.dart

@@ -468,7 +468,7 @@ class _ExpenseDetailsState extends State<ExpenseDetails> {
                                 key: expensesDetailsProvider.filePickerKey,
                                 callBack:
                                     expensesDetailsProvider.fileStoreIdCallBack,
-                                extensions: ['jpg', 'pdf', 'png'],
+                                extensions: ['jpg', 'pdf', 'png', 'jpeg'],
                                 contextKey: expenseProvider
                                     .expenseWalkthrougList[5].key,
                               ),

frontend/mgramseva/lib/widgets/file_picker.dart

@@ -36,6 +36,7 @@ class FilePickerDemoState extends State<FilePickerDemo> {
   FileType _pickingType = FileType.custom;
   TextEditingController _controller = TextEditingController();
   final ImagePicker _picker = ImagePicker();
+  FileUploadStatus fileUploading = FileUploadStatus.NOT_ACTIVE;
 
   @override
   void initState() {
@@ -92,11 +93,20 @@ class FilePickerDemoState extends State<FilePickerDemo> {
 
   uploadFiles(List<dynamic> files) async {
     try{
+      setState(() {
+        fileUploading = FileUploadStatus.STARTED;
+      });
       var response = await CoreRepository().uploadFiles(files, widget.moduleName ?? APIConstants.API_MODULE_NAME);
+      setState(() {
+        fileUploading = FileUploadStatus.COMPLETED;
+      });
       _fileStoreList.addAll(response);
       if(_selectedFiles.isNotEmpty)
         widget.callBack(_fileStoreList);
     }catch(e){
+      setState(() {
+        fileUploading = FileUploadStatus.NOT_ACTIVE;
+      });
       Notifiers.getToastMessage(context, e.toString(), 'ERROR');
     }
   }
@@ -190,6 +200,19 @@ class FilePickerDemoState extends State<FilePickerDemo> {
             : Text(
                 "${ApplicationLocalizations.of(context).translate(i18.common.NO_FILE_UPLOADED)}",
                 style: TextStyle(color: Colors.black, fontSize: 16),
+              ),
+              Row(
+                children: [
+                  fileUploading==FileUploadStatus.STARTED?Text("Uploading File",style: TextStyle(
+                      color: Colors.black
+                  ),):SizedBox(),
+                  fileUploading==FileUploadStatus.STARTED?Transform.scale(
+                    scale: 0.5,
+                    child: CircularProgressIndicator(),
+                  )
+                      :fileUploading==FileUploadStatus.COMPLETED?Icon(Icons.check_circle,color: Theme.of(context).primaryColor,)
+                      :SizedBox(),
+                ],
               )
             ],
           ))
@@ -199,12 +222,16 @@ class FilePickerDemoState extends State<FilePickerDemo> {
   void onClickOfClear(int index){
     setState(() {
       _selectedFiles.removeAt(index);
+      fileUploading = FileUploadStatus.NOT_ACTIVE;
     if(index < _fileStoreList.length)  _fileStoreList.removeAt(index);
     });
     widget.callBack(_fileStoreList);
   }
 
   void reset(){
+    setState(() {
+      fileUploading = FileUploadStatus.NOT_ACTIVE;
+    });
     _selectedFiles.clear();
     _fileStoreList.clear();
   }