Lista de grupos

Flerex

Simple código necesario para que funcionen algunos de los códigos del blog.

Este código es una base necesaria para hacer funcionar muchos de los otros códigos que hay en el blog. Gracias a este código tendrás en todo momento una lista de grupos disponibles en tu foro para poder crear otros códigos a partir de esto.

No te preocupes si no entiendes la utilidad de este código. Por lo general no vas a querer instalarlo en tu foro de por sí, sino que cuando vayas a instalar otro de los códigos del blog es posible que se te redirija aquí para instalar primero este código.

Requisitos

  • Conocimientos sobre cómo añadir grupos a un foro.
  • Conocimientos sobre cómo añadir códigos JS desde el PA.

Instalación

Añade este código a tu foro desde la gestión de JS, marcándolo visible para todas las páginas.

!function() {
	const groups = [
		{
			name: 'Moderadores',
			code: 'mod',
			color: '#3262BA',
		},
		{
			name: 'Administradores',
			code: 'admin',
			color: '#5AB07C',
		},
	];

	function getByColor(color) {
		return groups.find(g => g.color.toUpperCase() === color.toUpperCase());
	}

	function getByCode(code) {
		return groups.find(g => g.code === code);
	}

	function getByName(name) {
		return groups.find(g => g.name === name);
	}

	window.FLX = window.FLX || {};
	window.FLX.forumGroups = window.FLX.forumGroups || {
		getByName, getByCode, getByColor
	};
}();

Si te fijas, al principio del código existe una lista con dos grupos de ejemplo:

const groups = [
	{
		name: 'Moderadores',
		code: 'mod',
		color: '#3262BA',
	},
	{
		name: 'Administradores',
		code: 'admin',
		color: '#5AB07C',
	},
];

Entre cada llave hay un grupo definido. Por ejemplo, entre las primeras dos llaves se define el grupo «Administradores». Hay tres apartados a rellenar name, code y color. Es muy sencillo. En cada apartado debemos poner entre las comillas la siguiente información:

  • name: El nombre con el que has añadido al grupo en la sección de grupos del PA. Respeta las mayúsculas, tildes, espacios, eñes y demáses.
  • color: El color del grupo que has puesto en el PA, con el # incluido.
  • code: Una cadena de texto breve que identifique únicamente a cada grupo. Sin espacios, eñes, mayúsculas, tildes etc. Mi recomendación es simplemente usar guiones si quieres separar palabras. Por ejemplo, si tienes un grupo llamado «Ciudadanos de Andalucía» podrías crear un código tal que así: ciudadanos-andalucia o ciud-and. Nunca ciudadanos andalucía (fíjate en la tilde).

Ejemplo

Vamos a suponer que tenemos el típico foro de Harry Potter con los grupos Gryffindor, Hufflepuff, Slytherin y Ravenclaw. Nuestros grupos en el código anterior se vería así:

const groups = [
	{
		name: 'Gryffindor',
		code: 'gryffindor',
		color: '#FF0000',
	},
	{
		name: 'Hufflepuff',
		code: 'hufflepuff',
		color: '#FFFF00',
	},
	{
		name: 'Ravenclaw',
		code: 'ravenclaw',
		color: '#0000FF',
	},
	{
		name: 'Slytherin',
		code: 'Slytherin',
		color: '#00FF00',
	},
];

por Flerex

Estudiante de Ingienería del Software con experiencia en el desarrollo web y la plataforma Foroactivo desde hace más de 8 años. Me encanta todo lo relacionado con el diseño de UI/UX.