Add support for email and url form fields (#11708)

* add support for email and url form fields

* UI test

CHANGELOG.md

@@ -13,6 +13,7 @@ The Product Changelog at **[piwik.org/changelog](http://piwik.org/changelog)** l
 * A new JavaScript tracker method `getCurrentUrl` has been added to retrieve the current URL of the website. 
 * A new JavaScript tracker method `getNumTrackedPageViews` has been added to retrieve the number of tracked page views within the currently loaded page or web application. 
 * New JavaScript tracker methods `setSessionCookie`, `getCookie`, `hasCookies`, `getCookieDomain`, `getCookiePath`, and `getSessionCookieTimeout` have been added for better cookie support in plugins. 
+* `email` and `url` form fields can now be used in settings.
 
 ## Piwik 3.0.3
 

core/Settings/FieldConfig.php

@@ -26,6 +26,16 @@ class FieldConfig
      */
     const UI_CONTROL_TEXT = 'text';
 
+    /**
+     * Shows an email text field. To use this field assign it to the `$uiControl` property.
+     */
+    const UI_CONTROL_EMAIL = 'email';
+
+    /**
+     * Shows a URL text field. To use this field assign it to the `$uiControl` property.
+     */
+    const UI_CONTROL_URL = 'url';
+
     /**
      * Shows a text area. To use this field assign it to the `$uiControl` property.
      */

plugins/CorePluginsAdmin/angularjs/form-field/form-field.directive.js

@@ -148,7 +148,7 @@
 
         function getTemplate(field) {
             var control = field.uiControl;
-            if (control === 'password') {
+            if (control === 'password' || control === 'url' || control === 'search' || control === 'email') {
                 control = 'text'; // we use same template for text and password both
             }
 

plugins/Morpheus/templates/demo.twig

@@ -274,7 +274,7 @@
                      placeholder="Some text here">
                 </div>
 
-                <div piwik-field uicontrol="text" name="email"
+                <div piwik-field uicontrol="email" name="email"
                      title="Email"
                      inline-help="This is the inline help which provides more information.">
                 </div>
@@ -314,6 +314,9 @@
                      placeholder="Some text here...">
                 </div>
 
+                <div piwik-field uicontrol="url" name="urlText" title="URL" inline-help="URL field">
+                </div>
+
                 <div piwik-field uicontrol="textarea" name="description"
                      title="Description"
                      inline-help="This is a textarea. It automatically gets larger the more text is entered.">
@@ -375,7 +378,7 @@
           placeholder=&quot;Some text here&quot;&gt;
     &lt;/div&gt;
 
-    &lt;div piwik-field uicontrol=&quot;text&quot; name=&quot;email&quot;
+    &lt;div piwik-field uicontrol=&quot;email&quot; name=&quot;email&quot;
          title=&quot;Email&quot;
          inline-help=&quot;This is the inline help which provides more information.&quot;&gt;
     &lt;/div&gt;
@@ -415,6 +418,9 @@
          placeholder=&quot;Some text here...&quot;&gt;
     &lt;/div&gt;
 
+    &lt;div piwik-field uicontrol=&quot;url&quot; name=&quot;urlText&quot; title=&quot;URL&quot; inline-help=&quot;URL field&quot;&gt;
+    &lt;/div&gt;
+
     &lt;div piwik-field uicontrol=&quot;textarea&quot; name=&quot;description&quot;
          title=&quot;Description&quot;
          inline-help=&quot;This is a textarea. It automatically gets larger the more text is entered.&quot;&gt;