24

jQuery Libraries

Jonathan Rosenbaum edited this page 2018-03-24 02:57:28 -04:00

• Chosen is used for nice select boxes used primarily for contacts and also accounts selection for accounting: https://harvesthq.github.io/chosen/

• noUiSlider is used for the slider to choose accounting ranges: https://refreshless.com/nouislider/

• wNumb is used for the formatting / display of numbers that is used with the slider, and in contacts with the email choice slider: https://refreshless.com/wnumb/

• libLink is a Library for binding jQuery elements to plugins, used by older versions of noUiSlider: https://github.com/leongersen/libLink

• PickMeUp is the nice date picker used in stats: https://github.com/nazar-pc/PickMeUp

• Mask makes masks on form fields and html elements which really helps in causing people to enter data correctly and intuitively: https://igorescobar.github.io/jQuery-Mask-Plugin/

• jEditable provides inplace editing, used for the Change Fund on the transactions page: https://appelsiini.net/projects/jeditable/

• jQuery UI provides a spinner for volunteer hours redeeming capabilities in transactions. Watered down version that includes only requirments for the spinner widget: widget.js, form-reset-mixin.js, jquery-1-7.js, keycode.js, labels.js, widgets/button.js, widgets/checkboxradio.js, widgets/controlgroup.js, widgets/mouse.js, widgets/spinner.js: https://jqueryui.com/spinner/#decimal

• Tabulator (3.3) provides easy to use, fully featured, interactive table capabilities that is now being used in some reports to expose YBDB's constituent relationship manager (CRM). Requires jQuery UI: http://tabulator.info/

• Moment.js (2.19.1) which parses, validates, manipulates, and display dates and times is required for accurate date and time sorting in Tabulator: http://momentjs.com/

• Etherpad.js provides the extremely useful etherpad functionality, aka The Etherpad jQuery Plugin which easily allows you to embed and access a pad from Etherpad in a web page. The plugin injects the pad contents into a div using iframes. It can also read the contents of a Pad and write it to a div: https://github.com/ether/etherpad-lite-jquery-plugin

• jquery.ns-autogrow (1.1.6) allows the width and height of a textarea to automatically resize based on user input, especially useful when entering donations, and correctly resizes to show all input when transaction is reopened: https://github.com/ro31337/jquery.ns-autogrow