From 30f1de1aa5d1594e148b9ec38f73077b5853342d Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <Julia.Radzhabova@onlyoffice.com>
Date: Mon, 16 Jan 2017 15:12:23 +0300
Subject: [PATCH] [PE mobile] Change icons.

---
 .../mobile/app/template/Toolbar.template               |  2 +-
 .../mobile/resources/css/app-ios.css                   |  5 +++++
 .../mobile/resources/css/app-material.css              | 10 ++++++++++
 .../mobile/resources/less/ios/_icons.less              |  5 +++++
 .../mobile/resources/less/material/_icons.less         | 10 ++++++++++
 5 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/apps/presentationeditor/mobile/app/template/Toolbar.template b/apps/presentationeditor/mobile/app/template/Toolbar.template
index f9cc8a830..3fdbea786 100644
--- a/apps/presentationeditor/mobile/app/template/Toolbar.template
+++ b/apps/presentationeditor/mobile/app/template/Toolbar.template
@@ -29,7 +29,7 @@
             </a>
             <% } %>
             <a href="#" id="toolbar-preview" class="link icon-only">
-                <i class="icon icon-edit"></i>
+                <i class="icon icon-play"></i>
             </a>
             <a href="#" id="toolbar-edit" class="link icon-only" style="display: none;">
                 <i class="icon icon-edit"></i>
