| <!-- |
| Copyright (C) 2015 The Android Open Source Project |
| |
| Licensed under the Apache License, Version 2.0 (the "License"); |
| you may not use this file except in compliance with the License. |
| You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| |
| <link rel="import" href="../bower_components/polymer/polymer.html"> |
| <script src="../scripts/ba-linkify.js"></script> |
| <script src="../scripts/link-text-parser.js"></script> |
| <dom-module id="gr-linked-text"> |
| <template> |
| <style> |
| :host { |
| display: block; |
| } |
| :host([pre]) span { |
| white-space: pre-wrap; |
| word-wrap: break-word; |
| } |
| :host([disabled]) a { |
| color: inherit; |
| text-decoration: none; |
| pointer-events: none; |
| } |
| </style> |
| <span id="output"></span> |
| </template> |
| <script> |
| 'use strict'; |
| |
| Polymer({ |
| is: 'gr-linked-text', |
| |
| properties: { |
| content: { |
| type: String, |
| observer: '_contentChanged', |
| }, |
| pre: { |
| type: Boolean, |
| value: false, |
| reflectToAttribute: true, |
| }, |
| disabled: { |
| type: Boolean, |
| value: false, |
| reflectToAttribute: true, |
| }, |
| config: Object, |
| }, |
| |
| observers: [ |
| '_contentOrConfigChanged(content, config)', |
| ], |
| |
| _contentChanged: function(content) { |
| // In the case where the config may not be set (perhaps due to the |
| // request for it still being in flight), set the content anyway to |
| // prevent waiting on the config to display the text. |
| if (this.config != null) { return; } |
| this.$.output.textContent = content; |
| }, |
| |
| _contentOrConfigChanged: function(content, config) { |
| var output = Polymer.dom(this.$.output); |
| output.textContent = ''; |
| var parser = new GrLinkTextParser(config, function(text, href, html) { |
| if (href) { |
| var a = document.createElement('a'); |
| a.href = href; |
| a.textContent = text; |
| a.target = '_blank'; |
| output.appendChild(a); |
| } else if (html) { |
| var fragment = document.createDocumentFragment(); |
| // Create temporary div to hold the nodes in. |
| var div = document.createElement('div'); |
| div.innerHTML = html; |
| while (div.firstChild) { |
| fragment.appendChild(div.firstChild); |
| } |
| output.appendChild(fragment); |
| } else { |
| output.appendChild(document.createTextNode(text)); |
| } |
| }); |
| parser.parse(content); |
| } |
| }); |
| </script> |
| </dom-module> |