https://amitai-brand-center.netlify.app/admin/materiales/

1<!doctype html>
2<html lang="es">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6  <meta name="robots" content="noindex, nofollow, noarchive">
7  <title>Revisar materiales | AMITAI Brand Center</title>
8  <link rel="preconnect" href="https://fonts.googleapis.com">
9  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
11  <link rel="stylesheet" href="/assets/brand-center.css?v=20260923-admin-navigation-1">
12  <link rel="stylesheet" href="/assets/brand-center-admin.css?v=20260923-admin-navigation-1">
13  <link rel="stylesheet" href="/assets/brand-center-materials-admin.css?v=20260923-complete-mail-1">
14  <link rel="stylesheet" href="/assets/brand-center-permissions-admin.css?v=20260803-folder-control-1">
15<link rel="stylesheet" href="/assets/brand-center-mail.css?v=20260923-complete-mail-1">

15<script defer src="/assets/brand-center-mail.js?v=20260923-complete-mail-1"></script>

15</head>
16<body class="bc-admin-body" data-admin-view="materials">
17  <header class="bc-header">
18    <a class="bc-logo" href="/" aria-label="Volver al Brand Center"><img src="/assets/amitai-human-risk-intelligence.jpg" alt="AMITAI Human Risk Intelligence"></a>
19    <div class="bc-header__meta">
20      <span class="bc-header__label">Administración</span>
21      <a class="bc-admin-back" href="/">← Volver al Brand Center</a>
22    </div>
23  </header>
24
25  <main class="bca-shell">
26    <section class="bca-hero">
27      <div><h1>Revisar materiales</h1><p>Revisa y organiza los archivos, las tarjetas y las carpetas del Brand Center.</p></div>
28      
29    </section>
30
31    <nav class="bca-navigation" aria-label="Administración">
32      <a href="/admin/materiales/" aria-current="page">Revisar materiales</a>
33      <a href="/admin/usuarios/" >Administrar usuarios</a>
34    </nav>
35    <div class="bca-message" data-page-message role="status"></div>
36    <div class="bca-loading" data-access-loading><span class="bc-loader"></span><p>Verificando permisos…</p></div>
37    <div data-admin-content hidden>
38    
39    
40    <section class="bca-panel bca-material-panel">
41      <div class="bca-panel__head"><div><h2>Biblioteca de materiales</h2><p>Publica, sustituye o elimina archivos sin tocar código. Los usuarios los verán dentro del portal.</p></div><span class="bca-badge bca-badge--storage">Almacenamiento privado</span></div>
42      <form class="bca-section-editor" data-section-form>
43        <div class="bca-section-editor__intro"><strong>Editar tarjetas del portal</strong><span>Cambia el arte y el nombre de cada botón sin tocar código.</span></div>
44        <label>Tarjeta<select name="section_id" data-section-select required></select></label>
45        <label>Nombre del botón<input name="titulo" required maxlength="180"></label>
46        <label>Descripción<input name="descripcion" maxlength="500"></label>
47        <label class="bca-file-picker">Imagen de la sección <small>Se comprime automáticamente</small><input type="file" name="cover" accept="image/png,image/jpeg,image/webp"><span>Elegir imagen</span><small data-selected-cover>Conservar imagen actual</small></label>
48        <label>Orden<input name="orden" type="number" min="0" max="999" step="1"></label>
49        <button class="bca-primary" type="submit" data-save-section>Guardar tarjeta</button>
50        <p class="bca-form__message" data-section-message role="status"></p>
51      </form>
52      <section class="bca-folder-manager">
53        <div class="bca-folder-manager__intro"><strong>Carpetas y subdivisiones</strong><span>Crea bloques dentro de cualquier sección, por ejemplo “Editables” y “PDFs”. Puedes renombrarlos, ordenarlos o eliminarlos sin borrar archivos.</span></div>
54        <form class="bca-folder-form" data-folder-form>
55          <input type="hidden" name="id">
56          <label>Sección<select name="section_id" data-folder-section required></select></label>
57          <label>Nombre de carpeta<input name="nombre" required maxlength="180" placeholder="Ej. Editables"></label>
58          <label>Descripción <small>Opcional</small><input name="descripcion" maxlength="500" placeholder="Archivos que el comercial puede adaptar"></label>
59          <label>Orden<input name="orden" type="number" min="0" max="999" step="1" value="0"></label>
60          <div class="bca-folder-form__actions"><button class="bca-primary" type="submit" data-save-folder>Crear carpeta</button><button class="bca-secondary" type="button" data-cancel-folder hidden>Cancelar</button></div>
61          <p class="bca-form__message" data-folder-message role="status"></p>
62        </form>
63        <div class="bca-folder-list" data-folder-list></div>
64      </section>
65      <form class="bca-material-upload" data-material-form>
66        <div class="bca-material-upload__intro"><strong>Publicar archivos</strong><span>Elige la tarjeta donde deben aparecer. Ya no necesitas seleccionar país, canal ni división.</span></div>
67        <label>Tarjeta del Brand Center<select name="section_id" data-material-destination required></select></label>
68        <label>Carpeta <small>Opcional</small><select name="folder_id" data-material-folder><option value="">Sin carpeta</option></select></label>
69        <label>Solución <small>Opcional</small><input name="solucion" placeholder="Ej. DISCPRO"></label>
70        <label>Descripción <small>Opcional</small><input name="descripcion" placeholder="Texto breve para el comercial"></label>
71        <label>Etiqueta interna <small>Opcional</small><input name="subcategoria" placeholder="Ej. Migrado de Drive"></label>
72        <label class="bca-file-picker">Archivos<input type="file" name="archivos" multiple required><span>Elegir archivos</span><small data-selected-files>Ningún archivo seleccionado</small></label>
73        <label class="bca-file-picker">

