abrahamd/energymedia_content_manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modificacion de colores en el login

Browse Source
This commit is contained in:
Abraham
2026-01-13 15:44:45 -08:00
parent 9533b60906
commit 7bdb9a2d74
6 changed files with 236 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
lib/pages/login_page/login_page.dart
View File

@@ -232,7 +232,7 @@ class _LoginPageState extends State<LoginPage> with TickerProviderStateMixin {
flex: 1,
child: Container(
decoration: BoxDecoration(
color: const Color(0xFF0F172A),
color: const Color.fromARGB(255, 25, 26, 28),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.1),
@@ -278,13 +278,11 @@ class _LoginPageState extends State<LoginPage> with TickerProviderStateMixin {
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Color(0xFF4EC9F5), // Cyan principal
Color(0xFFFFB733), // Yellow
Color(0xFF6B2F8A), // Purple
Color(0xFFFF7A3D), // Orange
Color(0xFF4EC9F5), // Cyan de vuelta
Color(0xFF42BCEE),
Color(0xFF5865B5),
Color(0xFF653093)
],
stops: [0.0, 0.25, 0.5, 0.75, 1.0],
stops: [0.25, 0.5, 1.0],
),
),
child: Stack(

2
lib/pages/login_page/widgets/login_form.dart
View File

@@ -250,7 +250,7 @@ class _LoginFormState extends State<LoginForm> with TickerProviderStateMixin {
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(
color: Color(0xFF10B981),
color: Color(0xFF4EC9F5),
width: 2,
),
),

1
lib/pages/videos/gestor_videos_page.dart
View File

@@ -364,6 +364,7 @@ class _GestorVideosPageState extends State<GestorVideosPage> {
: (video.fileUrl != null && video.fileUrl!.isNotEmpty)
? VideoThumbnailWidget(
videoUrl: video.fileUrl!,
height: 100,
fit: BoxFit.cover,
)
: _buildThumbnailPlaceholder(),

2
lib/pages/videos/videos_layout.dart
View File

@@ -206,7 +206,7 @@ class _VideosLayoutState extends State<VideosLayout> {
colors: [
Color(0xFF42BCEE),
Color(0xFF5865B5),
Color(0xFF653093),
Color(0xFF653093)
],
stops: const [0.0, 0.5, 1.0],
),

172
lib/pages/videos/widgets/gestor_videos_widgets/edit_video_dialog.dart
View File

@@ -42,6 +42,7 @@ class _EditVideoDialogState extends State<EditVideoDialog> {
late TextEditingController tagsController;
Uint8List? newPosterBytes;
String? newPosterFileName;
bool _deletePoster = false;
VideoPlayerController? _videoPlayerController;
ChewieController? _chewieController;
bool _isVideoLoading = false;
@@ -162,8 +163,12 @@ class _EditVideoDialogState extends State<EditVideoDialog> {
);
}
// Actualizar portada si se seleccionó una nueva
if (newPosterBytes != null && newPosterFileName != null) {
// Eliminar portada si se solicitó
if (_deletePoster) {
await widget.provider.deletePoster(widget.video.mediaFileId);
}
// Actualizar portada si se seleccionó una nueva (solo si no se eliminó)
else if (newPosterBytes != null && newPosterFileName != null) {
await widget.provider.updateVideoPoster(
widget.video.mediaFileId,
newPosterBytes!,
@@ -437,10 +442,100 @@ class _EditVideoDialogState extends State<EditVideoDialog> {
}
Widget _buildPosterSection() {
final hasPoster = widget.video.posterUrl != null && !_deletePoster;
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (widget.video.posterUrl != null)
if (_deletePoster)
Container(
height: 140,
width: double.infinity,
decoration: BoxDecoration(
color: AppTheme.of(context).tertiaryBackground,
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: const Color(0xFFFF2D2D).withOpacity(0.3),
width: 2,
),
),
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.delete_outline,
size: 48,
color: const Color(0xFFFF2D2D).withOpacity(0.7),
),
const Gap(8),
Text(
'Portada marcada para eliminar',
style: AppTheme.of(context).bodyText2.override(
fontFamily: 'Poppins',
color: const Color(0xFFFF2D2D),
fontSize: 12,
),
),
],
),
),
)
else if (newPosterBytes != null)
// Mostrar preview de nueva portada seleccionada
Stack(
children: [
ClipRRect(
borderRadius: BorderRadius.circular(12),
child: Image.memory(
newPosterBytes!,
height: 140,
width: double.infinity,
fit: BoxFit.cover,
),
),
Positioned(
top: 8,
right: 8,
child: Container(
padding:
const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration(
color: AppTheme.of(context).success,
borderRadius: BorderRadius.circular(6),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.2),
blurRadius: 4,
offset: const Offset(0, 2),
),
],
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
const Icon(
Icons.fiber_new,
size: 14,
color: Colors.white,
),
const Gap(4),
Text(
'Nueva',
style: AppTheme.of(context).bodyText2.override(
fontFamily: 'Poppins',
color: Colors.white,
fontSize: 11,
fontWeight: FontWeight.w600,
),
),
],
),
),
),
],
)
else if (hasPoster)
ClipRRect(
borderRadius: BorderRadius.circular(12),
child: Image.network(
@@ -458,31 +553,90 @@ class _EditVideoDialogState extends State<EditVideoDialog> {
color: AppTheme.of(context).tertiaryBackground,
borderRadius: BorderRadius.circular(12),
),
child: Icon(
Icons.image,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.video_library,
size: 48,
color: AppTheme.of(context).tertiaryText,
),
const Gap(8),
Text(
'Sin portada',
style: AppTheme.of(context).bodyText2.override(
fontFamily: 'Poppins',
color: AppTheme.of(context).tertiaryText,
fontSize: 12,
),
),
],
),
),
const Gap(12),
ElevatedButton.icon(
onPressed: _selectPoster,
Row(
children: [
Expanded(
child: ElevatedButton.icon(
onPressed: _deletePoster ? null : _selectPoster,
icon: const Icon(Icons.image, size: 18),
label: Text(
newPosterBytes != null ? 'Portada Seleccionada' : 'Cambiar Portada',
newPosterBytes != null
? 'Portada Seleccionada'
: 'Cambiar Portada',
),
style: ElevatedButton.styleFrom(
backgroundColor: newPosterBytes != null
? AppTheme.of(context).success
: AppTheme.of(context).primaryColor,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
padding:
const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
elevation: 0,
disabledBackgroundColor:
AppTheme.of(context).tertiaryText.withOpacity(0.3),
),
),
),
if (hasPoster || _deletePoster) ...[
const Gap(8),
ElevatedButton.icon(
onPressed: () {
setState(() {
_deletePoster = !_deletePoster;
if (_deletePoster) {
// Si se marca para eliminar, limpiar nueva portada seleccionada
newPosterBytes = null;
newPosterFileName = null;
}
});
},
icon: Icon(
_deletePoster ? Icons.undo : Icons.delete_outline,
size: 18,
),
label: Text(
_deletePoster ? 'Deshacer' : 'Eliminar',
),
style: ElevatedButton.styleFrom(
backgroundColor: _deletePoster
? AppTheme.of(context).warning
: const Color(0xFFFF2D2D),
foregroundColor: Colors.white,
padding:
const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
elevation: 0,
),
),
],
],
),
if (newPosterBytes != null) ...[
const Gap(8),
Text(

51
lib/providers/videos_provider.dart
View File

@@ -580,6 +580,57 @@ class VideosProvider extends ChangeNotifier {
}
}
/// Delete video poster only (not the video itself)
Future<bool> deletePoster(int mediaFileId) async {
try {
isLoading = true;
notifyListeners();
// Get current metadata
final response = await supabaseML
.from('media_files')
.select('metadata_json')
.eq('media_file_id', mediaFileId)
.eq('organization_fk', organizationId)
.single();
final metadata = response['metadata_json'] as Map<String, dynamic>? ?? {};
final posterUrl = metadata['poster_url'] as String?;
// Delete poster from storage if exists
if (posterUrl != null && posterUrl.isNotEmpty) {
try {
final uri = Uri.parse(posterUrl);
final pathSegments = uri.pathSegments;
final bucketIndex = pathSegments.indexOf('energymedia');
if (bucketIndex != -1 && bucketIndex < pathSegments.length - 1) {
final posterPath = pathSegments.sublist(bucketIndex + 1).join('/');
await supabaseML.storage.from('energymedia').remove([posterPath]);
}
} catch (e) {
print('Error eliminando poster del storage: $e');
}
}
// Remove poster references from metadata
metadata.remove('poster_url');
metadata.remove('poster_file_name');
// Update metadata
await updateVideoMetadata(mediaFileId, metadata);
isLoading = false;
notifyListeners();
return true;
} catch (e) {
errorMessage = 'Error eliminando portada: $e';
isLoading = false;
notifyListeners();
print('Error en deletePoster: $e');
return false;
}
}
// ========== DELETE METHODS ==========
/// Delete video and its storage files