diff --git a/apps/presentationeditor/mobile/resources/css/app-ios.css b/apps/presentationeditor/mobile/resources/css/app-ios.css
index 0785e760e..b3c511c83 100644
--- a/apps/presentationeditor/mobile/resources/css/app-ios.css
+++ b/apps/presentationeditor/mobile/resources/css/app-ios.css
@@ -6281,6 +6281,11 @@ i.icon.icon-edit {
   height: 22px;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C20h22v1H0V20z%22%2F%3E%3Cpolygon%20points%3D%2219.3%2C5.3%206.1%2C18.4%204.6%2C16.9%2017.8%2C3.8%2017.1%2C3.1%203.5%2C16.7%203%2C20%206.3%2C19.5%2019.9%2C5.9%20%09%22%2F%3E%3Cpath%20d%3D%22M20.5%2C5.3L22%2C3.8c0%2C0-0.2-1.2-0.9-1.9C20.4%2C1.1%2C19.2%2C1%2C19.2%2C1l-1.5%2C1.5L20.5%2C5.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
+i.icon.icon-play {
+  width: 22px;
+  height: 22px;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20d%3D%22M4.0464363%2C2.9884553c0.006526%2C0.00296%2C0.0142345%2C0.006835%2C0.0231438%2C0.0119021%20c0.5908604%2C0.3357637%2C12.7118397%2C7.2924433%2C13.8977489%2C8.0268402c-0.5831585%2C0.3417759-13.0137587%2C7.4879274-13.934659%2C7.9826727%20L4.0464363%2C2.9884553%20M3.9889357%2C2C3.4427795%2C2.0000577%2C3.000525%2C2.4533575%2C3.000525%2C3.015348%09c0%2C0.573487%2C0%2C15.1632957%2C0%2C15.9945221C3.000525%2C19.622963%2C3.4796104%2C20%2C3.9940588%2C20%20c0.1729372%2C0%2C0.3499191-0.0426311%2C0.5139763-0.1332226c0.8905602-0.491045%2C13.1880894-7.5583372%2C13.9407387-7.9994459%20c0.6751213-0.3955202%2C0.6867313-1.337512%2C0-1.7326603C17.4031754%2C9.5333271%2C5.1523852%2C2.501852%2C4.5393953%2C2.1535165%20C4.3526201%2C2.0472794%2C4.165401%2C1.9999813%2C3.9889357%2C2L3.9889357%2C2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
 i.icon.icon-undo {
   width: 22px;
   height: 22px;
diff --git a/apps/presentationeditor/mobile/resources/css/app-material.css b/apps/presentationeditor/mobile/resources/css/app-material.css
index 10180c7ba..4d2ddecad 100644
--- a/apps/presentationeditor/mobile/resources/css/app-material.css
+++ b/apps/presentationeditor/mobile/resources/css/app-material.css
@@ -5883,6 +5883,11 @@ i.icon.icon-edit {
   height: 22px;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C20h22v1H0V20z%22%2F%3E%3Cpolygon%20points%3D%2217.1%2C3.1%203.5%2C16.7%203%2C20%206.3%2C19.5%2019.9%2C5.9%20%09%22%2F%3E%3Cpath%20d%3D%22M20.5%2C5.3L22%2C3.8c0%2C0-0.2-1.2-0.9-1.9C20.4%2C1.1%2C19.2%2C1%2C19.2%2C1l-1.5%2C1.5L20.5%2C5.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
+i.icon.icon-play {
+  width: 22px;
+  height: 22px;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20d%3D%22M4.0464363%2C2.9884553c0.006526%2C0.00296%2C0.0142345%2C0.006835%2C0.0231438%2C0.0119021%20c0.5908604%2C0.3357637%2C12.7118397%2C7.2924433%2C13.8977489%2C8.0268402c-0.5831585%2C0.3417759-13.0137587%2C7.4879274-13.934659%2C7.9826727%20L4.0464363%2C2.9884553%20M3.9889357%2C2C3.4427795%2C2.0000577%2C3.000525%2C2.4533575%2C3.000525%2C3.015348%09c0%2C0.573487%2C0%2C15.1632957%2C0%2C15.9945221C3.000525%2C19.622963%2C3.4796104%2C20%2C3.9940588%2C20%20c0.1729372%2C0%2C0.3499191-0.0426311%2C0.5139763-0.1332226c0.8905602-0.491045%2C13.1880894-7.5583372%2C13.9407387-7.9994459%20c0.6751213-0.3955202%2C0.6867313-1.337512%2C0-1.7326603C17.4031754%2C9.5333271%2C5.1523852%2C2.501852%2C4.5393953%2C2.1535165%20C4.3526201%2C2.0472794%2C4.165401%2C1.9999813%2C3.9889357%2C2L3.9889357%2C2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
 i.icon.icon-reader {
   width: 22px;
   height: 22px;
@@ -6137,6 +6142,11 @@ i.icon.icon-format-pdf {
   height: 22px;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C20h22v1H0V20z%22%2F%3E%3Cpolygon%20points%3D%2217.1%2C3.1%203.5%2C16.7%203%2C20%206.3%2C19.5%2019.9%2C5.9%20%09%22%2F%3E%3Cpath%20d%3D%22M20.5%2C5.3L22%2C3.8c0%2C0-0.2-1.2-0.9-1.9C20.4%2C1.1%2C19.2%2C1%2C19.2%2C1l-1.5%2C1.5L20.5%2C5.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
+.navbar i.icon.icon-play {
+  width: 22px;
+  height: 22px;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M4.0464363%2C2.9884553c0.006526%2C0.00296%2C0.0142345%2C0.006835%2C0.0231438%2C0.0119021%20c0.5908604%2C0.3357637%2C12.7118397%2C7.2924433%2C13.8977489%2C8.0268402c-0.5831585%2C0.3417759-13.0137587%2C7.4879274-13.934659%2C7.9826727%20L4.0464363%2C2.9884553%20M3.9889357%2C2C3.4427795%2C2.0000577%2C3.000525%2C2.4533575%2C3.000525%2C3.015348%09c0%2C0.573487%2C0%2C15.1632957%2C0%2C15.9945221C3.000525%2C19.622963%2C3.4796104%2C20%2C3.9940588%2C20%20c0.1729372%2C0%2C0.3499191-0.0426311%2C0.5139763-0.1332226c0.8905602-0.491045%2C13.1880894-7.5583372%2C13.9407387-7.9994459%20c0.6751213-0.3955202%2C0.6867313-1.337512%2C0-1.7326603C17.4031754%2C9.5333271%2C5.1523852%2C2.501852%2C4.5393953%2C2.1535165%20C4.3526201%2C2.0472794%2C4.165401%2C1.9999813%2C3.9889357%2C2L3.9889357%2C2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
 .navbar i.icon.icon-settings {
   width: 22px;
   height: 22px;
diff --git a/apps/presentationeditor/mobile/resources/less/ios/_icons.less b/apps/presentationeditor/mobile/resources/less/ios/_icons.less
index e5490964f..d92586760 100644
--- a/apps/presentationeditor/mobile/resources/less/ios/_icons.less
+++ b/apps/presentationeditor/mobile/resources/less/ios/_icons.less
@@ -15,6 +15,11 @@ i.icon {
     height: 22px;
     .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="19.3,5.3 6.1,18.4 4.6,16.9 17.8,3.8 17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9 	"/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
   }
+  &.icon-play {
+    width: 22px;
+    height: 22px;
+    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M4.0464363,2.9884553c0.006526,0.00296,0.0142345,0.006835,0.0231438,0.0119021 c0.5908604,0.3357637,12.7118397,7.2924433,13.8977489,8.0268402c-0.5831585,0.3417759-13.0137587,7.4879274-13.934659,7.9826727 L4.0464363,2.9884553 M3.9889357,2C3.4427795,2.0000577,3.000525,2.4533575,3.000525,3.015348	c0,0.573487,0,15.1632957,0,15.9945221C3.000525,19.622963,3.4796104,20,3.9940588,20 c0.1729372,0,0.3499191-0.0426311,0.5139763-0.1332226c0.8905602-0.491045,13.1880894-7.5583372,13.9407387-7.9994459 c0.6751213-0.3955202,0.6867313-1.337512,0-1.7326603C17.4031754,9.5333271,5.1523852,2.501852,4.5393953,2.1535165 C4.3526201,2.0472794,4.165401,1.9999813,3.9889357,2L3.9889357,2z"/></g></svg>');
+  }
   &.icon-undo {
     width: 22px;
     height: 22px;
diff --git a/apps/presentationeditor/mobile/resources/less/material/_icons.less b/apps/presentationeditor/mobile/resources/less/material/_icons.less
index ff3fa2c55..fb559a2b7 100644
--- a/apps/presentationeditor/mobile/resources/less/material/_icons.less
+++ b/apps/presentationeditor/mobile/resources/less/material/_icons.less
@@ -20,6 +20,11 @@ i.icon {
     height: 22px;
     .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9 	"/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
   }
+  &.icon-play {
+    width: 22px;
+    height: 22px;
+    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M4.0464363,2.9884553c0.006526,0.00296,0.0142345,0.006835,0.0231438,0.0119021 c0.5908604,0.3357637,12.7118397,7.2924433,13.8977489,8.0268402c-0.5831585,0.3417759-13.0137587,7.4879274-13.934659,7.9826727 L4.0464363,2.9884553 M3.9889357,2C3.4427795,2.0000577,3.000525,2.4533575,3.000525,3.015348	c0,0.573487,0,15.1632957,0,15.9945221C3.000525,19.622963,3.4796104,20,3.9940588,20 c0.1729372,0,0.3499191-0.0426311,0.5139763-0.1332226c0.8905602-0.491045,13.1880894-7.5583372,13.9407387-7.9994459 c0.6751213-0.3955202,0.6867313-1.337512,0-1.7326603C17.4031754,9.5333271,5.1523852,2.501852,4.5393953,2.1535165 C4.3526201,2.0472794,4.165401,1.9999813,3.9889357,2L3.9889357,2z"/></g></svg>');
+  }
   &.icon-reader {
     width: 22px;
     height: 22px;
@@ -310,6 +315,11 @@ i.icon {
       height: 22px;
       .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9 	"/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
     }
+    &.icon-play {
+      width: 22px;
+      height: 22px;
+      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M4.0464363,2.9884553c0.006526,0.00296,0.0142345,0.006835,0.0231438,0.0119021 c0.5908604,0.3357637,12.7118397,7.2924433,13.8977489,8.0268402c-0.5831585,0.3417759-13.0137587,7.4879274-13.934659,7.9826727 L4.0464363,2.9884553 M3.9889357,2C3.4427795,2.0000577,3.000525,2.4533575,3.000525,3.015348	c0,0.573487,0,15.1632957,0,15.9945221C3.000525,19.622963,3.4796104,20,3.9940588,20 c0.1729372,0,0.3499191-0.0426311,0.5139763-0.1332226c0.8905602-0.491045,13.1880894-7.5583372,13.9407387-7.9994459 c0.6751213-0.3955202,0.6867313-1.337512,0-1.7326603C17.4031754,9.5333271,5.1523852,2.501852,4.5393953,2.1535165 C4.3526201,2.0472794,4.165401,1.9999813,3.9889357,2L3.9889357,2z"/></g></svg>');
+    }
     &.icon-settings {
       width: 22px;
       height: 22px;