Skip to content
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

Edit operation implementation #8

Open
wants to merge 23 commits into
base: master
Choose a base branch
from
Open

Edit operation implementation #8

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
adf1c64
edit HTML
Melidiana Feb 23, 2023
1867b57
add version table
Melidiana Feb 26, 2023
f8035f6
fix table header
Melidiana Feb 26, 2023
f101435
refactoring v1
Melidiana Feb 26, 2023
278f141
refactoring v2
Melidiana Feb 26, 2023
967e740
add page numbers v1
Melidiana Feb 26, 2023
d3babde
fixed page-number
Melidiana Feb 27, 2023
6b50765
fixed page-number
Melidiana Feb 27, 2023
04b6b5b
save changes
Melidiana Mar 5, 2023
46c17ce
move jquery code to separate file
Melidiana Mar 5, 2023
ebf6eac
refactoring
Melidiana Mar 5, 2023
c2c0dd0
refactoring
Melidiana Mar 5, 2023
616cac3
add columns and icons
Melidiana Mar 7, 2023
400594d
refactoring
Melidiana Mar 9, 2023
6911e34
fix pagination style in my html
Melidiana Mar 17, 2023
ca5b1e4
fix bugs that appeared after delete operation
Melidiana Mar 19, 2023
700f978
changed edit button to save button
Melidiana Mar 21, 2023
495e744
add toggle
Melidiana Mar 21, 2023
4eeb982
add edit implementation
Melidiana Mar 22, 2023
c84ed7b
refactoring
Melidiana Mar 22, 2023
d1798a3
refactoring
Melidiana Mar 22, 2023
87e6375
refactoring
Melidiana Mar 23, 2023
1212c73
refactoring
Melidiana Mar 25, 2023
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
Prev Previous commit
Next Next commit
move jquery code to separate file
  • Loading branch information
