donation slider done

[ValkovD]

Description

Related Issue

Motivation and Context

How Has This Been Tested?

Types of changes

• [ ] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• [ ] My code follows the code style of this project.
• [ ] My change requires a change to the documentation.
• [ ] I have updated the documentation accordingly.
• [ ] I have read the CONTRIBUTING document.
• [ ] I have added tests to cover my changes.
• [ ] All new and existing tests passed.

[sonarqubecloud[bot]]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
2 Code Smells

No Coverage information
0.0% Duplication

[ValkovD]

Hi this is the donation slider i have done.

[jamesgeddes]

@ValkovD I think people have been waiting for you to complete the PR description. Could you do this, please?

[sonarqubecloud[bot]]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
2 Code Smells

No Coverage information
0.0% Duplication

[ValkovD]

Hi James sorry for the late response but just coming back from holiday. Will do this ASAP

[jamesgeddes]

Any update on this @ValkovD?

[jamesgeddes]

@ValkovD I am eager to get this merged as it has been open for a while. We need a description of the change and some screenshots before we can do this. The code looks OK but I am not a front-end person so it would be super to see what it looks like. Thanks!

[ValkovD]

@ValkovD I am eager to get this merged as it has been open for a while. We need a description of the change and some screenshots before we can do this. The code looks OK but I am not a front-end person so it would be super to see what it looks like. Thanks!

Hi James, The donation slider is created as a mini-website with vanilla JavaScript and HTML in one file called donationAndSlider.html This mini app is embedded in the bigger frame register.html according to the structure of this project i tried to follow it as much as possible. The CSS in style.css (theme/static/css/dist/styles.css) makes the slider look almost the same in the different browsers Chrome and Firefox. As I found when testing it without them(-webkit and -moz) slider looks different in different browsers.

This at the bottom is short video of my screen so you can see how it works PS: I also have done the password strength indicator as you can see on this video but i thing it has not been pushed to the repo. Let me know if you want it. Sorry for the delay

https://github.com/GeekZoneHQ/web/assets/98020156/6193142c-fb9a-40d7-80f9-1287d4bb9599

[ValkovD]

As i am thinking now the input value of the donation is encapsulated in the donationAndSlider.html and i dont know how it can be processed to the backend hopefully this isnt a problem. I don`t know how Python Django will render this.

[jamesgeddes]

@ValkovD Looks good, though can you take a look into why it has failed CI please?

[ValkovD]

Will definitely check.

[ValkovD]

I thimk it may be because of line 47 and 48 in the register.html file but not sure as when i try to see the errors in CI it only Loading forever and not showing