Skip to content

Onboarding project: Celeste #43

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
CelesteNaude wants to merge 19 commits into
base: master
Choose a base branch
from
Open

Onboarding project: Celeste #43

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
420805c
finished Getting Started settings
CelesteNaude Feb 17, 2022
d5ce530
added table & pagination
CelesteNaude Feb 23, 2022
b398c11
'search' & 'display n amount of records' function
CelesteNaude Feb 24, 2022
0fada86
edited user interface
CelesteNaude Feb 27, 2022
b128b19
enhance performance (number records to fetch)
CelesteNaude Feb 27, 2022
06905e5
attempt #1 global variables
CelesteNaude Feb 28, 2022
b4d2b64
add/delete rows when resizing window
CelesteNaude Mar 1, 2022
dce5567
fixed table responsiveness errors
CelesteNaude Mar 2, 2022
3e48f44
added debounce and different pagination
CelesteNaude Mar 3, 2022
b0bd9c0
fixed add records
CelesteNaude Mar 4, 2022
2fdaee1
Fixed global variables and repetitive code
CelesteNaude Mar 7, 2022
2feb35f
Improved search function
CelesteNaude Mar 7, 2022
9773ed6
Improved pagination buttons' click events
CelesteNaude Mar 7, 2022
5cae654
Moved global variables into seperate class
CelesteNaude Mar 8, 2022
a8fa4ff
Logic fixes + code cleanup
CelesteNaude Mar 8, 2022
b3c8dba
Added seperate file for doc element variables
CelesteNaude Mar 9, 2022
3eb7c41
Fixed add rows function again
CelesteNaude Mar 10, 2022
be96066
Class restructure
CelesteNaude Mar 11, 2022
d6e7e06
Added methods in state.ts for event listeners
CelesteNaude Mar 14, 2022
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
15 changes: 15 additions & 0 deletions app.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
window.onload = async () => {
let state = new State();

// Get data from server and load into table
await state.getData().then(resp => {
if (resp == true) {
state.loadIntoTable(true);
}
})
Copy link
Contributor

@FritzOnFire FritzOnFire Mar 14, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Missing ;


// Set needed navigation controls
state.setSearchButton();
state.setPageButtons();
state.setResizeEvent();
};
33 changes: 30 additions & 3 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,39 @@
<html>
<head>
<title>JS Onboard Project</title>
<link rel="stylesheet" type="text/css" href="style.css" >
<script type="text/javascript" charset="utf-8" src="third_party/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="state.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>

<body>
<p>Hello</p>
<div class="loader">
<div></div>
</div>
<div class="content">
<div class="controls">
<div class="constrols-heading">
<h1>IMQS Onboarding Project</h1>
</div>
<div class="constrols-search">
<button id="id-search-btn" class="search-btn">Search ID</button>
<input type="text" id="id-search" onfocus="this.value=''" value="Enter ID number" required>
</div>
</div>
<table id="content-table" class="table">
<thead id="content-thead"></thead>
<tbody id="content-tbody"></tbody>
</table>
<div class="container">
<div id="pagination-wrapper" class="pagination-wrapper">
<button id="first" class="page btn">&#171; First</button>
<button id="prev" class="page btn">Prev</button>
<button id="next" class="page btn">Next</button>
<button id="last" class="page btn"> Last &#187;</button>
</div>
<p id="page-info" class="page-info"></p>
</div>
</div>
</body>

</html>

29 changes: 29 additions & 0 deletions package-lock.json
View file
Open in desktop

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

23 changes: 23 additions & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
{
"name": "onboard-javascript",
"version": "1.0.0",
"description": "onboard",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "tsc --build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/CelesteNaude/onboard-javascript.git"
},
"author": "celeste",
"license": "ISC",
"bugs": {
"url": "https://github.com/CelesteNaude/onboard-javascript/issues"
},
"homepage": "https://github.com/CelesteNaude/onboard-javascript#readme",
"dependencies": {
"@types/jquery.browser": "^0.1.1"
}
}
Loading