73Imagen del archivo <small>Opcional · sólo al subir uno</small><input type="file" name="image" accept="image/png,image/jpeg,image/webp"><span>Elegir imagen</span><small data-selected-material-image>Sin imagen ilustrativa</small></label>
74        <button class="bca-primary" type="submit" data-upload-material>Publicar</button>
75      </form>
76      <input type="file" data-replace-material hidden>
77      <div class="bca-message" data-material-message role="status"></div>
78      <div class="bca-loading" data-material-loading><span class="bc-loader"></span><p>Cargando biblioteca…</p></div>
79      <div class="bca-table-wrap" data-materials-table hidden><table><thead><tr><th>Archivo</th><th>Sección</th><th>Imagen</th><th>Tamaño</th><th>Estado</th><th><span class="sr-only">Acciones</span></th></tr></thead><tbody data-materials-body></tbody></table></div>
80      <div class="bc-empty" data-materials-empty hidden><strong>Aún no hay archivos permanentes.</strong><span>Publica el primer material con el formulario superior.</span></div>
81    </section>
82    
83    </div>
84  </main>
85
86  
87  
88  <dialog class="bca-dialog bca-material-dialog" data-material-dialog>
89    <form method="dialog" class="bca-dialog__close"><button value="cancel" aria-label="Cerrar">×</button></form>
90    <form class="bca-form" data-material-edit-form>
91      <input type="hidden" name="id">
92      <div class="bca-form__head"><p class="bc-eyebrow">Tarjeta del archivo</p><h2>Editar ficha e imagen</h2><p>Esta información ilustra el archivo en el portal; no modifica el documento original.</p></div>
93      <div class="bca-fields bca-fields--two">
94        <label>Nombre visible<input name="nombre" required maxlength="300"></label>
95        <label>Sección<select name="section_id" required data-material-edit-section></select></label>
96        <label>Carpeta <small>Opcional</small><select name="folder_id" data-material-edit-folder><option value="">Sin carpeta</option></select></label>
97        <label>Solución <small>Opcional</small><input name="solucion" maxlength="180"></label>
98        <label>Descripción <small>Opcional</small><input name="descripcion" maxlength="500"></label>
99      </div>
100      <label class="bca-file-picker bca-file-picker--dialog">Imagen ilustrativa <small>Se recorta a 1200 × 675 y se comprime</small><input type="file" name="image" accept="image/png,image/jpeg,image/webp"><span>Elegir o sustituir imagen</span><small data-edit-material-image>Conservar imagen actual</small></label>
101      <label class="bca-remove-image" data-remove-image-wrap hidden><input type="checkbox" name="remove_image"> Quitar imagen actual</label>
102      <p class="bca-form__message" data-material-edit-message role="status"></p>
103      <div class="bca-form__actions"><button type="button" class="bca-secondary" data-cancel-material-edit>Cancelar</button><button type="submit" class="bca-primary" data-save-material-edit>Guardar ficha</button></div>
104    </form>
105  </dialog>
106
107  
108  

108<script src="https://cdn.jsdelivr.net/npm/@supabase/[email protected]/dist/umd/supabase.min.js" crossorigin="anonymous"></script>

108
109  

109<script defer src="/assets/brand-center-admin.js?v=20260923-admin-navigation-1"></script>

109
110</body>
111</html>