@Melidiana
Melidiana committed Mar 5, 2023
commit 46c17cecaf65969e92d0e9b2c85c8f48c1675eea
1 change: 1 addition & 0 deletions src/main/java/com/game/config/WebConfig.java
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,7 @@ public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/html/**").addResourceLocations("/html/");
registry.addResourceHandler("/css/**").addResourceLocations("/css/");
registry.addResourceHandler("/img/**").addResourceLocations("/img/");
registry.addResourceHandler("/script/**").addResourceLocations("/script/");
}

@Bean
Expand Down
70 changes: 1 addition & 69 deletions src/main/webapp/html/my.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,75 +2,7 @@
<head>
<title>RPG</title>
<script src=https://code.jquery.com/jquery-3.6.0.min.js></script>
<script>
$.get("/rest/players/?pageNumber=0&pageSize=5", function (data) {
var table = $("#t-body");
$.each(data, function (i, members) {
var row = $("<tr><td>" + (i + 1) + "</td><td>" + members.name + "</td><td>" + members.title + "</td><td>" + members.race + "</td><td>" + members.profession + "</td><td>"
+ members.level + "</td><td>" + members.birthday + "</td><td>" + members.banned + "</td></tr>");
table.append(row);
});
});

$.get('/rest/players/count', function (data) {
let pageSize = $('#myDropdown').val();
let chunk = Math.ceil(data / pageSize);
const numberButton = document.getElementById('page-number');
numberButton.innerHTML = '';
for (let i = 1; i <= chunk; i++) {
let button = $('<button>'+ i +'</button>');
$('#page-number').append(button);
button.attr('id', 'b-num');
button.attr('value', i);
}
});

$(document).ready(function () {
$('#myDropdown').click(() => {

let pageSize = $('#myDropdown').val();

$.get('/rest/players/?pageNumber=0&pageSize=' + pageSize + '', function (data) {
var table = $('#my-table');
const t = document.getElementById('t-body');
t.innerHTML = '';
$.each(data, function (i, members) {
var row = $("<tr><td>" + (i + 1) + "</td><td>" + members.name + "</td><td>" + members.title + "</td><td>" + members.race + "</td><td>" + members.profession + "</td><td>"
+ members.level + "</td><td>" + members.birthday + "</td><td>" + members.banned + "</td></tr>");
table.append(row);
});
});

$.get('/rest/players/count', function (data) {
let chunk = Math.ceil(data / pageSize);
const numberButton = document.getElementById('page-number');
numberButton.innerHTML = '';
for (let i = 1; i <= chunk; i++) {
let button = $('<button>'+ i +'</button>');
$('#page-number').append(button);
button.attr('id', 'b-num');
button.attr('value', i);
}
});
});

$('#page-number').on('click', 'button', function() {
let pageSize = $('#myDropdown').val();
let pageNumber = $(this).val() - 1;
$.get('/rest/players/?pageNumber=' + pageNumber + '&pageSize=' + pageSize + '', function (data) {
var table = $('#my-table');
const t = document.getElementById('t-body');
t.innerHTML = '';
$.each(data, function (i, members) {
console.log(data);
var row = $("<tr><td>" + (i + data[0].id) + "</td><td>" + members.name + "</td><td>" + members.title + "</td><td>" + members.race + "</td><td>" + members.profession + "</td><td>"
+ members.level + "</td><td>" + members.birthday + "</td><td>" + members.banned + "</td></tr>");
table.append(row);
});
});
});
});
</script>
<script src="/script/script.js"></script>
<link href="/css/my.css" rel="stylesheet">
</head>
<body>
Expand Down
63 changes: 63 additions & 0 deletions src/main/webapp/script/script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
$(document).ready(function () {
$.get("/rest/players/?pageNumber=0&pageSize=5", function (data) {
var table = $("#t-body");
$.each(data, function (i, members) {
var row = $("<tr><td>" + (i + 1) + "</td><td>" + members.name + "</td><td>" + members.title + "</td><td>" + members.race + "</td><td>" + members.profession + "</td><td>" + members.level + "</td><td>" + members.birthday + "</td><td>" + members.banned + "</td></tr>");
table.append(row);
});
});

$.get('/rest/players/count', function (data) {
let pageSize = $('#myDropdown').val();
let chunk = Math.ceil(data / pageSize);
const numberButton = document.getElementById('page-number');
numberButton.innerHTML = '';
for (let i = 1; i <= chunk; i++) {
let button = $('<button>' + i + '</button>');
$('#page-number').append(button);
button.attr('id', 'b-num');
button.attr('value', i);
}
});
$('#myDropdown').click(() => {

let pageSize = $('#myDropdown').val();

$.get('/rest/players/?pageNumber=0&pageSize=' + pageSize + '', function (data) {
var table = $('#my-table');
const t = document.getElementById('t-body');
t.innerHTML = '';
$.each(data, function (i, members) {
var row = $("<tr><td>" + (i + 1) + "</td><td>" + members.name + "</td><td>" + members.title + "</td><td>" + members.race + "</td><td>" + members.profession + "</td><td>" + members.level + "</td><td>" + members.birthday + "</td><td>" + members.banned + "</td></tr>");
table.append(row);
});
});

$.get('/rest/players/count', function (data) {
let chunk = Math.ceil(data / pageSize);
const numberButton = document.getElementById('page-number');
numberButton.innerHTML = '';
for (let i = 1; i <= chunk; i++) {
let button = $('<button>' + i + '</button>');
$('#page-number').append(button);
button.attr('id', 'b-num');
button.attr('value', i);
}
});
});

$('#page-number').on('click', 'button', function () {
let pageSize = $('#myDropdown').val();
let pageNumber = $(this).val() - 1;
$.get('/rest/players/?pageNumber=' + pageNumber + '&pageSize=' + pageSize + '', function (data) {
var table = $('#my-table');
const t = document.getElementById('t-body');
t.innerHTML = '';
$.each(data, function (i, members) {
console.log(data);
var row = $("<tr><td>" + (i + data[0].id) + "</td><td>" + members.name + "</td><td>" + members.title + "</td><td>" + members.race + "</td><td>" + members.profession + "</td><td>" + members.level + "</td><td>" + members.birthday + "</td><td>" + members.banned + "</td></tr>");
table.append(row);
});
});
});
});