Skip to content

Commit

Permalink
Bootstrap Integrated. (relacionado con #2)
Browse files Browse the repository at this point in the history
  • Loading branch information
OMGM051 committed Dec 2, 2024
1 parent d2abee4 commit d3cedd8
Show file tree
Hide file tree
Showing 3 changed files with 39 additions and 7 deletions.
29 changes: 29 additions & 0 deletions FRONTEND/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions FRONTEND/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
"webpack-dev-server": "^5.1.0"
},
"dependencies": {
"bootstrap": "^5.3.3",
"jquery-ui": "1.12.1",
"vis-network": "9.1.2"
},
Expand Down
16 changes: 9 additions & 7 deletions FRONTEND/src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>InSoLiTo graph</title>
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<div id="enter-webpage" style="width: 100%;
Expand All @@ -16,18 +17,18 @@

<div id="topics-tools-list">
<div>
<p>Topics Added</p>
<p><b>Topics Added</b></p>
<div id="topics-list">
</div>
</div>
<div>
<p>Expanded nodes</p>
<p><b>Expanded nodes</b></p>
<div id="tools-list" class="checkbox checkbox-danger error-checkbox">
</div>
</div>
</div>
<div class="column">
<p>Search tool or topic:</p>
<p><b>Search tool or topic:</b></p>
<input type="text" id="tooltopic_autocomplete" placeholder="blast, 1000Genomes, MEGA ...">

</div>
Expand All @@ -37,7 +38,7 @@
<label for="displayArticles">Display Articles</label>
</div>
<div class="column">
<p>Type of edges:</p>
<p><b>Type of edges:</b></p>
<form name="typeOfEdges">
<input type="radio" id="allYearsEdges" name="typeOfEdges" value="allYearsEdges" autocomplete="off" checked="checked"/>
<label for="allYearsEdges">Edges in all years</label><br>
Expand All @@ -52,7 +53,7 @@
<input type="text" id="yearAmount" readonly class="rangeyears">
</div>
<div class="column">
<p>Number of articles where the relationships are found:</p>
<p><b>Number of articles where the relationships are found:</b></p>
<canvas id="OccurCanvas" width="200" height="100"></canvas>
<div id="occur-slider-range" class="rangesli"></div>
<label>
Expand All @@ -61,16 +62,17 @@
</div>

<div class="column">
<p>Color nodes:</p>
<p><b>Color nodes:</b></p>
<form name="ClusterForm">
<input type="radio" id="cluster" name="cluster_mode" value="Cluster" autocomplete="off" checked="checked"/>
<label for="cluster">Cluster mode</label><br>
<input type="radio" id="normal" name="cluster_mode" value="Normal" autocomplete="off">
<label for="normal">Normal mode</label><br>
</form>
</div>

<div id="legend">
Legend:
<p><b>Legend:</b></p>
<div id="legendBox">
</div>
</div>
Expand Down

0 comments on commit d3cedd8

Please sign in to comment.