Configuración de carpetas finalizada, mejoras en proceso en la lista de widgets seleccionables

lib/modelo/carpeta.dart

@@ -8,21 +8,23 @@ import 'formato.dart';
 class Carpeta extends ElementoSeleccionable{
   final Directory _directory;
   final bool _incluirSubcarpetas = false;
+  bool _open = false;
   late final List<InfoFormato> _formatos;
 
   Directory get directory => _directory;
   List<InfoFormato> get formatos => List.unmodifiable(_formatos);
+  bool get isOpen => _open;
 
   Carpeta({required super.id, required Directory directory, required Map<Formato, bool> formatos}):
         _directory = directory,
-        super(nombre: directory.path.split('/').last, icon: const Icon(Icons.folder_outlined)){
+        super(nombre: directory.path.split('/').last, icon: const Icon(Icons.folder_outlined))
+  {
     _formatos = [];
     for(var f in formatos.entries) {
       _formatos.add(InfoFormato(
           formato: f.key,
           nombreCarpeta: directory.path.split('/').last,
-          subCarpeta: f.value,
-          archivos: []));
+          subCarpeta: f.value));
     }
   }
 
@@ -30,6 +32,15 @@ class Carpeta extends ElementoSeleccionable{
         _directory = directory, _formatos = formatos,
         super(nombre: directory.path.split('/').last, icon: const Icon(Icons.folder_outlined));
 
+  InfoFormato? getInfoFormato({required Formato formato}){
+    for(InfoFormato i in _formatos){
+      if(i.formatoOriginal == formato){
+        return i;
+      }
+    }
+    return null;
+  }
+
   void setFormatoDestino(Formato original, Formato? destino){
     final formatosAlt = formatos.toList();
     for(InfoFormato i in formatosAlt){
@@ -39,6 +50,10 @@ class Carpeta extends ElementoSeleccionable{
     }
   }
 
+  void pressOpenClose(){
+    _open = !_open;
+  }
+
   @override
   void convertir() {
     // TODO: <implement>
@@ -49,14 +64,12 @@ class InfoFormato {
   final bool _subcarpeta;
   bool _seleccionado;
   final Convertible _conversion;
-  final List<File> _archivos;
 
   bool get subcarpeta => _subcarpeta;
   bool get seleccionado => _seleccionado;
   Convertible get conversion => _conversion;
   Formato get formatoOriginal => _conversion.formatoOriginal;
   Formato? get formatoDestino => _conversion.formatoDestino;
-  List<Archivo> get archivos => List.unmodifiable(_archivos);
 
   set seleccionado(bool value) => _seleccionado = value;
   set formatoDestino(Formato? destino) => _conversion.formatoDestino = destino;
@@ -64,9 +77,8 @@ class InfoFormato {
   InfoFormato({required Formato formato,
                required String nombreCarpeta,
                required bool subCarpeta,
-               bool? seleccionado,
-               required List<File> archivos}):
-      _subcarpeta = subCarpeta, _seleccionado = seleccionado ?? !subCarpeta, _archivos = archivos,
+               bool? seleccionado}):
+      _subcarpeta = subCarpeta, _seleccionado = seleccionado ?? !subCarpeta,
       _conversion = Convertible(id: "null", nombre: '$nombreCarpeta > ${formato.name}',
           icon: Icon(Icons.find_in_page_outlined), formatoOriginal: formato);
 

lib/modelo/formato.dart

@@ -84,12 +84,13 @@ enum Formato {
 }
 
 enum TipoMultimedia {
-  video(Icon(Icons.movie_creation_outlined)),
-  audio(Icon(Icons.music_note_outlined)),
-  imagen(Icon(Icons.image_outlined));
+  video("Vídeo", Icon(Icons.movie_creation_outlined)),
+  audio("Audio", Icon(Icons.music_note_outlined)),
+  imagen("Imagen", Icon(Icons.image_outlined));
 
+  final String nombre;
   final Icon icono;
-  const TipoMultimedia(this.icono);
+  const TipoMultimedia(this.nombre, this.icono);
 }
 
 enum Clasificacion {

lib/modelo/lista_seleccionables.dart

@@ -31,4 +31,9 @@ class ListaSeleccionables extends ChangeNotifier {
         directory: directory, formatos: <Formato, bool>{Formato.mp4: false, Formato.mp3: true}));
     notifyListeners();
   }
+
+  void reinsertar(int index, ElementoSeleccionable element){
+    _seleccionables.insert(index, element);
+    notifyListeners();
+  }
 }
\ No newline at end of file

lib/paginas/pagina_configuracion.dart

@@ -8,13 +8,16 @@ class PaginaConfiguracion extends StatefulWidget {
   final ListaSeleccionables _lista;
   final int _indice;
   final ElementoSeleccionable _elementoAsociado;
+  final Carpeta? _carpeta;
 
   const PaginaConfiguracion({
     super.key,
     required ListaSeleccionables lista,
     required int indice,
-    required ElementoSeleccionable elemento
-  }): _lista = lista, _indice = indice, _elementoAsociado = elemento;
+    required ElementoSeleccionable elemento,
+    Carpeta? carpeta
+  }): _lista = lista, _indice = indice, _elementoAsociado = elemento,
+    _carpeta = carpeta;
 
   @override
   State<PaginaConfiguracion> createState() => _PaginaConfiguracionState();
