Create jquery/bootstrap3 replacement controls for yui ones

[exponentcms]

We'll need to create/write some new controls to replace our YUI ones...specifically:

• autocompletecontrol (still yui2) ecommerce product searches, etc...
• tagtreecontrol (still yui2) store categories
• calendarcontrol, popupdatetimecontrol, yuicalendarcontrol, yuidatetimecontrol (not sure we need 4 separate controls in addition to the text datetimecontrol, & monthyearcontrol...can we consolidate some of these?)
• colorcontrol
• filemanagercontrol (this is more exp proprietary, but needed nonetheless)
• listbuildercontrol (NOT a yui control, but better jquery/bootstrap versions exist)

The following controls have been deprecated in v2.2.3+ since they have NOT been used in 2.x

• antispamcontrol (we use reCaptcha library instead)
• configcontrol
• contactcontrol
• listcontrol
• massmailcontrol
• nextbackcontrol
• quantitycontrol (usin html5 numbercontrol now)
• yuieditorcontrol

[exponentcms]

As a note this ticket applies to the /framework/core/forms/controls and not to any control or widget coded within a view.

[exponentcms]

Some additional notes:

• yui tabview for most of our tabs (yui ajax tabs in product edit) though we've converted a couple tabs to jqueryui tabs
• we use a yui3 event to load ckeditor and tinymce into (exp) tabs
• tagpickercontrol yui auto-complete

[exponentcms]

Here are some recommended jquery replacements

• jqueryui calendar and jquery-ui-timpicker-addon for all the calendar controls since we already include/use it? http://trentrichardson.com/examples/timepicker/ There are some nice bootstrap ones, but they require bootstrap
• spectrum is a good color picker and should use it as the html5 fallback since we also regressed the standard one due to a style conflict with our yui3 color picker http://bgrins.github.io/spectrum/
• either tag-it http://aehlke.github.io/tag-it/ or tag manager http://welldonethings.com/tags/manager/v3 for the tagpicker. Not if this fits the need for the ecom autocomplete since it pulls up more info and only allows one selection?
• there are quite a number of drag/drop enabled tree controls for the tagtreecontrol replacement which would also be needed for the manage menu tree

Some non-form controls used

• colorbox http://www.jacklmoore.com/colorbox/ for lightbox and gallery-lightbox
• jqueryui accordion widget for the various accordion views http://jqueryui.com/accordion

We already have a jquery slide show implementation and the countdown module uses a jquery control

[exponentcms]

