[CUPS] Implement the UI handler for adding a new printer.

chrome/browser/resources/settings/printing_page/cups_printers.html

Index: chrome/browser/resources/settings/printing_page/cups_printers.html
diff --git a/chrome/browser/resources/settings/printing_page/cups_printers.html b/chrome/browser/resources/settings/printing_page/cups_printers.html
index 7bc457ffb38824e00b2fcdc8b45fcd0080d45108..f10d0919326e95428d56fb21a945f3d0a0479d69 100644
--- a/chrome/browser/resources/settings/printing_page/cups_printers.html
+++ b/chrome/browser/resources/settings/printing_page/cups_printers.html
@@ -15,6 +15,19 @@
         color: blue;
         text-decoration: underline;
       }
+
+      .message {
+        background-color: black;
+        color: white;
+        font: 13px;
+        left: 150px;

[michaelpg, 2016/09/20 20:58:42]

you'll need to make this work in RTL, e.g.:

.message[dir=rtl] {
  left: 0;
  right: 150px;
}

you can test with a language like Arabic

[xdai1, 2016/09/21 17:40:19]

I could not test the exact string since it hasn't been translated so I used a
similar string and tested it. It looks fine to me (I made a screenshot here:
https://drive.google.com/corp/drive/u/0/folders/0B4R9nvLdzmC9d3o2WDNyNGRjejQ See
the back rectangle). Let me know if it looks good to you.

[michaelpg, 2016/09/21 19:13:23]

So the rectangle is centered horizontally at any width (when you resize the
page)?

[xdai1, 2016/09/21 23:16:16]

No, it's not... It's always centered horizontally against the full width of the
Cups print subpage. 

+        padding-bottom: 15px;
+        padding-top: 15px;
+        position: absolute;
+        text-align: center;
+        top: 550px;
+        width: 350px;
+      }
     </style>
 
     <div class="settings-box first">
@@ -29,6 +42,10 @@
     <settings-cups-printers-list printers="{{printers}}"
         search-term="[[searchTerm]]">
     </settings-cups-printers-list>
+
+    <div class="message" id="addPrinterMessage" hidden>
+      $i18n{printerAddedSuccessfulMessage}
+    </div>
   </template>
   <script src="cups_printers.js"></script>
 </dom-module>