@@ -67,6 +70,15 @@ class _PaginaConfiguracionState extends State<PaginaConfiguracion> {
     if(widget._elementoAsociado is Convertible){
       final arch = widget._elementoAsociado as Convertible;
       if(_categoriaActiva == 0){
+        if(widget._carpeta != null){
+          return PaginaConversion.carpeta(
+              lista: manager,
+              indiceArchivo: widget._indice,
+              carpeta: widget._carpeta!,
+              infoFormato: widget._carpeta!.getInfoFormato(formato: arch.formatoOriginal)!,
+              formatoOriginal: arch.formatoOriginal
+          );
+        }
         return PaginaConversion.convertible(
             lista: manager,
             indiceArchivo: widget._indice,

lib/paginas/pagina_configuracion_carpeta.dart

@@ -207,9 +207,10 @@ class _PaginaConfiguracionCarpetaState extends State<PaginaConfiguracionCarpeta>
                       Navigator.push(context,
                           MaterialPageRoute(builder: (context) {
                             return PaginaConfiguracion(
-                              indice: widget._formatosCarpeta.indexOf(i),
+                              indice: widget._indice,
                               elemento: i.conversion,
                               lista: widget._lista,
+                              carpeta: widget._carpeta
                             );
                           }
                       ));

lib/paginas/pagina_conversion.dart

@@ -166,6 +166,25 @@ class _PaginaConversionState extends State<PaginaConversion>
   }
 
   Widget _createTabVideos(){
+    final tabs = <Widget>[];
+    final grids = <Widget>[];
+
+    final tipos = TipoMultimedia.values;
+
+    for (var element in tipos) {
+      if(widget._carpeta != null && element == TipoMultimedia.imagen) continue;
+      tabs.add(Tab(
+        icon: element.icono,
+        text: element.nombre,
+      ));
+      grids.add(GridView.count(
+        crossAxisCount: 3,
+        crossAxisSpacing: 12,
+        mainAxisSpacing: 12,
+        children: _createGridBotonesConversion(tipo: element),
+      ));
+    }
+
     return Material(
       clipBehavior: Clip.antiAlias,
       shape: BeveledRectangleBorder(
@@ -191,20 +210,7 @@ class _PaginaConversionState extends State<PaginaConversion>
                 height: 68,
                 child: TabBar(
                     controller: _tabController,
-                    tabs: <Widget>[
-                      Tab(
-                        icon: TipoMultimedia.video.icono,
-                        text: 'Vídeo',
-                      ),
-                      Tab(
-                        icon: TipoMultimedia.audio.icono,
-                        text: 'Audio',
-                      ),
-                      Tab(
-                        icon: TipoMultimedia.imagen.icono,
-                        text: 'Imagen',
-                      )
-                    ]
+                    tabs: tabs
                 ),
               ),
               SizedBox(
@@ -213,14 +219,7 @@ class _PaginaConversionState extends State<PaginaConversion>
                   padding: const EdgeInsets.only(top: 16.0),
                   child: TabBarView(
                       controller: _tabController,
-                      children: TipoMultimedia.values.map((tipo) {
-                        return GridView.count(
-                            crossAxisCount: 3,
-                            crossAxisSpacing: 12,
-                            mainAxisSpacing: 12,
-                            children: _createGridBotonesConversion(tipo: tipo)
-                        );
-                      }).toList()
+                      children: grids
                   ),
                 ),
               ),

lib/paginas/pagina_principal_llena.dart

@@ -19,7 +19,46 @@ class PaginaPrincipalLlena extends StatelessWidget {
           return const SizedBox(height: 8.0);
         },
         itemBuilder: (context, index) {
-          return SeleccionableWidget(indice: index, seleccionable: seleccionables[index], lista: listaSeleccionables);
+          return Dismissible(
+              key: Key(seleccionables[index].id),
+              background: Container(
+                color: Colors.red,
+                alignment: Alignment.centerLeft,
+                child: Padding(
+                  padding: const EdgeInsets.all(4.0),
+                  child: Icon(Icons.delete,
+                    color: Colors.white,
+                    size: 31.0
+                  ),
+                ),
+              ),
+              secondaryBackground: Container(
+                color: Colors.red,
+                alignment: Alignment.centerRight,
+                child: Padding(
+                  padding: const EdgeInsets.all(4.0),
+                  child: Icon(Icons.delete,
+                      color: Colors.white,
+                      size: 31.0
+                  ),
+                ),
+              ),
+              onDismissed: (direction) {
+                listaSeleccionables.borraSeleccionable(index);
+                ScaffoldMessenger.of(context).showSnackBar(
+                    SnackBar(
+                      content: Text('${seleccionables[index].nombre} borrado'),
+                      action: SnackBarAction(
+                          label: 'Deshacer',
+                          onPressed: () {
+                            listaSeleccionables.reinsertar(index, seleccionables[index]);
+                          }
+                      ),
+                    )
+                );
+              },
+              child: SeleccionableWidget(indice: index, seleccionable: seleccionables[index], lista: listaSeleccionables)
+          );
         },
       ),
     );

lib/widgets/seleccionable_widget.dart

@@ -12,23 +12,45 @@ class SeleccionableWidget extends StatelessWidget {
   // TODO: ACTUALIZAR PARA MOSTRAR FORMATOS Y CAMBIOS
   @override
   Widget build(BuildContext context) {
+    final String nombre = seleccionable.nombre;
+    int index = nombre.lastIndexOf('.');
+    final String visible;
+    if(index > -1){
+      visible = nombre.substring(0, index);
+    }
+    else {
+      visible = nombre;
+    }
+
+
+    Widget? formatoOrig;
+    if(seleccionable is Convertible){
+      Convertible arch = (seleccionable as Convertible);
+      String texto = arch.formatoOriginal.name.toUpperCase();
+      if(arch.formatoDestino != null) texto += " > ${arch.formatoDestino!.name.toUpperCase()}";
+      formatoOrig = Text(texto);
+    }
+
     return Row(
         children: <Widget>[
           seleccionable.icono,
-        const SizedBox(width: 10,),
+          const SizedBox(width: 10),
           Expanded(
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
                   Text(
-                  seleccionable.nombre,
-                  style: Theme.of(context).textTheme.bodyLarge
+                      visible,
+                      style: Theme.of(context).textTheme.bodyLarge?.copyWith(
+                        fontWeight: FontWeight.bold
+                      )
                   ),
+                  if(formatoOrig != null) formatoOrig
                 ],
               )
           ),
           if (seleccionable is Carpeta)
-          IconButton(onPressed: () {}, icon: Icon(Icons.menu)),
+            if((seleccionable as Carpeta).isOpen) IconButton(onPressed: () {}, icon: Icon(Icons.menu)),
           IconButton(
             icon: const Icon(Icons.edit),
             onPressed: () {
@@ -38,7 +60,7 @@ class SeleccionableWidget extends StatelessWidget {
                   }));
             },
           )
-      ],
+        ]
     );
   }
 }