From c1e33b4fc65eb6c97a6f4575303f536e7c7bf5ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Sun, 4 Mar 2018 13:18:58 +0100
Subject: [PATCH] Preparing styling and icons

---
 app/resources/images/share-screen.svg   | 11 +++++++++++
 app/resources/images/unshare-screen.svg | 12 ++++++++++++
 app/stylus/components/Room.styl         | 19 +++++++++++++++++++
 3 files changed, 42 insertions(+)
 create mode 100644 app/resources/images/share-screen.svg
 create mode 100644 app/resources/images/unshare-screen.svg

diff --git a/app/resources/images/share-screen.svg b/app/resources/images/share-screen.svg
new file mode 100644
index 0000000..cbd90b4
--- /dev/null
+++ b/app/resources/images/share-screen.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96 96" style="enable-background:new 0 0 96 96;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#333333;}
+</style>
+<g id="XMLID_2_">
+	<path id="XMLID_6_" class="st0" d="M66.3,61.8c2.5,0,4.6-2.1,4.6-4.6l0-22.9c0-2.5-2.1-4.6-4.6-4.6H29.7c-2.5,0-4.6,2-4.6,4.6v22.9
+		c0,2.5,2,4.6,4.6,4.6h-9.2v4.6h55v-4.6H66.3z M50.3,53.7v-5c-6.4,0-10.6,1.9-13.8,6.2c1.3-6.1,4.8-12.2,13.8-13.5v-4.9l9.2,8.5
+		L50.3,53.7z"/>
+</g>
+</svg>
diff --git a/app/resources/images/unshare-screen.svg b/app/resources/images/unshare-screen.svg
new file mode 100644
index 0000000..8193903
--- /dev/null
+++ b/app/resources/images/unshare-screen.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96 96" style="enable-background:new 0 0 96 96;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#333333;}
+</style>
+<g id="XMLID_2_">
+	<path id="XMLID_8_" class="st0" d="M69.1,61.3l4.6,4.6h1.8v-4.6H69.1z M70.9,56.7l0-22.9c0-2.5-2.1-4.6-4.6-4.6H37l12,12
+		c0.4-0.1,0.8-0.2,1.3-0.2v-4.9l9.2,8.5L55.8,48l12.7,12.7C69.9,59.9,70.9,58.4,70.9,56.7z M26,23.9L23,26.8l3.5,3.5
+		c-0.9,0.8-1.5,2-1.5,3.4v22.9c0,2.5,2,4.6,4.6,4.6h-9.2v4.6H62l6.2,6.2l2.9-2.9L26,23.9z M36.5,54.4c0.7-3.4,2.1-6.8,4.7-9.3
+		l3.6,3.6C41.4,49.6,38.7,51.4,36.5,54.4z"/>
+</g>
+</svg>
diff --git a/app/stylus/components/Room.styl b/app/stylus/components/Room.styl
index 5cd6b26..d305da7 100644
--- a/app/stylus/components/Room.styl
+++ b/app/stylus/components/Room.styl
@@ -232,6 +232,25 @@
 				}
 			}
 
+			&.screen {
+				&.on {
+					background-image: url('/resources/images/unshare-screen.svg');
+				}
+
+				&.off {
+					background-image: url('/resources/images/share-screen.svg');
+				}
+
+				&.unsupported {
+					background-image: url('/resources/images/unshare-screen.svg');
+					background-color: rgba(#d42241, 0.7);
+				}
+
+				&.need-extension {
+					background-image: url('/resources/images/share-screen.svg');
+				}
+			}
+
 			&.leave-meeting {
 				background-image: url('/resources/images/leave-meeting.svg');
 			}