Merge pull request #23 from inab/loader_change_front

Styling maters. Loader aim.
inab · Feb 27, 2025 · f52e998 · f52e998
2 parents dcb47b4 + bddc8e5
commit f52e998
Show file tree

Hide file tree

Showing 8 changed files with 1,933 additions and 6,260 deletions.
diff --git a/build/build.js b/build/build.js
diff --git a/build/build.js.LICENSE.txt b/build/build.js.LICENSE.txt
@@ -1,60 +1,137 @@
-/*!
- * Sizzle CSS Selector Engine v2.3.6
- * https://sizzlejs.com/
- *
- * Copyright JS Foundation and other contributors
- * Released under the MIT license
- * https://js.foundation/
- *
- * Date: 2021-02-16
- */
-
-/*!
- * jQuery JavaScript Library v3.6.0
- * https://jquery.com/
- *
- * Includes Sizzle.js
- * https://sizzlejs.com/
- *
- * Copyright OpenJS Foundation and other contributors
- * Released under the MIT license
- * https://jquery.org/license
- *
- * Date: 2021-03-02T17:08Z
- */
-
-/*!
- * jQuery UI Keycode 1.13.2
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- */
-
-/*!
- * jQuery UI Tabs 1.13.2
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- */
-
-/*!
- * jQuery UI Unique ID 1.13.2
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- */
-
-/*!
- * jQuery UI Widget 1.13.2
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- */
+/*! exports provided: constructDefaultOptions, createApolloFetch */
+
+/*! exports provided: default */
+
+/*! exports provided: loaderImage */
+
+/*! exports provided: run_summary_table */
+
+/*! no static exports found */
+
+/*!****************!*\
+  !*** ./app.js ***!
+  \****************/
+
+/*!*****************!*\
+  !*** ./app.css ***!
+  \*****************/
+
+/*!************************!*\
+  !*** ./loaderImage.js ***!
+  \************************/
+
+/*!********************************************!*\
+  !*** ../node_modules/jquery-ui/ui/core.js ***!
+  \********************************************/
+
+/*!*********************************************!*\
+  !*** ../node_modules/jquery/dist/jquery.js ***!
+  \*********************************************/
+
+/*!**********************************************!*\
+  !*** ../node_modules/jquery-ui/ui/widget.js ***!
+  \**********************************************/
+
+/*!***********************************************!*\
+  !*** ../node_modules/jquery-ui/ui/keycode.js ***!
+  \***********************************************/
+
+/*!***********************************************!*\
+  !*** ../node_modules/jquery-ui/ui/version.js ***!
+  \***********************************************/
+
+/*!************************************************!*\
+  !*** ../node_modules/style-loader/lib/urls.js ***!
+  \************************************************/
+
+/*!************************************************!*\
+  !*** ../node_modules/url-join/lib/url-join.js ***!
+  \************************************************/
+
+/*!*************************************************!*\
+  !*** ../node_modules/jquery-ui/ui/unique-id.js ***!
+  \*************************************************/
+
+/*!**************************************************!*\
+  !*** ../node_modules/apollo-fetch/dist/index.js ***!
+  \**************************************************/
+
+/*!**************************************************!*\
+  !*** ../node_modules/css-loader/lib/css-base.js ***!
+  \**************************************************/
+
+/*!****************************************************!*\
+  !*** ../node_modules/css-loader/lib/url/escape.js ***!
+  \****************************************************/
+
+/*!****************************************************!*\
+  !*** ../node_modules/jquery-ui/ui/widgets/tabs.js ***!
+  \****************************************************/
+
+/*!*****************************************************!*\
+  !*** ../node_modules/style-loader/lib/addStyles.js ***!
+  \*****************************************************/
+
+/*!******************************************************!*\
+  !*** ../node_modules/css-loader??ref--4-1!./app.css ***!
+  \******************************************************/
+
+/*!******************************************************!*\
+  !*** ../node_modules/jquery-ui/themes/base/core.css ***!
+  \******************************************************/
+
+/*!******************************************************!*\
+  !*** ../node_modules/jquery-ui/themes/base/tabs.css ***!
+  \******************************************************/
+
+/*!*******************************************************!*\
+  !*** ../node_modules/jquery-ui/themes/base/theme.css ***!
+  \*******************************************************/
+
+/*!*********************************************************!*\
+  !*** ../node_modules/apollo-fetch/dist/apollo-fetch.js ***!
+  \*********************************************************/
+
+/*!***********************************************************!*\
+  !*** ../node_modules/jquery-ui/ui/safe-active-element.js ***!
+  \***********************************************************/
+
+/*!************************************************************!*\
+  !*** ../node_modules/cross-fetch/dist/browser-polyfill.js ***!
+  \************************************************************/
+
+/*!********************************************************************************!*\
+  !*** ../node_modules/jquery-ui/themes/base/images/ui-icons_444444_256x240.png ***!
+  \********************************************************************************/
+
+/*!********************************************************************************!*\
+  !*** ../node_modules/jquery-ui/themes/base/images/ui-icons_555555_256x240.png ***!
+  \********************************************************************************/
+
+/*!********************************************************************************!*\
+  !*** ../node_modules/jquery-ui/themes/base/images/ui-icons_777620_256x240.png ***!
+  \********************************************************************************/
+
+/*!********************************************************************************!*\
+  !*** ../node_modules/jquery-ui/themes/base/images/ui-icons_777777_256x240.png ***!
+  \********************************************************************************/
+
+/*!********************************************************************************!*\
+  !*** ../node_modules/jquery-ui/themes/base/images/ui-icons_cc0000_256x240.png ***!
+  \********************************************************************************/
+
+/*!********************************************************************************!*\
+  !*** ../node_modules/jquery-ui/themes/base/images/ui-icons_ffffff_256x240.png ***!
+  \********************************************************************************/
+
+/*!*******************************************************************************************!*\
+  !*** ../node_modules/css-loader??ref--4-1!../node_modules/jquery-ui/themes/base/core.css ***!
+  \*******************************************************************************************/
+
+/*!*******************************************************************************************!*\
+  !*** ../node_modules/css-loader??ref--4-1!../node_modules/jquery-ui/themes/base/tabs.css ***!
+  \*******************************************************************************************/
+
+/*!********************************************************************************************!*\
+  !*** ../node_modules/css-loader??ref--4-1!../node_modules/jquery-ui/themes/base/theme.css ***!
+  \********************************************************************************************/
diff --git a/index.html b/index.html
@@ -1,22 +1,57 @@
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
-		<link rel="stylesheet" href="style.css" />
-		<title>Document</title>
-	</head>
-	<body>
-		<div class="oeb-table" data-benchmarkingevent="OEBE0020000000" data-api-url="{{ API_URL }}"></div>
-		<div class="oeb-table" data-benchmarkingevent="OEBE0020000001" data-api-url="https://openebench.bsc.es/api/scientific/graphql"></div>
-		<div class="oeb-table" data-benchmarkingevent="OEBE0020000002" data-api-url="https://dev-openebench.bsc.es/api/scientific/graphql"></div>
-	</body>
-	<script src="./build/build.js"></script>
-	<script>
-		run_summary_table();
-		setTimeout(() => {
-			run_summary_table(['OEBX0020000001', 'OEBX0020000002', 'OEBX0020000007', 'OEBX0020000004', 'OEBX0020000009'], 'OEBE0020000000');
-		}, 5000);
-	</script>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <link rel="stylesheet" href="style.css" />
+    <title>OEB Event table results</title>
+  </head>
+  <body>
+    <div class="container">
+      <h1 class="title">
+        OpenEBench Scientific Benchmarking results classification table
+      </h1>
+      <hr />
+      <br />
+	  <h3>Example of data implementation structure:</h3>
+      <div
+        class="oeb-table"
+        data-benchmarkingevent="OEBE0020000000"
+        data-api-url="{{ API_URL }}"
+      ></div>
+      <hr />
+      <br />
+	  <h3>Data from OpenEBench production database:</h3>
+      <div
+        class="oeb-table"
+        data-benchmarkingevent="OEBE0100000003"
+        data-api-url="https://openebench.bsc.es/api/scientific/graphql"
+      ></div>
+      <hr />
+      <br />
+	  <h3>Data from OpenEBench development database:</h3>
+      <div
+        class="oeb-table"
+        data-benchmarkingevent="OEBE0020000001"
+        data-api-url="https://dev-openebench.bsc.es/api/scientific/graphql"
+      ></div>
+    </div>
+  </body>
+  <script src="./build/build.js"></script>
+  <script>
+    run_summary_table();
+    setTimeout(() => {
+      run_summary_table(
+        [
+          "OEBX0020000001",
+          "OEBX0020000002",
+          "OEBX0020000007",
+          "OEBX0020000004",
+          "OEBX0020000009",
+        ],
+        "OEBE0020000000"
+      );
+    }, 5000);
+  </script>
 </html>