Commit ce510095 authored by CarlosGC1989's avatar CarlosGC1989
Browse files

Añade a oagdev fichero de configuración y modifica html

parent 5d8a8e38

oagdev/config.json

0 → 100644
+80 −0
Original line number Diff line number Diff line 
var configBox = {

	"domain": "redmic.net",

	"pathResources": "resources/",

	"items": [{

		"subDomain": "appdev",

		"img": "redmic.png",

		"title": "REDMIC",

		"description": "Versión de desarrollo de REDMIC (Repositorio de Datos Marinos Integrados de Canarias)"

	},{

		"subDomain": "git",

		"img": "gitlab.png",

		"title": "GitLab",

		"description": "Gestor de repositorios de desarrollo"

	},{

		"subDomain": "pgadmin",

		"img": "pgadmin.png",

		"title": "pgAdmin",

		"description": "Administrador para bases de datos de PostgreSQL"

	},{

		"subDomain": "portainer",

		"img": "portainer.png",

		"title": "Portainer",

		"description": "Gestor de dockers"

	},{

		"subDomain": "webmail",

		"img": "rainloop.png",

		"title": "Email",

		"description": "Correo"

	},{

		"subDomain": "postfixadmin",

		"img": "postfixadmin.png",

		"title": "Postfix Admin",

		"description": "Gestor de cuentas de correo"

	},{

		"subDomain": "spam",

		"img": "rspamd.png",

		"title": "RSpamd",

		"description": "Gestor de spam"

	},{

		"subDomain": "minio",

		"img": "minio.svg",

		"title": "Minio",

		"description": "Alamacenamieto de cache"

	},{

		"subDomain": "artifactory",

		"img": "artifactory.png",

		"title": "Artifactory",

		"description": "Repositorio de artefactos universal"

	},{

		"subDomain": "kafkatopicsui",

		"img": "kafka.png",

		"title": "Kafka Topics UI",

		"description": "Topics (temas/canales de comunicación) presentes en los brokers de Kafka"

	},{

		"subDomain": "schemaregistryui",

		"img": "avro.png",

		"title": "Schema Registry UI",

		"description": "Repositorio de esquemas con soporte Avro"

	},{

		"subDomain": "kafkaconnectui",

		"img": "kafka-connect.png",

		"title": "Kafka Connect UI",

		"description": "Conectores registrados para topics de Kafka"

	},{

		"subDomain": "kafkamanager",

		"img": "kafka-manager.png",

		"title": "Kafka Manager",

		"description": "Gestión avanzada de topics de Kafka"

	},{

		"subDomain": "prometheus",

		"img": "prometheus.svg",

		"title": "Prometheus",

		"description": "Recolección de métricas"

	},{

		"subDomain": "grafana",

		"img": "grafana.png",

		"title": "Grafana",

		"description": "Representación gráfica de métricas"

	}]

}
 
 No newline at end of file

oagdev/index.html

