Skip to content

Commit

Permalink
Merge pull request #144 from kalili99/main
Browse files Browse the repository at this point in the history 
Fiexed bugs and added benchmaks
  • Loading branch information
@dgarijo
dgarijo authored Jan 7, 2025
2 parents 8d46567 + fc6b439 commit 8276c35
Show file tree
Hide file tree
Showing 31 changed files with 837 additions and 126 deletions.
40 changes: 40 additions & 0 deletions html_client/FAIR_validator.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -232,6 +232,7 @@ input::placeholder {
border: 1px solid #000000;
border-radius: 10px;
padding: 10px;
background-color: white;
}

.input-2 {
Expand All @@ -240,6 +241,7 @@ input::placeholder {
border: 1px solid #000000;
border-radius: 10px;
padding: 10px;
resize: none;
}

/* BOTONES */
Expand Down Expand Up @@ -366,4 +368,42 @@ footer{
[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
display: none;
}

/*PRUEBAS*/
#expand {
float: right;
justify-content: space-around; /* Espaciado igual alrededor */

}

.row420 {
display: flex; /* Utiliza Flexbox */
justify-content: space-around; /* Espaciado igual alrededor */
align-items: center; /* Centra los elementos verticalmente */
margin: 20px 0; /* Margen opcional para la fila */
}

p#suggest {
margin: 0px auto;
margin-bottom: 15px;
color: blue;
font-size: 25px;
cursor: pointer;
transition: 0.9s;
width: 5%;
}

.tituloSuggest {
font-weight: bold;
}


.datosSuggest {
width: 250px;
}


.arr3{
margin-right: 2rem !important;
}
55 changes: 47 additions & 8 deletions html_client/FAIR_validator.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,7 @@
$('#loader').hide();
$('#run_button').show();
run(data)
console.log("ontology received correctly");
}
}).fail(function (jqXHR, textStatus, error) {
$('#loader').hide();
Expand Down Expand Up @@ -174,23 +175,45 @@

<!-- Ontology input -->
<div class="row mt-3">
<div class="caja caja-input">
<div class="caja caja-input" id="divInfo">
<div class="col-12">

<!-- Encabezados seleccionable -->
<div class="row selectores">
<!-- URI -->
<div class="col-4 selector selector-izq center active" onclick="openInput(event, 'URI')">
<div class="col-4 selector selector-izq center active" onclick="openInput(event, 'URI')" id = "cajaUri">
<span class="texto3"> URI </span>
</div>
<!-- Codigo-->
<div class="col-4 selector center" onclick="openInput(event, 'Code')">
<div class="col-4 selector center" onclick="openInput(event, 'Code')" id = "cajaCode">
<span class="texto3"> Code </span>
</div>
<!-- Archivo-->
<div class="col-4 selector selector-der center" onclick="openInput(event, 'File')">
<div class="col-4 selector selector-der center" onclick="openInput(event, 'File')" id = "cajaFile">
<span class="texto3"> File </span>
</div>


<script type="text/javascript">
//Creo un evento para cada opcion, actualizando la altura del div general para que sea mas estetico
//En el caso del evento del code es para actualizar la altura si hay cambios o no
document.getElementById("cajaUri").addEventListener("click", cambio);
document.getElementById("cajaFile").addEventListener("click", cambio);
document.getElementById("cajaCode").addEventListener("click", actualizar);

function cambio () {
let infoDiv = document.getElementById("divInfo");
infoDiv.style.height = "";
}

function actualizar () {
let infoDiv = document.getElementById("divInfo");
let textArea = document.getElementById("Code_input")
if (textArea.value != "") {
infoDiv.style.height = "600px";
}
}
</script>
</div>

<!-- Input de URI-->
Expand All @@ -210,6 +233,22 @@
<div id="Code" class="row selector-content mt-3" style="display: none">
<div class="col-12 center">
<textarea id="Code_input" class="input-2" placeholder="Paste here your ontology code. Please note that if you enter the ontology URI instead of the code there are more checks that we can do for you. For example, to test whether Content Negotiation is used for serving the ontology."></textarea>
<script type="text/javascript">
//Creo un evento para cuando haya un cambio se haga mas grande el elemento
document.getElementById("Code_input").addEventListener("input", () => {
let infoDiv = document.getElementById("divInfo");
infoDiv.style.height = "600px";

let textArea = document.getElementById("Code_input");
textArea.style.height = "500px";

//Si no hay nada dentro actualizo los parametros
if (textArea.value == "") {
textArea.style.height = "";
infoDiv.style.height = "";
}
})
</script>
</div>
</div>

Expand Down Expand Up @@ -315,7 +354,7 @@ <h4>Radar chart score</h4>
</span>
</div>
<div class="col-2 d-flex align-items-center justify-content-end">
<img src="assets/up-arrow.svg" onclick="arrowClicked(event, 'Findable-checks')">
<img src="assets/down-arrow.svg" onclick="arrowClicked(event, 'Findable-checks')">
</div>
</div>
<div id="Findable-checks" class="col-12 p-0 caja-principles">
Expand All @@ -332,7 +371,7 @@ <h4>Radar chart score</h4>
</span>
</div>
<div class="col-2 d-flex align-items-center justify-content-end">
<img src="assets/up-arrow.svg" onclick="arrowClicked(event, 'Accessible-checks')">
<img src="assets/down-arrow.svg" onclick="arrowClicked(event, 'Accessible-checks')">
</div>
</div>
<div id="Accessible-checks" class="col-12 p-0 caja-principles">
Expand All @@ -349,7 +388,7 @@ <h4>Radar chart score</h4>
</span>
</div>
<div class="col-2 d-flex align-items-center justify-content-end">
<img src="assets/up-arrow.svg" onclick="arrowClicked(event, 'Interoperable-checks')">
<img src="assets/down-arrow.svg" onclick="arrowClicked(event, 'Interoperable-checks')">
</div>
</div>
<div id="Interoperable-checks" class="col-12 p-0 caja-principles">
Expand All @@ -366,7 +405,7 @@ <h4>Radar chart score</h4>
</span>
</div>
<div class="col-2 d-flex align-items-center justify-content-end">
<img src="assets/up-arrow.svg" onclick="arrowClicked(event, 'Reusable-checks')">
<img src="assets/down-arrow.svg" onclick="arrowClicked(event, 'Reusable-checks')">
</div>
</div>
<div id="Reusable-checks" class="col-12 p-0 caja-principles">
Expand Down
Loading

0 comments on commit 8276c35

Please sign in to comment.