261: Using a Plunk to wrap three sliders
This project is to test the ease with which Plunker (with Angularjs and other libraries) can provide a wrapper in HTML that allows a user to choose which of three sliders are to be shown. We are new to Plunker and just want to see how it works. The three sliders are each shown in the attached file and for each one the source code can be downloaded. Each one should be re-engineered in an Angularjs directive and packaged into a single Plunk.
There should be a horizontal row of three buttons at the top of the display page allowing you to choose sls001, sl002 or sl003. That controls which sider is then shown below.
Decide what parameters you need to declare for each slider. These will cover texts, ranges, values, etc. and should be set out neatly in a table format in the source file you use. The directives should pick up these value from this table. There should be a separate css for each slider. Use the slider IDs (sls0001, sls002 & sls003) to identify specific values and just sls for values that apply to all the sliders. This applies to css as well. We should be able to test the effect of changing any of these by editing the appropriate file in the Plunker editor.
Display the value of the position of the slider handle.
At this stage style for desktop presentation in Chrome.
On completion please send us a zip file (through Freelancer) of the package which we can then install as an url.
This would suit any web designed developer familiar with Angularjs, Plunker and associated libraries.
Please take the following into account:
1 As this involves reading and writing to the local machine you will need to use node.js or equivalewnt
2 You were asked to ignore lines whose first non-blank character is an apostrophe (‘) or is just a blank line. Please pass these lines to the current output. In the next version of JTPS this will be controlled by a switch.
3 #stdin and #stdout expect a path and file name as an argument. If they are encountered without an argument, they should be set to their respective starting values.
4 It does not affect the current project, but be aware that this application is likely be invoked in an iFrame in, say, a Wordpress page
Please advise if this affects your bid.