+71 −138
Original line number Diff line number Diff line
@@ -5,147 +5,80 @@ 
			OAGdev

		</title>

		<link rel="stylesheet" href="resources/index.css" type="text/css">

		<script type="text/javascript" language="javascript" src="config.json"></script>

		<script type="text/javascript">



			function createItemTitle(item) {



				var node = document.createElement("div"),

					img = document.createElement("img");



				node.setAttribute('class', 'box-title');



				img.setAttribute('src', configBox.pathResources + item.img);

				node.appendChild(img);



				return node;

			}



			function createItemContent(item) {



				var node = document.createElement("div"),

					h2 = document.createElement("h2"),

					h2Content = document.createTextNode(item.title || '');

					p = document.createElement("p"),

					pContent = document.createTextNode(item.description || '');



				node.setAttribute('class', 'box-content');



				h2.appendChild(h2Content);

				node.appendChild(h2);



				p.appendChild(pContent);

				node.appendChild(p);



				return node;

			}



			function hrefItem(item) {



				if (item.subDomain) {

					return 'https://' + item.subDomain + '.' + configBox.domain;

				}



				return item.href;

			}



			function createItemBox(item) {



				var boxNode = document.createElement("a"),

					titleNode = createItemTitle(item),

					contentNode = createItemContent(item);



				boxNode.setAttribute('class', 'box');

				boxNode.setAttribute('href', hrefItem(item));



				boxNode.appendChild(titleNode);

				boxNode.appendChild(contentNode);



				return boxNode;

			}



			function createContent(item) {



				var items = configBox.items,

					boxContainerNode = document.getElementById("boxContainer");



				for (var i = 0; i < items.length; i++) {

					boxContainerNode.appendChild(createItemBox(items[i]));

				}

			}

		</script>

	</head>

	<body>

	<body onload="createContent()">

		<div class="page-title">

			<h1>Bienvenido a OAGdev</h1>

		</div>

		<div class="box-container">

			<div class="box">

				<div class="box-title">

					<a href="https://appdev.redmic.net"><img src="resources/redmic.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://appdev.redmic.net">REDMIC</a></h2>

					<p>Versión de desarrollo de REDMIC (Repositorio de Datos Marinos Integrados de Canarias)</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://git.redmic.net"><img src="resources/gitlab.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://git.redmic.net">GitLab</a></h2>

					<p>Gestor de repositorios de desarrollo</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://pgadmin.redmic.net"><img src="resources/pgadmin.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://pgadmin.redmic.net">pgAdmin</a></h2>

					<p>Administrador para bases de datos de PostgreSQL</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://portainer.redmic.net"><img src="resources/portainer.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://portainer.redmic.net">Portainer</a></h2>

					<p>Gestor de dockers</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://webmail.redmic.net"><img src="resources/rainloop.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://webmail.redmic.net">Email</a></h2>

					<p>Correo</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://postfixadmin.redmic.net"><img src="resources/postfixadmin.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://postfixadmin.redmic.net">Postfix Admin</a></h2>

					<p>Gestor de cuentas de correo</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://spam.redmic.net"><img src="resources/rspamd.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://spam.redmic.net">RSpamd</a></h2>

					<p>Gestor de spam</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://minio.redmic.net"><img src="resources/minio.svg"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://minio.redmic.net">Minio</a></h2>

					<p>Alamacenamieto de cache</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://artifactory.redmic.net"><img src="resources/artifactory.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://artifactory.redmic.net">Artifactory</a></h2>

					<p>Repositorio de artefactos universal</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://kafkatopicsui.redmic.net"><img src="resources/kafka.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://kafkatopicsui.redmic.net">Kafka Topics UI</a></h2>

					<p>Topics (temas/canales de comunicación) presentes en los brokers de Kafka</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://schemaregistryui.redmic.net"><img src="resources/avro.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://schemaregistryui.redmic.net">Schema Registry UI</a></h2>

					<p>Repositorio de esquemas con soporte Avro</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://kafkaconnectui.redmic.net"><img src="resources/kafka-connect.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://kafkaconnectui.redmic.net">Kafka Connect UI</a></h2>

					<p>Conectores registrados para topics de Kafka</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://kafkamanager.redmic.net"><img src="resources/kafka-manager.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://kafkamanager.redmic.net">Kafka Manager</a></h2>

					<p>Gestión avanzada de topics de Kafka</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://prometheus.redmic.net"><img src="resources/prometheus.svg"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://prometheus.redmic.net">Prometheus</a></h2>

					<p>Recolección de métricas</p>

				</div>

			</div>

			<div class="box">

				<div class="box-title">

					<a href="https://grafana.redmic.net"><img src="resources/grafana.png"></a>

				</div>

				<div class="box-content">

					<h2><a href="https://grafana.redmic.net">Grafana</a></h2>

					<p>Representación gráfica de métricas</p>

				</div>

			</div>

		</div>

		<div class="box-container" id="boxContainer"></div>

	</body>

</html>

oagdev/resources/index.css

+5 −0
Original line number Diff line number Diff line
@@ -3,6 +3,11 @@ body { 
	margin: 0;

}



a {

	text-decoration: none;

	color: inherit;

}



.page-title {

	text-align: center;

	margin: 20px 0;