#1120 Create jquery/bootstrap3 replacement controls for yui ones - Exponent CMS

Type	To find
responsible:me	tickets assigned to you
tagged:"@high"	tickets tagged @high
milestone:next	tickets in the upcoming milestone
state:invalid	tickets with the state invalid
created:"last week"	tickets created last week
sort:number, importance, updated	tickets sorted by #, importance or updated
Combine keywords for powerful searching.
Use advanced searching »

#1120 new

Create jquery/bootstrap3 replacement controls for yui ones

Reported by dleffler | December 24th, 2013 @ 02:03 AM

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

Comments and changes to this ticket

dleffler December 24th, 2013 @ 06:48 PM
- Title changed from “Create jquery replacement controls for yui one” to “Create jquery replacement controls for yui ones”
As a note this ticket applies to the /framework/core/forms/controls and not to any control or widget coded within a view.
dleffler January 3rd, 2014 @ 02:43 AM
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
dleffler January 3rd, 2014 @ 03:26 AM
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
expNinja January 3rd, 2014 @ 06:06 AM
(from [84e29d7a0fd14813451b9c3643e587cbd05c941a]) Adds new bootstrap (actually jquery) tag picker control [#1120] https://github.com/exponentcms/exponent-cms/commit/84e29d7a0fd14813...
expNinja January 3rd, 2014 @ 03:53 PM
(from [970dedf37ebd04bbf5e22e5fac8c017fb3e19ea6]) Replaces existing color control w/ jquery spectrum [#1120] https://github.com/exponentcms/exponent-cms/commit/970dedf37ebd04bb...
expNinja January 3rd, 2014 @ 03:53 PM
(from [3e815f7741f8dece35f401642f987ea03c520d87]) Replace yui2 lightbox used to optionally display calendar events w/ jquery colorbox [#1120 #747]] https://github.com/exponentcms/exponent-cms/commit/3e815f7741f8dece...
dleffler January 4th, 2014 @ 05:14 AM
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.
expNinja January 9th, 2014 @ 10:47 PM
(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/ca8431956d16e8d4...
expNinja January 10th, 2014 @ 12:24 AM
(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/d08cf31fed5d3e37...
expNinja January 10th, 2014 @ 03:51 AM
(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/cef8fe6cf62c5189...
expNinja January 15th, 2014 @ 09:49 PM
(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/5b3f885c60614d5d...
expNinja January 16th, 2014 @ 03:16 AM
(from [e09c0784832894df38cf60aa97fbc5803e8966e5]) New jquery calendar control (yuicalendarcontrol replacement) for bootstrap framework (initially) [#742 #1120] https://github.com/exponentcms/exponent-cms/commit/e09c0784832894df...
expNinja January 17th, 2014 @ 03:26 PM
(from [1215ebfaa5ead69500f1292a15a741268072b4a8]) Missing file for new yuidatetimecontrol, minor updates to elFinder [#1120 #742] https://github.com/exponentcms/exponent-cms/commit/1215ebfaa5ead695...
expNinja January 22nd, 2014 @ 03:08 AM
(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/9d9f0d9542e443c1...
expNinja January 22nd, 2014 @ 03:09 AM
(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/9d9f0d9542e443c1...
expNinja January 22nd, 2014 @ 03:09 AM
(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/9d9f0d9542e443c1...
dleffler March 1st, 2014 @ 01:57 AM
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.
dleffler August 13th, 2014 @ 03:22 PM
- Title changed from “Create jquery replacement controls for yui ones” to “Create jquery/bootstrap3 replacement controls for yui ones”
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.
dleffler August 13th, 2014 @ 08:17 PM
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)
dleffler August 15th, 2014 @ 07:32 PM
- Assigned user set to “dleffler”
ddrerank widget updated/converted to jQuery/bootstrap3...locally have most of the filemanagercontrol converted also.
dleffler August 16th, 2014 @ 10:12 PM
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).
dleffler August 19th, 2014 @ 11:07 AM
filemanagercontrol updated to jquery
dleffler August 21st, 2014 @ 02:03 AM
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
dleffler August 21st, 2014 @ 02:07 AM
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?)
dleffler August 22nd, 2014 @ 03:23 PM
deprecated files listed above removed
dleffler August 22nd, 2014 @ 07:50 PM
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.
expNinja September 3rd, 2014 @ 03:17 PM
(from [c5aaff64507feff370628fa8115f02d025ecdde0]) Updates bs3 listbuildercontrol to use bs3 and not jqueryui [#1120] https://github.com/exponentcms/exponent-cms/commit/c5aaff64507feff3...
expNinja September 3rd, 2014 @ 07:36 PM
(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/8e0eefb1de77b082...
expNinja September 3rd, 2014 @ 08:42 PM
(from [84b88813c8fc7da81a2ea11cb9a9abe173b598d0]) Updates bs3 yuicalendarcontrol & yuidatetimecontrol to not use yui[#1120] https://github.com/exponentcms/exponent-cms/commit/84b88813c8fc7da8...
expNinja September 3rd, 2014 @ 08:49 PM
(from [1bb4cd314228e98ece142c57c4c854c0c2771527]) Removes commented code from recent bs3 control updates [#1120] https://github.com/exponentcms/exponent-cms/commit/1bb4cd314228e98e...
expNinja September 4th, 2014 @ 02:17 AM
(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/ab10bb2b19132443...
expNinja September 4th, 2014 @ 02:17 AM
(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/86b79adb425a007e...
expNinja September 4th, 2014 @ 02:17 AM
(from [569b9ce29d234ec55d3133d29a017e1f9e22fcee]) Adds a non-yui, but jquery only popupdatetimecontrol [#1120] https://github.com/exponentcms/exponent-cms/commit/569b9ce29d234ec5...
expNinja September 26th, 2014 @ 04:25 AM
(from [b390bb36cf73217b60c005ce6b029e4dbae266d1]) Updates bs3 listbuildercontrol to use bs3 and not jqueryui #1120 https://github.com/exponentcms/exponent-cms/commit/b390bb36cf73217b...
expNinja September 26th, 2014 @ 04:25 AM
(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 https://github.com/exponentcms/exponent-cms/commit/9dd26cb4b96c0dfe...
expNinja September 26th, 2014 @ 04:25 AM
(from [9810c10bc1f67652976cac12643618d67c749e79]) Updates bs3 yuicalendarcontrol & yuidatetimecontrol to not use yui #1120 https://github.com/exponentcms/exponent-cms/commit/9810c10bc1f67652...
expNinja September 26th, 2014 @ 04:25 AM
(from [3ce69d754790e82c4174a50cf6fe90475f15f1a9]) Removes commented code from recent bs3 control updates #1120 https://github.com/exponentcms/exponent-cms/commit/3ce69d754790e82c...
expNinja September 26th, 2014 @ 04:25 AM
(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 https://github.com/exponentcms/exponent-cms/commit/e521e80f95a31738...
expNinja September 26th, 2014 @ 04:25 AM
(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 https://github.com/exponentcms/exponent-cms/commit/8c6fd0df42e280f8...
expNinja September 26th, 2014 @ 04:25 AM
(from [80692f4db13c5f301146bd714351aec7a53c6633]) Adds a non-yui, but jquery only popupdatetimecontrol #1120 https://github.com/exponentcms/exponent-cms/commit/80692f4db13c5f30...
dleffler December 26th, 2015 @ 05:59 AM
- Milestone set to “2.3.7”
[bulk edit]
dleffler January 1st, 2016 @ 04:18 AM
- Milestone changed from “2.3.7” to “2.3.8”
[bulk edit]
dleffler May 2nd, 2016 @ 08:35 PM
- Milestone cleared.
[bulk edit]

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.