From c0e480f465cacb0bd4ab0bc5fa43c2a85c4c0122 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Wed, 6 Jul 2016 17:00:16 +0200
Subject: [PATCH] Implement no_notification switch, used in infolog,tracker and
 calendar edit dialogs for mobile template

---
 calendar/templates/mobile/edit.xet            |  2 +-
 infolog/templates/mobile/edit.xet             |  2 +-
 pixelegg/images/alarm.svg                     | 17 ++++++++++++
 .../topmenu_items/mobile/notify_off.svg       | 17 ++++++++++++
 .../images/topmenu_items/mobile/notify_on.svg | 17 ++++++++++++
 pixelegg/mobile/fw_mobile.css                 | 23 ++++++++++++++++
 pixelegg/mobile/fw_mobile.less                | 27 +++++++++++++++++++
 7 files changed, 103 insertions(+), 2 deletions(-)
 create mode 100644 pixelegg/images/alarm.svg
 create mode 100644 pixelegg/images/topmenu_items/mobile/notify_off.svg
 create mode 100644 pixelegg/images/topmenu_items/mobile/notify_on.svg

diff --git a/calendar/templates/mobile/edit.xet b/calendar/templates/mobile/edit.xet
index 0a4d054a56..925b3bd6dc 100644
--- a/calendar/templates/mobile/edit.xet
+++ b/calendar/templates/mobile/edit.xet
@@ -230,7 +230,7 @@
 						<button statustext="Apply the changes" id="button[apply]" image="apply" background_image="1"/>
 						<button statustext="delete this entry" id="button[delete]" onclick="et2_dialog.confirm(widget,'Delete this entry','Delete');" image="delete" background_image="1" span="all"/>
 						<buttononly statustext="Find free timeslots where the selected participants are availible for the given timespan" id="freetime" label="Freetime" onclick="app.calendar.freetime_search" image="add" background_image="1"/>
-						<checkbox label="Do not notify" id="no_notifications"/>
+						<checkbox toggle_on=" " toggle_off=" " id="no_notifications" class="notification_check"/>
 						<textbox type="hidden" id="delete_exceptions"/>
 					</hbox>
 				</row>
diff --git a/infolog/templates/mobile/edit.xet b/infolog/templates/mobile/edit.xet
index 7806157143..9eb0ee9ee2 100644
--- a/infolog/templates/mobile/edit.xet
+++ b/infolog/templates/mobile/edit.xet
@@ -172,7 +172,7 @@
 						<button statustext="Apply the changes" id="button[apply]" image="apply" background_image="1"/>
 						<button statustext="delete this entry" id="button[delete]" onclick="if($cont[info_anz_subs]) return $cont[info_anz_subs]; et2_dialog.confirm(widget,'Delete this entry','Delete');" image="delete" background_image="1" span="all"/>
 						<buttononly statustext="Insert timestamp into description field" id="timestamp" class="infologExtraButton infologTimestamp" background_image="1" image="timestamp" onclick="app.infolog.insert_text('info_des');"/>
-						<checkbox label="do not notify" id="no_notifications"/>
+						<checkbox toggle_on=" " toggle_off=" " id="no_notifications" class="notification_check"/>
 						<textbox type="integer" id="info_number" readonly="true" class="entry_id"/>
 					</hbox>
 				</row>