(from [84e29d7a0fd14813451b9c3643e587cbd05c941a]) Adds new bootstrap (actually jquery) tag picker control [#1120] https://github.com/exponentcms/exponent-cms/commit/84e29d7a0fd14813451b9c3643e587cbd05c941a

[exponentcms]

(from [970dedf37ebd04bbf5e22e5fac8c017fb3e19ea6]) Replaces existing color control w/ jquery spectrum [#1120] https://github.com/exponentcms/exponent-cms/commit/970dedf37ebd04bbf5e22e5fac8c017fb3e19ea6

[exponentcms]

(from [3e815f7741f8dece35f401642f987ea03c520d87]) Replace yui2 lightbox used to optionally display calendar events w/ jquery colorbox [#1120 #747]] https://github.com/exponentcms/exponent-cms/commit/3e815f7741f8dece35f401642f987ea03c520d87

[exponentcms]

As a note:

• the markup for a jqueryui accordion is a bit different that what we currently use, but it is much more simplified with just a heading and a div container.

• we may make a single jquery calendar control which is sub-classed by similar classes to model the behavior of the yui calendars.

[exponentcms]

(from [ca8431956d16e8d4b744d3ad484348e67b61f5a4]) New jquery calendar control (yuicalendarcontrol replacement) for bootstrap framework (initially), will become base for all calendar controls [#742 #1120] https://github.com/exponentcms/exponent-cms/commit/ca8431956d16e8d4b744d3ad484348e67b61f5a4

[exponentcms]

(from [d08cf31fed5d3e37728342353f3b9940efee1808]) Actual form control file for New jquery calendar control (yuicalendarcontrol replacement) for bootstrap framework (initially), will become base for all calendar controls [#742 #1120] https://github.com/exponentcms/exponent-cms/commit/d08cf31fed5d3e37728342353f3b9940efee1808

[exponentcms]

(from [cef8fe6cf62c518948524c60d637f9abb16ee719]) New jquery calendar control (calendarcontrol replacement) for bootstrap framework (initially), will become base for all calendar controls [#742 #1120] https://github.com/exponentcms/exponent-cms/commit/cef8fe6cf62c518948524c60d637f9abb16ee719

[exponentcms]

(from [5b3f885c60614d5d3ae5a1eb96ad78a45e97a9ff]) New jquery calendar control jquery datepicker plugin updated to v2.1.8 to fix an issue when instantiated within a 'tab' [#742 #1120] https://github.com/exponentcms/exponent-cms/commit/5b3f885c60614d5d3ae5a1eb96ad78a45e97a9ff

[exponentcms]

(from [e09c0784832894df38cf60aa97fbc5803e8966e5]) New jquery calendar control (yuicalendarcontrol replacement) for bootstrap framework (initially) [#742 #1120] https://github.com/exponentcms/exponent-cms/commit/e09c0784832894df38cf60aa97fbc5803e8966e5

[exponentcms]

(from [1215ebfaa5ead69500f1292a15a741268072b4a8]) Missing file for new yuidatetimecontrol, minor updates to elFinder [#1120 #742] https://github.com/exponentcms/exponent-cms/commit/1215ebfaa5ead69500f1292a15a741268072b4a8

[exponentcms]

(from [9d9f0d9542e443c1539a6fa6ad11a8cf4d1681dc]) Merge remote-tracking branch 'origin/develop' into newui

• origin/develop: Updates/fixes responsive datatables, adds filename 'sanitizer' plugin for elFinder (not yet used) Missing file for new yuidatetimecontrol, minor updates to elFinder [#1120 #742] Updates 3rd party library list Two fixes to deal with magic quotes being turned on (php v5.2 or 5.3) where we get backslashes in the params, esp w/ json) Updates changelogs New jquery calendar control (yuicalendarcontrol replacement) for bootstrap framework (initially) [#742 #1120] New jquery calendar control jquery datepicker plugin updated to v2.1.8 to fix an issue when instantiated within a 'tab' [#742 #1120] Minor tweaks to get elFinder drag/drop copy/paste to work with more browsers Update database manager to v4.0.2 (failed to upload v4.0.0 main file anyway) https://github.com/exponentcms/exponent-cms/commit/9d9f0d9542e443c1539a6fa6ad11a8cf4d1681dc

[exponentcms]

(from [9d9f0d9542e443c1539a6fa6ad11a8cf4d1681dc]) Merge remote-tracking branch 'origin/develop' into newui

• origin/develop: Updates/fixes responsive datatables, adds filename 'sanitizer' plugin for elFinder (not yet used) Missing file for new yuidatetimecontrol, minor updates to elFinder [#1120 #742] Updates 3rd party library list Two fixes to deal with magic quotes being turned on (php v5.2 or 5.3) where we get backslashes in the params, esp w/ json) Updates changelogs New jquery calendar control (yuicalendarcontrol replacement) for bootstrap framework (initially) [#742 #1120] New jquery calendar control jquery datepicker plugin updated to v2.1.8 to fix an issue when instantiated within a 'tab' [#742 #1120] Minor tweaks to get elFinder drag/drop copy/paste to work with more browsers Update database manager to v4.0.2 (failed to upload v4.0.0 main file anyway) https://github.com/exponentcms/exponent-cms/commit/9d9f0d9542e443c1539a6fa6ad11a8cf4d1681dc

[exponentcms]

(from [9d9f0d9542e443c1539a6fa6ad11a8cf4d1681dc]) Merge remote-tracking branch 'origin/develop' into newui

• origin/develop: Updates/fixes responsive datatables, adds filename 'sanitizer' plugin for elFinder (not yet used) Missing file for new yuidatetimecontrol, minor updates to elFinder [#1120 #742] Updates 3rd party library list Two fixes to deal with magic quotes being turned on (php v5.2 or 5.3) where we get backslashes in the params, esp w/ json) Updates changelogs New jquery calendar control (yuicalendarcontrol replacement) for bootstrap framework (initially) [#742 #1120] New jquery calendar control jquery datepicker plugin updated to v2.1.8 to fix an issue when instantiated within a 'tab' [#742 #1120] Minor tweaks to get elFinder drag/drop copy/paste to work with more browsers Update database manager to v4.0.2 (failed to upload v4.0.0 main file anyway) https://github.com/exponentcms/exponent-cms/commit/9d9f0d9542e443c1539a6fa6ad11a8cf4d1681dc

[exponentcms]

Some of the newer jquery/non-bootstrap controls were moved into 'jquery' so they can be enabled in a YUI theme by adding a 'framework'=>'jquery' which will then provide the newer controls. Some controls required an interface change, and replaced the older yui controls.

[exponentcms]

Can't forget that ddrerank widget and manage pages are yui-only at this point. Goal is to have a bootstrap3 site which uses NO YUI code/styles, etc...

Note: ddrerank & filemanagercontrol are similar in nature...sortable lists w/ optional thumbnail.

[exponentcms]

Additionally in our smarty plugins, the toggle smarty block plugin and prod_images (never used) & rating (only used in ecommerce store show view) smarty function plugins use YUI3...and lest we forget yimenu & yuimenubar smarty function plugins use YUI2 (however they build YUI2 menus)

And in our form controls, yuidatetimecontrol still uses some YUI code (all frameworks), and yuicalendarcontrol (jquery)

[exponentcms]

ddrerank widget updated/converted to jQuery/bootstrap3...locally have most of the filemanagercontrol converted also.

[exponentcms]

Locally I have the bootstrap3/jquery filemanagercontrol completed and finishing some testing, I also have a non-YUI ckeditorcontrol & tinymcecontrol working (won't work inside an old yui3 exp-tab).

[exponentcms]

filemanagercontrol updated to jquery

[exponentcms]

Ok, a prioritized list

Highest priority - non-ecommerce used in a bootstrap3 theme

• popupcalendarcontrol
• ckeditorcontrol/tinymcecontrol (locally working)
• yuicalendarcontrol (all but yui frameworks) - still using lazy-cke event
• yuidatetimecontrol (all frameworks) - still using lazy-cke event
• administration/configure_site.tpl (& bs3) - alternate control
• blog/show.tpl & blog/showall.tpl - ajax paging
• blog/configure/aggregation.tpl
• common/configure/files.tpl
• common/scaffold/configure.tpl
• common/file/Gallery.tpl - lightbox
• common/file/Showcase.tpl
• common/file/Slideshow.tpl - slideshow
• core/expComment/showComments.tpl
• core/expModule/manage.tpl - checkboxes
• core/expTag/manage_modules.tpl
• events/showall.tpl, showall_Day.tpl, showall_Mini-Calendar.tpl, showall_Monthly List.tpl, & showall_Week.tpl (ajax paging)
• events/configure/pull_google.tpl (bs3) & pull_ical.tpl (bs3)
• filedownload/edit.tpl (bs3) - alternate control
• filedownload/showall.tpl (ajax paging)
• filedownload/showall_accordion.tpl
• filedownload/rss_pull.tpl
• media/edit.tpl
• media/showall.tpl (ajax paging)
• navigation/manage_hierarchy.tpl
• navigation/configure/showall.config
• news/show.tpl & showall.tpl (ajax paging)
• news/configure/rss_pull.tpl
• photo/showall.tpl
• photo/showall_accordion.tpl
• photo/showall_galleries.tpl
• photo/showall_tabbed.tpl (bs3) (lightbox & ajax paging)
• photo/configure/gallery.tpl - alternate control
• portfolio/showall.tpl
• portfolio/showall_accordion.tpl
• portfolio/showall_simple_list.tpl
• portfolio/showall_toggle.tpl
• portfolio/showall_toggle.tpl (have a working carousel replacement locally)
• search/search.tpl (ajax paging)
• search/searchQueryReport.tpl
• search/topSearchReport.tpl
• text/showall_accordion.tpl
• users/_permissions.tpl (bs3) - checkboxes
• Smarty block - toggle

Second priority - ecommerce used in a bootstrap3 theme

• tagtreecontrol (yui2 code)
• expPaginator->makeHeaderCols() - for the check-all based on 'actupon'
  • common/pagination_table.tpl
  • orderController->quickfinder()
  • reportController->cart_summary()
  • reportController->generateOrderReport()
  • reportController->generateProductReport()
• addressbook/edit.tpl (& bs3)
• eaas/edit.tpl
• donation/addToCart.tpl
• eventregistration/addToCart.tpl
• eventregistration/cartSummary.tpl
• product/addToOrder.tpl
• product/cartSummary.tpl
• product/child_edit.tpl (bs3)
• product/edit.tpl - ajax tabs
• product/options_partial.tpl
• shippingcalculators/tablebasedcalculator/configure.tpl
• billing/passthru.tpl
• billing/payflowpro.tpl
• cart/checkout.tpl (bs3)
• cart/selectShippingMethods.tpl (& bs3)
• cart/show.tpl
• ecomconfig/edit_discoutn.tpl (bs3)
• eventregistration/eventsCalendar.tpl (ajax paging)
• order/createReferenceOrder.tpl
• order/verifyReturnShipper.tpl
• store/ecomSearch.tpl
• store/edit_images.tpl
• store/edit_shipping.tpl
• store/eventsCalendar.tpl (ajax paging)
• store/show.tpl
• store/showall.tpl
• store/showFullTree_images.tpl
• store/showGiftCards.tpl
• store/showTopLevel_images.tpl
• report/menu.tpl
• report/product_report.tpl (bs3)
• report/show_payment_summary.tpl
• Smarty function prod_images
• Smarty function rating

No priority - not in the above groups

• ecommerce/expand_panels.js (we don't use) - deprecate
• ecommerce/swatch.js (we don't use) - deprecate
• purchaseOrder/edit.tpl, manage.tpl, & manage_vendors.tpl
• file/picker_cke.tpl & uploader.tpl - replaced by elFinder
• navigation/showall_YUI Top Nav.tpl

[exponentcms]

Because these lists are so long, here are some repetitive things (non-prioritied) that the solution will provide multiple fixes at once.

• ajax paging - requires a history/ajax plugin!
• xxx_pull (rss, google, ical, etc...)
• all checkboxes on/off
• alternate control
• toggle control
• accordion control
• lazy cke event (update widget before tab is built?)

[exponentcms]

deprecated files listed above removed

[exponentcms]

The nav manage hierarchy view has been updated to jquery/bootstrap3.

Also, the new listbuildercontrol and tagpickercontrol use jqueryui and should be updated to use jquery/bootstrap3 instead.

[exponentcms]

(from [c5aaff64507feff370628fa8115f02d025ecdde0]) Updates bs3 listbuildercontrol to use bs3 and not jqueryui [#1120] https://github.com/exponentcms/exponent-cms/commit/c5aaff64507feff370628fa8115f02d025ecdde0

[exponentcms]

(from [8e0eefb1de77b082abc98a4d375de2a84ca1d104]) Updates bs2/bs3 tagpickerercontrol to not use jqueryui; fixes passing of empty tags to the tag picker; also fixes possible unecessary multiple loading of tag-it script adds bootstrap-tagsinput & typeahead plugins [#1120] https://github.com/exponentcms/exponent-cms/commit/8e0eefb1de77b082abc98a4d375de2a84ca1d104

[exponentcms]

(from [84b88813c8fc7da81a2ea11cb9a9abe173b598d0]) Updates bs3 yuicalendarcontrol & yuidatetimecontrol to not use yui[#1120] https://github.com/exponentcms/exponent-cms/commit/84b88813c8fc7da81a2ea11cb9a9abe173b598d0

[exponentcms]

(from [1bb4cd314228e98ece142c57c4c854c0c2771527]) Removes commented code from recent bs3 control updates [#1120] https://github.com/exponentcms/exponent-cms/commit/1bb4cd314228e98ece142c57c4c854c0c2771527

[exponentcms]

(from [ab10bb2b19132443e9e4152a11eab92660aaa421]) Regression fix to ensure yui-min.js is loaded on views with YUI code since we can't assume that YUI is always loaded now (ecommerce in bs3 theme) [#1120] https://github.com/exponentcms/exponent-cms/commit/ab10bb2b19132443e9e4152a11eab92660aaa421

[exponentcms]

(from [86b79adb425a007ea4260c2fccb0b513c9dea5e5]) Fixes a number of anomalies (& inefficient code) in form controls due to an assumption that if a param was set, it was set to 1 [#1120] https://github.com/exponentcms/exponent-cms/commit/86b79adb425a007ea4260c2fccb0b513c9dea5e5

[exponentcms]

(from [569b9ce29d234ec55d3133d29a017e1f9e22fcee]) Adds a non-yui, but jquery only popupdatetimecontrol [#1120] https://github.com/exponentcms/exponent-cms/commit/569b9ce29d234ec55d3133d29a017e1f9e22fcee

[exponentcms]

(from [b390bb36cf73217b60c005ce6b029e4dbae266d1]) Updates bs3 listbuildercontrol to use bs3 and not jqueryui [#1120] (cherry picked from commit c5aaff6) https://github.com/exponentcms/exponent-cms/commit/b390bb36cf73217b60c005ce6b029e4dbae266d1

[exponentcms]

(from [9dd26cb4b96c0dfeb00fd6bbc905c3c375735aca]) Updates bs2/bs3 tagpickerercontrol to not use jqueryui; fixes passing of empty tags to the tag picker; also fixes possible unecessary multiple loading of tag-it script adds bootstrap-tagsinput & typeahead plugins [#1120] (cherry picked from commit 8e0eefb) https://github.com/exponentcms/exponent-cms/commit/9dd26cb4b96c0dfeb00fd6bbc905c3c375735aca

[exponentcms]

(from [9810c10bc1f67652976cac12643618d67c749e79]) Updates bs3 yuicalendarcontrol & yuidatetimecontrol to not use yui[#1120] (cherry picked from commit 84b8881) https://github.com/exponentcms/exponent-cms/commit/9810c10bc1f67652976cac12643618d67c749e79

[exponentcms]

(from [3ce69d754790e82c4174a50cf6fe90475f15f1a9]) Removes commented code from recent bs3 control updates [#1120] (cherry picked from commit 1bb4cd3) https://github.com/exponentcms/exponent-cms/commit/3ce69d754790e82c4174a50cf6fe90475f15f1a9

[exponentcms]

(from [e521e80f95a3173884619b5770600a487efcb3d5]) Regression fix to ensure yui-min.js is loaded on views with YUI code since we can't assume that YUI is always loaded now (ecommerce in bs3 theme) [#1120] (cherry picked from commit ab10bb2) https://github.com/exponentcms/exponent-cms/commit/e521e80f95a3173884619b5770600a487efcb3d5

[exponentcms]

(from [8c6fd0df42e280f8f4d2b8704bd4e80439fe41a2]) Fixes a number of anomalies (& inefficient code) in form controls due to an assumption that if a param was set, it was set to 1 [#1120] (cherry picked from commit 86b79ad) https://github.com/exponentcms/exponent-cms/commit/8c6fd0df42e280f8f4d2b8704bd4e80439fe41a2

[exponentcms]

(from [80692f4db13c5f301146bd714351aec7a53c6633]) Adds a non-yui, but jquery only popupdatetimecontrol [#1120] (cherry picked from commit 569b9ce) https://github.com/exponentcms/exponent-cms/commit/80692f4db13c5f301146bd714351aec7a53c6633

[exponentcms]

[bulk edit]

[exponentcms]

[bulk edit]

[exponentcms]

[bulk edit]

[exponentcms]

Lighthouse URL: https://exponentcms.lighthouseapp.com/projects/61783/tickets/1120