Front-end screens required: Jquery, Jquery Validator, JqueryDataTable Html and CSS
- or -
Post a project like this3482
£200(approx. $251)
- Posted:
- Proposals: 6
- Remote
- #580622
- Awarded
PHP/Wordpress/Python/React/Flutter - Web Development,Mobile Development,Data Science
Bay Minette
109321524058551308601994696248764655
Description
Experience Level: Expert
Estimated project duration: less than 1 week
General information for the website: P2P
Num. of web pages/modules: 4
Description of requirements/features: Hi guys,
I need someone who can create some front-end screens that we need. I will provide further details via Skype however here is a brief so that you can evaluate the amount of job we need:
a) Screen 1: LP Sale Form: There are 3 or 4 personal details fields. In addition we ask for several rows of 3 fields: LP Id, Original Amount and New Amount. All fields must be validated as numbers.
b) Screen 2: I need a table with several columns. The data showed the is auto-filled up when the screen is loaded. One of the column is a button that will do an ajax call to the server. Such Ajax call will first ask the user if he is sure about doing that operation and when pressing "yes" or "Ok" the row disappears. Whatever is done at the server side is not your concern neither the Ajax call itself is.
c) Screen 3: Pretty much the same as Screen 2 however:
c.1) The button this time, apart from asking if the user is sure about such operation, should change another column status to "X" and the button disappears.
c.2) One of the column will show time left given a future date. I will pass you a datetime value in the future and you will need to show something like 2y 3m 4d 5h 37min 5s. When the there is less than 24 hours left we need to show a countdown.
d) Screen 4: Pretty much as Screen 3 but:
d.1) Depending of a column status another column should show two pair of button: (Revoke or Approve) or (Sold or Failed)
d.2) We need a column where to set a day in the future (A datepicker)
Important:
*********
a) We need to use a single javascript file per screen. If you have common functions that are needed you can create a sort of library that in turn is called before each javascript file.
b) We need to wrap the code in a "Javascript Object" using prototype: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype. I want to avoid conflicts
c) For your validation we need to use Jquery Validator http://jqueryvalidation.org/
d) For the tables we need to use: http://www.datatables.net/ and I would like to see the paginator working as this is very important and the version
c) We need Jquery-ui-timepicker-addon
Version of the software
********************
a) /*! jQuery v1.8.2 jquery.com | jquery.org/license */
b) File: jquery.dataTables.min.js * Version: 1.9.4
c) jQuery timepicker addon
* By: Trent Richardson [http://trentrichardson.com]
* Version 1.0.1
* Last Modified: 07/01/2012
d) ! jQuery Validation Plugin - v1.11.0 - 2/4/2013
Extra notes: Please see that I would need this by Monday morning at 9:00 BST. Someone who has worked with the plugins shown above should be able to do that in one day easily.
Num. of web pages/modules: 4
Description of requirements/features: Hi guys,
I need someone who can create some front-end screens that we need. I will provide further details via Skype however here is a brief so that you can evaluate the amount of job we need:
a) Screen 1: LP Sale Form: There are 3 or 4 personal details fields. In addition we ask for several rows of 3 fields: LP Id, Original Amount and New Amount. All fields must be validated as numbers.
b) Screen 2: I need a table with several columns. The data showed the is auto-filled up when the screen is loaded. One of the column is a button that will do an ajax call to the server. Such Ajax call will first ask the user if he is sure about doing that operation and when pressing "yes" or "Ok" the row disappears. Whatever is done at the server side is not your concern neither the Ajax call itself is.
c) Screen 3: Pretty much the same as Screen 2 however:
c.1) The button this time, apart from asking if the user is sure about such operation, should change another column status to "X" and the button disappears.
c.2) One of the column will show time left given a future date. I will pass you a datetime value in the future and you will need to show something like 2y 3m 4d 5h 37min 5s. When the there is less than 24 hours left we need to show a countdown.
d) Screen 4: Pretty much as Screen 3 but:
d.1) Depending of a column status another column should show two pair of button: (Revoke or Approve) or (Sold or Failed)
d.2) We need a column where to set a day in the future (A datepicker)
Important:
*********
a) We need to use a single javascript file per screen. If you have common functions that are needed you can create a sort of library that in turn is called before each javascript file.
b) We need to wrap the code in a "Javascript Object" using prototype: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype. I want to avoid conflicts
c) For your validation we need to use Jquery Validator http://jqueryvalidation.org/
d) For the tables we need to use: http://www.datatables.net/ and I would like to see the paginator working as this is very important and the version
c) We need Jquery-ui-timepicker-addon
Version of the software
********************
a) /*! jQuery v1.8.2 jquery.com | jquery.org/license */
b) File: jquery.dataTables.min.js * Version: 1.9.4
c) jQuery timepicker addon
* By: Trent Richardson [http://trentrichardson.com]
* Version 1.0.1
* Last Modified: 07/01/2012
d) ! jQuery Validation Plugin - v1.11.0 - 2/4/2013
Extra notes: Please see that I would need this by Monday morning at 9:00 BST. Someone who has worked with the plugins shown above should be able to do that in one day easily.
Dan R.
100% (25)Projects Completed
31
Freelancers worked with
17
Projects awarded
67%
Last project
22 Jun 2017
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies