[Password Manager] Changes implementation of left elided origins (Relanding)

chrome/browser/resources/options/password_manager_list.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('options.passwordManager', function() {
   /** @const */ var ArrayDataModel = cr.ui.ArrayDataModel;
   /** @const */ var DeletableItemList = options.DeletableItemList;
   /** @const */ var DeletableItem = options.DeletableItem;
   /** @const */ var List = cr.ui.List;
 
@@ skipping 40 matching lines @@
   function getTitleForPasswordOrigin(item) {
     var title = item.url;
     if (item.isAndroidUri)
       return title;
     if (!item.isSecure) {
       var ind = title.indexOf('://');
       if (ind >= 0) {
         title = title.substring(ind + 3);
       }
     }
-    // Since the direction is switched to RTL, punctuation symbols appear on the
-    // left side, that is wrong. So, just remove trailing punctuation symbols.
-    title = title.replace(/[^A-Za-z0-9]+$/, '');
     return title;
   }
 
   /**
    * Helper function that creates an HTML element for displaying the origin of
    * saved password.
    * @param {Object} item A dictionary of data on the list item.
    * @param {Element} urlDiv div-element that will enclose the created
    *     element.
    * @return {Element} The element for displaying password origin.
    */
   function createUrlLink(item, urlDiv) {
     var urlLink;
     if (!item.isAndroidUri) {
       urlLink = item.ownerDocument.createElement('a');
       urlLink.href = item.url;
       urlLink.setAttribute('target', '_blank');
-      urlLink.textContent = item.shownUrl.split('').reverse().join('');
-
-      urlDiv.classList.add('left-elided-url');
+      urlLink.dir = 'ltr';
     } else {
       urlLink = item.ownerDocument.createElement('span');
-      urlLink.textContent = item.shownUrl;
     }
+    urlLink.textContent = item.shownUrl;
     urlLink.addEventListener('focus', function() {
       item.handleFocus();
     }.bind(item));
     return urlLink;
   }
 
   PasswordListItem.prototype = {
     __proto__: DeletableItem.prototype,
 
     /** @override */
     decorate: function() {
       DeletableItem.prototype.decorate.call(this);
 
       // The URL of the site.
       var urlDiv = this.ownerDocument.createElement('div');
       urlDiv.className = 'favicon-cell url';
       urlDiv.setAttribute('title', getTitleForPasswordOrigin(this));
       urlDiv.style.backgroundImage = getFaviconImageSet(
           'origin/' + this.url, 16);
 
       this.urlLink = createUrlLink(this, urlDiv);
       urlDiv.appendChild(this.urlLink);
 
+      this.urlDiv = urlDiv;
       this.contentElement.appendChild(urlDiv);
 
       // The stored username.
       var usernameDiv = this.ownerDocument.createElement('div');
       usernameDiv.className = 'name';
       usernameDiv.title = this.username;
       this.contentElement.appendChild(usernameDiv);
       var usernameInput = this.ownerDocument.createElement('input');
       usernameInput.type = 'text';
       usernameInput.className = 'inactive-item';
@@ skipping 245 matching lines @@
       // The URL of the site.
       var urlDiv = this.ownerDocument.createElement('div');
       urlDiv.className = 'favicon-cell url';
       urlDiv.setAttribute('title', getTitleForPasswordOrigin(this));
       urlDiv.style.backgroundImage = getFaviconImageSet(
         'origin/' + this.url, 16);
 
       this.urlLink = createUrlLink(this, urlDiv);
       urlDiv.appendChild(this.urlLink);
 
+      this.urlDiv = urlDiv;
       this.contentElement.appendChild(urlDiv);
     },
 
     /** @override */
     selectionChanged: function() {
       if (this.selected) {
         this.setFocusable_(true);
         this.urlLink.focus();
       } else {
         this.setFocusable_(false);
@@ skipping 172 matching lines @@
     PasswordExceptionsList: PasswordExceptionsList,
     ORIGIN_FIELD: ORIGIN_FIELD,
     SHOWN_URL_FIELD: SHOWN_URL_FIELD,
     IS_SECURE_FIELD: IS_SECURE_FIELD,
     USERNAME_FIELD: USERNAME_FIELD,
     PASSWORD_FIELD: PASSWORD_FIELD,
     FEDERATION_FIELD: FEDERATION_FIELD,
     ORIGINAL_INDEX_FIELD: ORIGINAL_INDEX_FIELD
   };
 });