Bootstrap javascript components initiator

[dgrammatiko]

Pull Request for Issue #11654

Summary of Changes

• No more inline scipts for bootstrap components
• Make Joomla's bootstrap (js) dependancy less strict, as the init script together with the jlayouts dictate the js framework. For example someone can override bootstrap.js, bootstrap-init.js and the layouts and use Foundation or Ukit or any other framework!

Testing Instructions

You will Need to use 3.7 branch for testing!!!

For modals, tooltips, popover and tabs apply this patch and navigate to isis template on the backend. Ensure that no javascript errors are logged and everything still works.
To test the other bootstrap components download this module https://github.com/dgt41/bootstrap-test/raw/gh-pages/bootstrap_test.zip install, publish in the front end and then visit that page (template must be protostar).
Enjoy!

B/C

There are few layouts that are touched, but joomla's b/c promise states that these are not B/C breaks. Down to PLT for a decision on that.

Documentation Changes Required

None.

---

This change is 

[brianteeman]

If you are removing a file please add it to the list in script.php

[dgrammatiko]

@brianteeman done, thanks!

[andrepereiradasilva]

this seems to work fine.

side note: have the other tabs issue (Permissions Tab selected) (#11648) but not related to this PR.

[zero-24]

I have notices that in the backend the Edit Tooltips (e.g. com_content) don't work anymore as bs tooltips there are just browser tooltips.

Also I'm not sure if this is a bug here or in the mod if i show it in the frontend it looks like this:

See the kitten on the debug console. Also the page is jumping.

What is Affix supposed to do?

[dgrammatiko]

@zero-24 try to use the module in an article with {loadmodule...} or {loadposition...}. This module wasn't created or tested for narrow positions (left, right etc), so that might be a problem.
Affix just sticks the image to a given value (in px) so when you scroll the image should remain in the same position

[zero-24]

I have tested this item ✅ successfully on cbcb940

👍 Thanks

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/11922.}

[hans2103]

I have tested this item ✅ successfully on cbcb940

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/11922.}

[dgrammatiko]

Conflicts resolved

[roland-d]

@zero-24 and @hans2103 Can you test once more? Thanks.

[hans2103]

I have tested this item ✅ successfully on 9e0f4bd

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/11922.}

[Fedik]

it is always will be true as on top you use modal = $('.joomla-modal'),
jQuery always return "jQuery object" even if .joomla-modal do not exist on the page,

maybe you meant if(modal.length)?

[dgrammatiko]

Ahhh, I though modal = Joomla.getOptions('bootstrap.modal') which of course is not the case....

[roland-d]

@dgt41 I am afraid there is a new conflict.

[dgrammatiko]

@roland-d and fixed

[zero-24]

@dgt41 did you want to close this? So this should be removed from the mileston too?

[dgrammatiko]

First of all a big thank you to all the people spend some time with this PR.
An now the explanation why I closed it:
My main idea here was

• remove the inline script
• get the code ready for some Joomla.ui API that would freed joomla from any javascript framework.

I am sorry that I have wasted people's precious time here 😕

[zero-24]

Thanks 👍