Skip to content

Front end main local #32

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
First-Joel wants to merge 16 commits into
base: Front-End-Clustering
Choose a base branch
from
Open

Front end main local #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
741cc0a
refresh works alright
kashmigarg Mar 22, 2021
568ac89
Merge branch 'Front-End-Main' of https://github.com/spe-uob/SuSy-Know…
kashmigarg Mar 22, 2021
d59ed38
added test file
TheLastJoel Apr 19, 2021
a9ebe7a
installed npm
TheLastJoel Apr 19, 2021
c52e392
added test file
TheLastJoel Apr 23, 2021
a16bfb5
Added canvas element and adjusted node sizes
TheLastJoel Apr 24, 2021
85bdcf5
Changed nodes.update to pass node rather than options
TheLastJoel Apr 24, 2021
16f35ee
Merge branch 'Front-End-Clustering' into Front-End-Main
First-Joel Apr 25, 2021
91c9314
tidied up
TheLastJoel Apr 25, 2021
fef2bf3
Merge branch 'Front-End-Main' of https://github.com/spe-uob/SuSy-Know…
TheLastJoel Apr 25, 2021
6e42551
commented out clustering for now, Drew Rectangles and text onto canvas
TheLastJoel Apr 25, 2021
2b00abc
adjusted text heights
TheLastJoel Apr 25, 2021
e32808d
final saturday commit
TheLastJoel Apr 25, 2021
d84b21c
changed variable names added new arrays to prepare clustering
TheLastJoel Apr 26, 2021
cfa6f91
changed node template
TheLastJoel Apr 26, 2021
337bcf9
Edited cluster factor
TheLastJoel May 4, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified .DS_Store
View file
Open in desktop
Binary file not shown.
99 changes: 57 additions & 42 deletions FrontEnd/src/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,59 +9,74 @@ <h2>SuSy Knower - Knowledge Maps</h2>
<style type="text/css">
#mynetwork {
width: 90vw;
height: 70vh;
height: 80vh;
border: 1px solid lightgray;
}
#infoPanel {
float: right;
width: 320px;
padding: 10px;
border: 5px solid gray;
margin: 0;
}
</style>
<link rel="stylesheet" href="./list.css">
<link rel="stylesheet" href="./list.css">
</head>
<body>
<p>Clicking on a node will highlight its prerequisites(green) and the future courses it is required for (red)</p>
<P>Double clicking a node will take you to the unit website</P>
<div>
<app-search-bar></app-search-bar>
<div id="searchUsers" class="instant-search instant-search--loading">
<div style="text-align: center;">

<!--Find a course : -->
<br> <input type='text' placeholder="Search Bar" id="myInput" onkeyup="searchCourse()" class="instant-search__input" spellcheck="false">
<button id='sb' class="circle"> </button>


</div>
</div>
<p>Clicking on a node will highlight its prerequisites(green) and the future courses it is required for (red)</p>
<P>Double clicking a node will take you to the unit website</P>

<div>
<app-search-bar></app-search-bar>
<div id="searchUsers" class="instant-search instant-search--loading">
<div style="text-align: center;">

<!--Find a course : -->
<br> <input type='text' placeholder="Search Bar" id="myInput" onkeyup="searchCourse()" class="instant-search__input" spellcheck="false">
<button id='sb' class="circle"> </button>


</div>
</div>
</div>

<div id="mynetwork"></div>

<div id="mynetwork"></div>

<div>
<label>
<input type="checkbox" name="InBox" value="parent" id="FadeBox" unchecked />
Fade On/Off
</label>
<label>
<input type="button" name="InButton" value="Fit" id="FitButton" unchecked />
</label>
<label>
<input type="button" name="InButton" value="Fit Condition" id="FitButtonWithCondition" unchecked />
</label>
<label>
<input type="button" name="ClusterButton" value="Cluster" id="ClusterButton" unchecked />
</label>
<label>
<input type="button" name="UnClusterButton" value="UnCluster" id="UnClusterButton" unchecked />
</label>
</div>
<div>
<label for="output">Zoom Level: </label><input type="textbox" name="output" id="OutBox"></input>
</div>

<script src = "template.js"></script>
<script src = "data.js"></script>
<script type="text/javascript" src="function.js"></script>
<script src = "network.js" defer> </script>
<div>
<label>
<input type="checkbox" name="InBox" value="parent" id="FadeBox" unchecked />
Fade On/Off
</label>
<label>
<input type="checkbox" name="InBox" value="parent" id="DrawBox" checked />
Drawing On/Off
</label>
<label>
<input type="button" name="InButton" value="Fit" id="FitButton" unchecked />
</label>
<label>
<input type="button" name="InButton" value="Fit Condition" id="FitButtonWithCondition" unchecked />
</label>
<label>
<input type="button" name="ClusterButton" value="Cluster" id="ClusterButton" unchecked />
</label>
<label>
<input type="button" name="UnClusterButton" value="UnCluster" id="UnClusterButton" unchecked />
</label>
<label>
<input type="button" name="RedrawButton" value="Redraw" id="RedrawButton" unchecked />
</label>
</div>
<div>
<label for="output">Zoom Level: </label><input type="textbox" name="output" id="OutBox">
</div>

<script src = "template.js"></script>
<script src = "data.js"></script>
<script type="text/javascript" src="function.js"></script>
<script src = "network.js" defer> </script>


</body>
Expand Down
5 changes: 2 additions & 3 deletions FrontEnd/src/app/function.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
var strings = ['Algorithm', 'Security', 'Architecture','Mathematical Methods']
var keys = document.getElementById('myInput');
var button = document.getElementById('sb');

Expand All @@ -11,7 +10,7 @@ function searchfun() {
console.log("found!")
console.log(node)
found = true;
highlightNode(node);
highlightNode(node,hlsf,bdr_ratio);
//setTarget(node.id)
}
});
Expand All @@ -21,4 +20,4 @@ function searchfun() {
}

}
button.addEventListener('click', searchfun)
button.addEventListener('click', searchfun)
Loading