Make changes to an existing webpage
Budget: $30 – $250 USD
Make changes to an existing website.
Navbar changes
-Remove the existing search bar add it and its function to the navbar.
Add a search button on the top center of the navbar on the /home page and only this page. Please use the search button and the dropdown functions from the Vuexy Theme.
This button should replace the existing functional search bar on the /home page. On search, a dropdown of symbols data should appear, on click the card on the right will populate pertaining to that symbol.
Here is how the /home page navbar should look on mobile devices, please do not change the look of the navbar for other pages
Toggle switch Logo Search button
JQuery data table changes
- Add a loading spinner from the Vuexy theme while data for the recent alert table is being loaded, remove the existing preloader progress bar that shows up on the top of the page when the page is being loaded. Do this for only /home page don’t remove this loading bar on other pages.
-Limit the view of items on the recent alert table to 7 at a time, replace the current jquery data table pagination with infinite scrolling pagination, add loading spinner while items are loading in the table from pagination request, finally style the Jquery data table like /demo page
-Color the “% change” text table data, the color should be red if the percentage value is negative, green if the percent is positive, and white if it is 0%, please note that these values are constantly changing as the page is fetching dynamic data from API
-Blink the prices depending on if the new price that is fetched from the API is > or < than the price currently listed on the table. Here is a link to an example of what is a blinking text on JSfiddle, as you can see the text turns red then return back to its original color after 300ms
Navbar changes
-Remove the existing search bar add it and its function to the navbar.
Add a search button on the top center of the navbar on the /home page and only this page. Please use the search button and the dropdown functions from the Vuexy Theme.
This button should replace the existing functional search bar on the /home page. On search, a dropdown of symbols data should appear, on click the card on the right will populate pertaining to that symbol.
Here is how the /home page navbar should look on mobile devices, please do not change the look of the navbar for other pages
Toggle switch Logo Search button
JQuery data table changes
- Add a loading spinner from the Vuexy theme while data for the recent alert table is being loaded, remove the existing preloader progress bar that shows up on the top of the page when the page is being loaded. Do this for only /home page don’t remove this loading bar on other pages.
-Limit the view of items on the recent alert table to 7 at a time, replace the current jquery data table pagination with infinite scrolling pagination, add loading spinner while items are loading in the table from pagination request, finally style the Jquery data table like /demo page
-Color the “% change” text table data, the color should be red if the percentage value is negative, green if the percent is positive, and white if it is 0%, please note that these values are constantly changing as the page is fetching dynamic data from API
-Blink the prices depending on if the new price that is fetched from the API is > or < than the price currently listed on the table. Here is a link to an example of what is a blinking text on JSfiddle, as you can see the text turns red then return back to its original color after 300ms