Skip to main content

Modificar miembros y colaboradores

Para modificar cualquier miembro o colaborador de la página web, debemos seguir los siguientes pasos:

  1. Acceder a la carpeta static/json y entrar en el archivo miembros.json. Tanto los miembros y los colaboradores se encuentran en este archivo.
  2. Dentro, encontraremos distintos objetos que representan a los miembros y colaboradores de la página web:
[
    {
        "id": "pepito-perez",
        "nombre_completo": "Pepito Pérez",
        "email": "pepito.perez@ual.es",
        "funcion": "Ayudante",
        "funcion_en": "Assistant",
        "foto": "default_member.png",
        "texto_html": "<p><strong>Pepito </strong>is lorem ipsum.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet justo massa. Nunc tristique scelerisque ante, in interdum eros consectetur ac. Integer sit amet fringilla dolor, vitae consequat tortor. Integer egestas malesuada mi, mattis suscipit nunc gravida eu. Maecenas iaculis luctus ultrices. Vestibulum interdum arcu sed dictum tempus. Vestibulum convallis lectus ac purus consequat vulputate. Pellentesque diam sem, lobortis hendrerit malesuada non, eleifend vitae libero. Sed dictum nunc vitae tincidunt eleifend.</p>",
        "texto_html_en": "<p>Pepito's description</p>",
        "web_personal": "https://www.google.com",
        "tipo_miembro": "colaborador",
        "tipo_miembro_en": "collaborator",
        "orden": "90"
    },
    ...
]
  1. Para modificar un miembro, debemos cambiar los valores de id, nombre_completo, email, funcion, foto, texto_html, web_personal, url, tipo_miembro y orden, y si se quiere añadir una versión en inglés, se pueden añadir los campos funcion_en, texto_html_en, tipo_miembro_en con los valores correspondientes. Los campos son los siguientes:
  • id: Identificador único del miembro o colaborador. Debe ser único y no debe contener espacios ni caracteres especiales. Se recomienda que sea el nombre completo del miembro o colaborador en minúsculas y separado por guiones. No se puede dejar vacío.
  • nombre_completo: Nombre completo del miembro o colaborador.
  • email: Correo electrónico del miembro o colaborador. Si no quiere poner nada, puede dejarlo como null (sin comillas) u omitir el campo.
  • funcion: Función del miembro en el grupo, donde explica de que se encarga, por ejemplo, si es un miembro puede ser un doctor de la UAL y escribir "Doctor (UAL)" o si es un colaborador puede escribir "Investigador externo". Si no quiere poner nada, puede dejarlo como null (sin comillas) u omitir el campo.
  • foto: Nombre de la imagen del miembro. Se encuentran en la carpeta src/static/img/miembros y se pueden añadir nuevas imágenes simplemente añadiendo el archivo a la carpeta y en este apartado escribiendo el nombre de la foto con su respectiva extensión.
  • texto_html: Descripción del miembro. Se recomienda utilizar HTML para darle formato al texto, aunque si se quiere un texto plano también se puede. Solo se permite el texto en una única línea. Si no quiere poner nada, puede dejarlo como null (sin comillas) u omitir el campo.
info

En la web Online HTML Editor puedes editar el texto para convertirlo y copiarlo en el campo texto_html.

Para ello escribiremos el texto en el editor y pulsaremos al botón azul de arriba a la izquierda "Edit HTML source code" y lo copiaremos. Si se ha generado algún style, href o algo que tenga en el texto comillas dobles ("), habrá que usar comillas simples ('), eliminarlo o saltar los caracteres especiales que se hayan generado, que para ello, escribe las comillas dobles de la siguiente forma (\") para compilar las comillas de forma correcta, un ejemplo de una generación que no funcionaria que tiene las comillas es <a href="http://enlace.com" style="height: 100px">DBLP</a>, que si lo escribimos con el salto de carácter especial sería <a href=\"http://enlace.com\" style=\"height: 100px\">DBLP</a> y de esta forma todo debería funcionar correctamente. Online HTML Editor Se recomienda si corta y pega texto en el programa, se utiliza el atajo de teclado Ctrl+Shift+V para pegar sin formato y evitar problemas con el formato del texto.

danger

Si se ha generado más de una línea de texto, utilice Text Fixer para convertirlo a un solo párrafo pulsando en "Convert to Single Line" y copiando el texto con "Copy to Clipboard". No se preocupe porque como está formateado por HTML, no se quedará todo el texto en una línea al compilarse en la página. Esto únicamente importante para que no haya problemas en el JSON. alt text

  • web_personal: Enlace a la página personal del miembro. Puede dejarlo como null (sin comillas) u omitir el campo.
  • tipo_miembro: Tipo de miembro o colaborador que es. Para miembros hay diferentes tipos, puede ser doctor, doctorando, estudiante o externo. Para colaboradores solo puede ser colaborador. Se irán automáticamente a la sección correspondiente en la página web después de elegir el tipo.
  • orden: Orden en el que se mostrará el miembro en la página web. Debe ser un entero positivo y cuanto mayor sea el número, estará más abajo en la página web. Si se deja vacío, se pondrá al final de la lista.
  • funcion_en: Función del miembro en inglés. Si no quiere poner nada, puede dejarlo como null (sin comillas) u omitir el campo.
  • texto_html_en: Descripción del miembro en inglés. Si no quiere poner nada, puede dejarlo como null (sin comillas) u omitir el campo.
  • tipo_miembro_en: Tipo de miembro o colaborador en inglés. Aquí no tiene ninguna función en especial como en el campo tipo_miembro, solo para traducciones. Si no quiere poner nada, puede dejarlo como null (sin comillas) u omitir el campo.
  1. Para añadir un miembro, debemos añadir un nuevo objeto al final del archivo con los campos id, nombre_completo, email, funcion, foto, texto_html, web_personal, url, tipo_miembro y orden, y si se quiere añadir una versión en inglés, se pueden añadir los campos funcion_en, texto_html_en y tipo_miembro_en, de forma similar a los objetos ya existentes:
[
    ...
    {
        "id": "nuevo-miembro",
        "nombre_completo": "Nuevo miembro",
        "email": "new@example.es",
        "funcion": "Nuevo miembro",
        "foto": "default_member.png",
        "texto_html": "<p>Texto de ejemplo del nuevo miembro.</p>",
        "web_personal": "",
        "tipo_miembro": "estudiante",
        "orden": "91",
        "funcion_en": "New member",
        "texto_html_en": "<p>Example text of the new member.</p>",
        "tipo_miembro_en": "student"
    }
]
  1. Así deberían quedar el miembro y el colaborador añadidos: Nuevo miembro Colaborador ejemplo

Plantilla JSON​

{
    "id": null,
    "nombre_completo": null,
    "email": null,
    "funcion": null,
    "foto": null,
    "texto_html": null,
    "web_personal": null,
    "tipo_miembro": null,
    "orden": null,
    "funcion_en": null,
    "texto_html_en": null,
    "tipo_miembro_en": null
}