MAGETWO-89383: [UI Component] URL Input: External Link

Author: irenelagno

app/code/Magento/Ui/Model/UrlInput/LinksProvider.php renamed to app/code/Magento/Ui/Model/UrlInput/LinksConfigProvider.php

@@ -11,7 +11,7 @@
 /**
  * Returns information about allowed links
  */
-class LinksProvider implements ConfigInterface
+class LinksConfigProvider implements ConfigInterface
 {
     /**
      * @var array

app/code/Magento/Ui/Model/UrlInput/DefaultLink.php renamed to app/code/Magento/Ui/Model/UrlInput/Url.php

@@ -10,9 +10,8 @@
 /**
  * Returns configuration for default Url Input type
  */
-class DefaultLink implements ConfigInterface
+class Url implements ConfigInterface
 {
-
     /**
      * {@inheritdoc}
      */

app/code/Magento/Ui/etc/adminhtml/di.xml

@@ -44,10 +44,10 @@
             </argument>
         </arguments>
     </type>
-    <type name="Magento\Ui\Model\UrlInput\LinksProvider">
+    <type name="Magento\Ui\Model\UrlInput\LinksConfigProvider">
         <arguments>
             <argument name="linksConfiguration" xsi:type="array">
-                <item name="default" xsi:type="string">Magento\Ui\Model\UrlInput\DefaultLink</item>
+                <item name="default" xsi:type="string">Magento\Ui\Model\UrlInput\Url</item>
             </argument>
         </arguments>
     </type>

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

@@ -25,8 +25,6 @@ define([
             isDisplayAdditionalSettings: true,
             settingValue: false,
             settingLabel: $t('Open in new tab'),
-
-            //observable object(without functional call)
             tracks: {
                 linkedElement: true
             },
@@ -49,12 +47,8 @@ define([
             }
         },
 
-        /**
-         *
-         * @inheritdoc
-         */
+        /** @inheritdoc */
         initialize: function () {
-
             this._super()
                 .setOptions();
 
@@ -76,6 +70,8 @@ define([
 
         /**
          * Adds link types array with default settings
+         *
+         * @return {Object}
          */
         processLinkTypes: function () {
             var processedLinkTypes = {},
@@ -98,7 +94,7 @@ define([
         /**
          * Set options to select based on link types configuration
          *
-         * @return {exports}
+         * @return {Object}
          */
         setOptions: function () {
             var result = [];
@@ -121,9 +117,7 @@ define([
             return this;
         },
 
-        /**
-         * @inheritdoc
-         */
+        /** @inheritdoc */
         setPreview: function (visible) {
             this.linkedElement().visible(visible);
         },
@@ -132,15 +126,12 @@ define([
          * Initializes observable properties of instance
          *
          * @param {Boolean} disabled
-         * @returns void.
          */
         hideLinkedElement: function (disabled) {
             this.linkedElement().disabled(disabled);
         },
 
-        /**
-         * @{inheritDoc}
-         */
+        /** @inheritdoc */
         destroy: function () {
             _.each(this.linkedElementInstances, function (value) {
                 value().destroy();

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

@@ -7,6 +7,7 @@
 <!--render select with link types-->
 <div class="admin__field url-input-container"
      visible="visible"
+     css="$data.additionalClasses"
      attr="'data-index': index">
     <label class="admin__field-label" if="$data.label" visible="$data.labelVisible" attr="for: uid">
         <span translate="label" attr="'data-config-scope': $data.scopeLabel"/>

app/design/adminhtml/Magento/backend/web/css/source/components/_url_input.less

@@ -26,9 +26,6 @@
     .url-input-element-linked-element {
         float: left;
         margin-left: 1.5em;
-        max-width: calc(79%);
-        min-width: calc(79%);
+        width: calc(~'100% - 9em');
     }
 }
-
-