Color field using JLayouts

[dgrammatiko]

Use JLayout for the html output

Summary of Changes

• Split the layout to 2: simple and advanced
• Added relevant script files for the initialisation (static files @ media/system/js)
• Deprecated the Html::behaviour.simplecolorpicker and Html::behaviour.colorpicker

Testing Instructions

To test edit isis template xml and add:

                <field name="color"
                       class=""
                       type="color"
                       default="#1A3867"
                       validate="color"
                        control=""
                       label="color: " />

Changing control to control="simple" you initiate the simple mode, the advanced is the default.

Preview

Simple mode:

Advanced mode:

[RonakParmar]

Do I have to do anything extra to test this PR except applying this PR?
I have added above color code field in template.xml and works fine with applying PR, but when I have applied PR got javascript error. Please see screen dump of error.

---

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

[RonakParmar]

I have tested this item ✅ successfully on 40b09b8

---

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

[cyrezdev]

missing "k" in spellcheck ... ;-)
(i've seen this typo error in your latest PRs too)

[cyrezdev]

I have tested this item successfully, but i can't mark it on joomla issue tracker as i can't access the website since this morning, telling me "You are a terrible, terrible person." 😞
But i'm not!
@mbabker maybe you can help me ? I don't know who to contact to know why my IP is blocked from accessing issue tracker ?

Note: it happened 2 hours ago, while opening the issue tracker site on my iPhone...

[brianteeman]

@JoomliC - everyone has that problem right now - its a server issue we are waiting a fix for

[cyrezdev]

@brianteeman Thanks! Good to know my mobile is ok ;-)

[nikitadhiman]

I have tested this item ✅ successfully on 40b09b8

This is good :)

---

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

[cyrezdev]

I have tested this item ✅ successfully on 40b09b8

---

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

[brianteeman]

RTC

---

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

[wilsonge]

Merged with 6aeb68b - thanks!