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

Updating the SEE MORE button on IRC page #1625

Merged
merged 8 commits into from
May 12, 2024
Merged

Updating the SEE MORE button on IRC page #1625

Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
2a829df
Fix the Learn More button link on the Join Us page opening in the sam…
RamithaHeshan33 Apr 8, 2024
841e336
Justifying the content
RamithaHeshan33 Apr 24, 2024
b1342a8
Merge branch 'master' into master
RamithaHeshan33 Apr 24, 2024
4c11ee2
Merge branch 'sef-global:master' into master
RamithaHeshan33 Apr 27, 2024
e6ad56f
stop repetion of mentors profiles
RamithaHeshan33 Apr 27, 2024
9241de0
stopping profile repetition
RamithaHeshan33 Apr 28, 2024
e0664b5
Update SEE MORE button
RamithaHeshan33 May 12, 2024
e02c167
Merge branch 'master' of github.com:RamithaHeshan33/sef-site
RamithaHeshan33 May 12, 2024
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
66 changes: 40 additions & 26 deletions irc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -427,37 +427,51 @@ <h5 class="title">
dataType: 'json',
success: function (data) {

//slice array to two parts
if (data.length >= 8) {
let partOne = data.slice(0, 8);
let partTwo = data.slice(8);
// Define global variable to keep track of displayed profiles
let displayedProfiles = 8;

//mustache render - part one
let contentPartOne = Mustache.render($("#templateTeam").html(), {"data": partOne});
// Function to display profiles based on the number to show
function displayProfiles(numToShow) {
// Slice the data array based on the number to show
let profilesToShow = data.slice(0, numToShow);
// Render the profiles using Mustache
let content = Mustache.render($("#templateTeam").html(), {"data": profilesToShow});
// Display the rendered profiles
$("#teamContent").html(content);
}

//display first 8 profiles
$("#teamContent").html(contentPartOne);
$("#btnShowLess").hide();
//hide button
$("#btnShowMore").click(function () {
let contentPartTwo = Mustache.render($("#templateTeam").html(), {"data": partTwo});
$("#teamContent").append(contentPartTwo);
// Displaying first 8 profiles
displayProfiles(displayedProfiles);
$("#btnShowLess").hide();


// Show More button click event
$("#btnShowMore").click(function () {
// Increment the number of displayed profiles
displayedProfiles += 8;
// Display profiles based on the updated count
displayProfiles(displayedProfiles);
// Hide or show appropriate buttons
if (displayedProfiles >= data.length) {
$("#btnShowMore").hide();
$("#btnShowLess").show();
});
$("#btnShowLess").click(function () {
$("#teamContent").html(contentPartOne);
$("#btnShowMore").show();
$("#btnShowLess").hide();
});
} else {
//mustache render
let content = Mustache.render($("#templateTeam").html(), {"data": data});
}
$("#btnShowLess").show();
});

//display first 8 profiles
$("#teamContent").html(content);
// Show Less button click event
$("#btnShowLess").click(function () {
// Reset the displayed profiles count to 8
displayedProfiles = 8;
// Display the initial 8 profiles
displayProfiles(displayedProfiles);
// Hide the Show Less button
$("#btnShowLess").hide();
// Show the Show More button
$("#btnShowMore").show();
});

//hide button
// Hide buttons if there are no more than 8 profiles
if (data.length <= 8) {
$("#btnShowMore").hide();
$("#btnShowLess").hide();
}
Expand Down
Loading