MAGETWO-89168: Develop UI component

Author: irenelagno

app/code/Magento/Ui/Model/UrlInput/LinksProvider.php

@@ -38,7 +38,9 @@ public function __construct(
         $this->objectManager = $objectManager;
     }
 
-
+    /**
+     * {@inheritdoc}
+     */
     public function getConfig()
     {
         $config = [];

app/code/Magento/Ui/view/base/ui_component/etc/definition/ui_settings.xsd

@@ -610,6 +610,12 @@
         </xs:choice>
     </xs:complexType>
 
+    <xs:complexType name="linksType">
+        <xs:sequence minOccurs="0" maxOccurs="unbounded">
+            <xs:element name="link" type="linkType"/>
+        </xs:sequence>
+    </xs:complexType>
+
     <xs:complexType name="exportsType">
         <xs:sequence minOccurs="0" maxOccurs="unbounded">
             <xs:element name="link" type="linkType"/>

app/code/Magento/Ui/view/base/web/js/form/element/url-input.js

@@ -8,12 +8,10 @@
  */
 define([
     'underscore',
-    'mageUtils',
     'uiLayout',
     'mage/translate',
-    'Magento_Ui/js/lib/validation/validator',
     'Magento_Ui/js/form/element/abstract'
-], function (_, utils, layout, $t, validator, Abstract) {
+], function (_, layout, $t, Abstract) {
     'use strict';
 
     return Abstract.extend({
@@ -56,10 +54,8 @@ define([
          * @returns {Abstract} Chainable.
          */
         initObservable: function () {
-
-            this._super();
-
-            this.observe('componentTemplate options value linkType settingValue checked isDisplayAdditionalSettings')
+            this._super()
+                .observe('componentTemplate options value linkType settingValue checked isDisplayAdditionalSettings')
                 .processLinkTypes()
                 .setOptions();
 
@@ -148,9 +144,7 @@ define([
          * @return void
          */
         updateSettingValue: function (checked) {
-            if (checked) {
-                this.source.set(this.dataScope + '.setting', checked);
-            }
+            this.source.set(this.dataScope + '.setting', checked);
         },
 
         /**
@@ -161,22 +155,21 @@ define([
          * @return void
          */
         renderComponent: function (value) {
-
             if (!_.isUndefined(value) && value) {
-                this.getChildUrlInputComponent(value);
+                this.setChildUrlInputComponent(value);
                 //to store current element
                 this.linkedElement = this.linkedElementInstances[value];
                 this.linkType(value);
             }
         },
 
         /**
-         * Returns child component by value
+         * Set child component by value
          *
          * @param {String} value
          * @return void
          */
-        getChildUrlInputComponent: function (value) {
+        setChildUrlInputComponent: function (value) {
             var elementConfig;
 
             if (_.isUndefined(this.linkedElementInstances[value])) {
@@ -198,7 +191,9 @@ define([
          * Add ability to choose check box by clicking on label
          */
         checkboxClick: function () {
-            this.checked(!this.checked());
+            if (!this.disabled()) {
+                this.checked(!this.checked());
+            }
         }
     });
 });

app/code/Magento/Ui/view/base/web/templates/form/element/urlInput/setting.html

@@ -5,7 +5,7 @@
  */
 -->
 <!--display container to specify url options(Example: open in new tab)-->
-<div class="admin__field admin__field-option url-input-setting">
+<div class="admin__field admin__field-option url-input-setting" visible="visible" click="checkboxClick">
     <input type="checkbox"
            class="admin__control-checkbox"
            ko-checked="$data.checked"

app/code/Magento/Ui/view/base/web/templates/form/element/urlInput/typeSelector.html

@@ -9,6 +9,7 @@
         name: inputName,
         id: uid,
         disabled: disabled,
+        visible: visible,
         'aria-describedby': noticeId
     },
     hasFocus: focused,