11// Preloader
22var preloader = document . getElementById ( 'loading' ) ;
3-
4- function loading ( ) {
5- setTimeout ( myfunction , 2000 ) ;
6- }
7- function myfunction ( ) {
8- preloader . style . display = 'none' ;
9- }
3+
4+ function loading ( ) {
5+ setTimeout ( myfunction , 2000 ) ;
6+ }
7+ function myfunction ( ) {
8+ preloader . style . display = 'none' ;
9+ }
1010
1111
1212$ ( document ) . ready ( function ( ) {
13+ renderProjects ( )
1314 $ ( window ) . scroll ( function ( ) {
1415 if ( $ ( this ) . scrollTop ( ) >= 100 ) {
1516 $ ( ".scrollToTop" ) . fadeIn ( ) ;
@@ -22,6 +23,7 @@ $(document).ready(function () {
2223 $ ( "html, body" ) . animate ( { scrollTop : 0 } , 500 ) ;
2324 return false ;
2425 } ) ;
26+
2527} ) ;
2628
2729function toggleDarkLight ( ) {
@@ -51,17 +53,77 @@ function toggleDarkLight() {
5153 }
5254}
5355
56+ let currentPage = 1 ;
57+
58+ var x = document . getElementsByClassName ( 'item' ) ;
59+
5460function search_project ( ) {
55- let input = document . getElementById ( 'searchbar' ) . value ;
56- input = input . toLowerCase ( ) ;
57- var x = document . getElementsByClassName ( 'item' ) ;
61+ let input = document . getElementById ( 'searchbar' ) . value . toLowerCase ( ) ;
62+
63+ for ( let i = 0 ; i < x . length ; i ++ ) {
64+ const projectName = x [ i ] . querySelector ( "h4" ) . innerHTML . toLowerCase ( ) ;
5865
59- for ( i = 0 ; i < x . length ; i ++ ) {
60- if ( ! x [ i ] . querySelector ( 'a' ) . innerHTML . toLowerCase ( ) . includes ( input ) ) {
66+ if ( ! projectName . includes ( input ) ) {
6167 x [ i ] . style . display = "none" ;
68+ } else {
69+ x [ i ] . style . display = "list-item" ;
6270 }
63- else {
71+ }
72+ }
73+
74+ function renderProjects ( ) {
75+ window . scrollTo ( { top : 0 , behavior : 'smooth' } ) ;
76+ const projectsPerPage = 30 ;
77+ const startIndex = ( currentPage - 1 ) * projectsPerPage ;
78+ const endIndex = startIndex + projectsPerPage ;
79+
80+ for ( let i = 0 ; i < x . length ; i ++ ) {
81+ if ( i >= startIndex && i < endIndex ) {
6482 x [ i ] . style . display = "list-item" ;
83+ } else {
84+ x [ i ] . style . display = "none" ;
6585 }
6686 }
67- }
87+ }
88+
89+ function goToPage ( page ) {
90+ currentPage = page ;
91+ renderProjects ( ) ;
92+
93+ const buttons = document . querySelectorAll ( ".pagination button" ) ;
94+ buttons . forEach ( ( button ) => {
95+ if ( button . textContent == currentPage ) {
96+ button . classList . add ( "active" ) ;
97+ } else {
98+ button . classList . remove ( "active" ) ;
99+ }
100+ } ) ;
101+ }
102+
103+ function goToNextPage ( ) {
104+ if ( currentPage < Math . ceil ( x . length / 30 ) ) {
105+ currentPage ++ ;
106+ renderProjects ( ) ;
107+ updateActiveButton ( ) ;
108+ }
109+ }
110+
111+ function goToPreviousPage ( ) {
112+ if ( currentPage > 1 ) {
113+ currentPage -- ;
114+ renderProjects ( ) ;
115+ updateActiveButton ( ) ;
116+ }
117+ }
118+
119+
120+ function updateActiveButton ( ) {
121+ const buttons = document . querySelectorAll ( ".pagination button" ) ;
122+ buttons . forEach ( ( button ) => {
123+ if ( parseInt ( button . textContent ) === currentPage ) {
124+ button . classList . add ( "active" ) ;
125+ } else {
126+ button . classList . remove ( "active" ) ;
127+ }
128+ } ) ;
129+ }
0 commit comments