diff --git a/pixelegg/images/alarm.svg b/pixelegg/images/alarm.svg
new file mode 100644
index 0000000000..2e805438a0
--- /dev/null
+++ b/pixelegg/images/alarm.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M18.542,0.622c-5.471,0-9.899,4.56-9.899,10.183
+			s4.428,10.182,9.899,10.182c5.471,0,9.896-4.559,9.896-10.182S24.013,0.622,18.542,0.622z M18.542,11.996
+			c-0.64,0-1.16-0.533-1.16-1.191c0-0.659,0.521-1.192,1.16-1.192s1.158,0.534,1.158,1.192C19.7,11.463,19.182,11.996,18.542,11.996
+			z M11.697,20.931v1.886c-2.926-1.896-5.063-4.954-5.779-8.554c0.697-0.554,1.151-1.414,1.151-2.39
+			c0-1.675-1.318-3.034-2.948-3.034c-1.63,0-2.949,1.358-2.949,3.034c0,1.674,1.317,3.03,2.945,3.033
+			c0.956,4.416,3.785,8.101,7.58,10.147v3.799c0,1.151,0.765,2.086,1.712,2.086h10.267c0.945,0,1.711-0.935,1.711-2.086v-7.921
+			c-1.907,1.481-4.271,2.37-6.845,2.37S13.603,22.412,11.697,20.931z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/images/topmenu_items/mobile/notify_off.svg b/pixelegg/images/topmenu_items/mobile/notify_off.svg
new file mode 100644
index 0000000000..a206796998
--- /dev/null
+++ b/pixelegg/images/topmenu_items/mobile/notify_off.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#fafafa" stroke="#696969" stroke-miterlimit="10" d="M18.542,0.622c-5.471,0-9.899,4.56-9.899,10.183
+			s4.428,10.182,9.899,10.182c5.471,0,9.896-4.559,9.896-10.182S24.013,0.622,18.542,0.622z M18.542,11.996
+			c-0.64,0-1.16-0.533-1.16-1.191c0-0.659,0.521-1.192,1.16-1.192s1.158,0.534,1.158,1.192C19.7,11.463,19.182,11.996,18.542,11.996
+			z M11.697,20.931v1.886c-2.926-1.896-5.063-4.954-5.779-8.554c0.697-0.554,1.151-1.414,1.151-2.39
+			c0-1.675-1.318-3.034-2.948-3.034c-1.63,0-2.949,1.358-2.949,3.034c0,1.674,1.317,3.03,2.945,3.033
+			c0.956,4.416,3.785,8.101,7.58,10.147v3.799c0,1.151,0.765,2.086,1.712,2.086h10.267c0.945,0,1.711-0.935,1.711-2.086v-7.921
+			c-1.907,1.481-4.271,2.37-6.845,2.37S13.603,22.412,11.697,20.931z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/images/topmenu_items/mobile/notify_on.svg b/pixelegg/images/topmenu_items/mobile/notify_on.svg
new file mode 100644
index 0000000000..2e805438a0
--- /dev/null
+++ b/pixelegg/images/topmenu_items/mobile/notify_on.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M18.542,0.622c-5.471,0-9.899,4.56-9.899,10.183
+			s4.428,10.182,9.899,10.182c5.471,0,9.896-4.559,9.896-10.182S24.013,0.622,18.542,0.622z M18.542,11.996
+			c-0.64,0-1.16-0.533-1.16-1.191c0-0.659,0.521-1.192,1.16-1.192s1.158,0.534,1.158,1.192C19.7,11.463,19.182,11.996,18.542,11.996
+			z M11.697,20.931v1.886c-2.926-1.896-5.063-4.954-5.779-8.554c0.697-0.554,1.151-1.414,1.151-2.39
+			c0-1.675-1.318-3.034-2.948-3.034c-1.63,0-2.949,1.358-2.949,3.034c0,1.674,1.317,3.03,2.945,3.033
+			c0.956,4.416,3.785,8.101,7.58,10.147v3.799c0,1.151,0.765,2.086,1.712,2.086h10.267c0.945,0,1.711-0.935,1.711-2.086v-7.921
+			c-1.907,1.481-4.271,2.37-6.845,2.37S13.603,22.412,11.697,20.931z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index ec04c36890..c9446f6a1a 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -8207,6 +8207,29 @@ form[id^="tracker-"] .dialogHeadbar {
   body .et2_toolbar_more span.et2_checkbox_slideSwitch > span.slideSwitch_container {
     float: right;
   }
+  body .et2_checkbox_slideSwitch.notification_check .on {
+    background-image: url(../images/topmenu_items/mobile/notify_off.svg);
+    height: 16px;
+    background-size: 16px;
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+  body .et2_checkbox_slideSwitch.notification_check .on:before {
+    content: " ";
+    width: 1px;
+    transform: rotateZ(45deg);
+    background: #bcbcbc;
+    height: 20px;
+    display: inline-block;
+    margin-top: -2px;
+  }
+  body .et2_checkbox_slideSwitch.notification_check .off {
+    background-image: url(../images/topmenu_items/mobile/notify_on.svg);
+    height: 16px;
+    background-size: 16px;
+    background-repeat: no-repeat;
+    background-position: center;
+  }
   body .cke_inner .cke_toolbox .cke_toolbox_main {
     height: 30px;
     white-space: nowrap;
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index 9f2b9a1f95..f84b054b0d 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -1341,6 +1341,33 @@
 			}
 		}
 		.et2_toolbar_more span.et2_checkbox_slideSwitch > span.slideSwitch_container {float:right}
+
+		.et2_checkbox_slideSwitch.notification_check {
+			.on {
+				background-image: url(../images/topmenu_items/mobile/notify_off.svg);
+				height: 16px;
+				background-size: 16px;
+				background-repeat: no-repeat;
+				background-position: center;
+				&:before {
+					content: " ";
+					width: 1px;
+					transform: rotateZ(45deg);
+					background: #bcbcbc;
+					height: 20px;
+					display: inline-block;
+					margin-top: -2px;
+				}
+			}
+			.off {
+				background-image: url(../images/topmenu_items/mobile/notify_on.svg);
+				height: 16px;
+				background-size: 16px;
+				background-repeat: no-repeat;
+				background-position: center;
+			}
+
+		}
 		/*************** CKEDITOR **************/
 		/***************************************/
 		.cke_inner {