Add viewer-error-screen element to html-office-public
This element just displays a grey screen with some text in the center.
BUG=303491
R=ganetsky@chromium.org
Review URL: https://codereview.chromium.org/159363003
diff --git a/elements/viewer-error-screen/viewer-error-screen.css b/elements/viewer-error-screen/viewer-error-screen.css
new file mode 100644
index 0000000..9c7c7c8
--- /dev/null
+++ b/elements/viewer-error-screen/viewer-error-screen.css
@@ -0,0 +1,18 @@
+:host {
+ background-color: #ccc;
+ color: #555;
+ font-family: sans-serif;
+ font-size: 20px;
+ height: 100%;
+ pointer-events: none;
+ position: fixed;
+ text-align: center;
+ width: 100%;
+}
+
+#load-failed-message {
+ line-height: 0;
+ position: absolute;
+ top: 50%;
+ width: 100%;
+}
\ No newline at end of file
diff --git a/elements/viewer-error-screen/viewer-error-screen.html b/elements/viewer-error-screen/viewer-error-screen.html
new file mode 100644
index 0000000..d926f6f
--- /dev/null
+++ b/elements/viewer-error-screen/viewer-error-screen.html
@@ -0,0 +1,9 @@
+<polymer-element name="viewer-error-screen" attributes="text">
+<template>
+ <link rel="stylesheet" href="viewer-error-screen.css">
+ <div id="load-failed-message">{{text}}</div>
+</template>
+<script>
+ Polymer('viewer-error-screen', {});
+</script>
+</polymer-element>
