From 3439473dfcc611d1f369961ded1d567320211741 Mon Sep 17 00:00:00 2001
From: Prateek Saxena <prtksxna@gmail.com>
Date: Tue, 15 Dec 2015 21:55:48 +0530
Subject: [PATCH] mw.ForeignStructuredUpload.BookletLayout: Option 4: Add RTL
 images

Change-Id: I06c207aa89b85cfa5994fa9be8fa6bc623d739d7
---
 .../option4/{search.png => search-ltr.png}    | Bin
 .../option4/{search.svg => search-ltr.svg}    |   0
 .../bookletlayout/option4/search-rtl.png      | Bin 0 -> 1559 bytes
 .../bookletlayout/option4/search-rtl.svg      |  53 ++++++++++++++
 .../option4/{website.png => website-ltr.png}  | Bin
 .../option4/{website.svg => website-ltr.svg}  |   0
 .../bookletlayout/option4/website-rtl.png     | Bin 0 -> 2042 bytes
 .../bookletlayout/option4/website-rtl.svg     |  69 ++++++++++++++++++
 ...ForeignStructuredUpload.BookletLayout.less |   4 +-
 9 files changed, 124 insertions(+), 2 deletions(-)
 rename resources/src/mediawiki/bookletlayout/option4/{search.png => search-ltr.png} (100%)
 rename resources/src/mediawiki/bookletlayout/option4/{search.svg => search-ltr.svg} (100%)
 create mode 100644 resources/src/mediawiki/bookletlayout/option4/search-rtl.png
 create mode 100644 resources/src/mediawiki/bookletlayout/option4/search-rtl.svg
 rename resources/src/mediawiki/bookletlayout/option4/{website.png => website-ltr.png} (100%)
 rename resources/src/mediawiki/bookletlayout/option4/{website.svg => website-ltr.svg} (100%)
 create mode 100644 resources/src/mediawiki/bookletlayout/option4/website-rtl.png
 create mode 100644 resources/src/mediawiki/bookletlayout/option4/website-rtl.svg

diff --git a/resources/src/mediawiki/bookletlayout/option4/search.png b/resources/src/mediawiki/bookletlayout/option4/search-ltr.png
similarity index 100%
rename from resources/src/mediawiki/bookletlayout/option4/search.png
rename to resources/src/mediawiki/bookletlayout/option4/search-ltr.png
diff --git a/resources/src/mediawiki/bookletlayout/option4/search.svg b/resources/src/mediawiki/bookletlayout/option4/search-ltr.svg
similarity index 100%
rename from resources/src/mediawiki/bookletlayout/option4/search.svg
rename to resources/src/mediawiki/bookletlayout/option4/search-ltr.svg
diff --git a/resources/src/mediawiki/bookletlayout/option4/search-rtl.png b/resources/src/mediawiki/bookletlayout/option4/search-rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..3305928cdec53c299c380124e6890eeee8ee1f44
GIT binary patch
literal 1559
zcmZux3pCVO93DC3XeK1vXhsiq)2a!{$a4~=$a69pZ~rkPB_tzxrmY#mur`l8l4l-c
z2J4;dgsi+%@)(&(9^<WHSdXxywzfTI@44sR@Ao_3`F+28?|1HfOY?IO@%`c;5C~#?
z-Vg%<35f}Cme>x#dXn%WUa-lMjBuoj-fkp+;06(-Pw>VQ4;gy`mx&l6KnU<@A?koY
zA~nW_`qsBtGeaE~5Bx#TeKIWRm3}VoTz)&wJIT}A5Ki-lR3Qd7!w>_W_oJGPq`fcb
z%v4ed?1$|7#+bF8(T{ZW3BF-FFz!Fkgm+Dt1Wc#qhODi^Q=agQA6I!l=Dhi^$oKO0
z{tFbeWGiwAEGa4`oRZH`nowE|4h4L=1N)VeP16tV-$T(2(|x?}7>!23SoT>?%_k{G
zHR00|7wdevn1Y_ozD7KSOdUXnY&DP#<pHkOLW_T<WrVFvz1<1__tS#G8_W+!9EZrM
zvWw_VHzZ}Ra<(-0w~;%>ZX}b|BCtGsD4W6D>Y0A1f<z+mHKQKuH<NG&VA(vNfBje`
z>B?d(SfVXsJkxrmWPrtr9LpMChN$2Js#Q_~6@j8={&lN0_$<ZMwcOojBg})!o+$Q!
zXdT`IQ4iV}(1fGncia=&xmbm<rdb{(y?S2DWHO8AUv+IPp*Dkc)#cK27|}#;2NZu4
z7E@7DjpJ1~X=|fSk=`q7*3VRN5Ef<<F`TJ3g44!wwQ_0=f7(z!RZ4US_NOyS2bUg-
zaXLHkBTCzUa#*=jb;4;_k~jQlaI85zPP?k_vfEi$Lq-r8)ag`fw`meF%J0Vk=1@}U
zulh~(0M{Yd?MPgU_}#gLI^JZ|{Com)q02&AID4OkbB)7hR<XyVeA8IMyLMCH=G^LK
z=iM<JQ$ktWMT^9|Cyh0?nwWb<9j%)dyO`&xR5Cd6$U%ge-rT^d+{i*R6IHOnsBG@5
zurAJKG7wnRz%4KJ2ikZ`x>`XGfJ&|yF<xeG(O1VO%lH*E1%Izgnl%cd@aI*SL*V?*
zPEB+vE_i9J!cVB%cKtRNYHx3!nwr`x#-DLI*W99Ux)}tVF;L`;u}1qkUgu6}kM;GE
zwB#JeOPbW+j?-g?Y!cD$T$(webw1{Ogb+ngblY6_gc?9Vn93RG*YJN*|1iF=+*4ZD
zUBO^*dE>PNw`{X<?#fbiQ0<a*^00Kko06B^vr`{3@p4ah9)z0chZqz%oT#!rUO9XH
zrvwwS;)MsX3uV4Yry;$S@#&8bySN%!!$>a#yLR_(S45J>U=W)uHR}b9<>-XC*(0Io
ze0g(?ZjW9z@u*0r>c1`ir{iyjAVt4%O)Ar1*h@6HSjZ$DFc0RB+^y%?_fk|=n30A^
z>GW7OlLi4w@**RU_c9|}mC6r;v2X|ScF-=hg@!d)e#TRUuP7?knGhg9>n2N*@|ost
z04;QP@EsKMeOn}J09CXx+Qu^D^vN<suz5zLTZI%>YW(9+M~;g76&Y%kRbiHTnG!hA
zu7>uu4{apFl0+93<`+|iX@c5#tP$N4ZY2<tqA3-6kMs*9qH$O&GZ@xJAp4>)GJ7z;
zK-^PI!3GQOMayC1f4Iuu)P-Gw$~iY}BBvNxr)p;HX`!?X&v1Aq^<%Y;`p|iqZFW5C
zWmjkdyv|)s)}#P0ffX~5`8G+<ygu0|`4O)TbMMdDvOmqF$vHxs?NfpYjjl&U1b2ES
zs#CQy2h&3M-HfXq7m*H*;pha-O2dlv^BO4TdGzqex?`_v>*_pn!!q~w=*8RN9NM{y
zvud{|Nm`4`*SGMYf5fzONkGVP04}S<!Ov9hqz?SRbow*B?o>w6T)rQxqy&h|<}T4o
zD_Iltcd)igj}%0qCU?Gb-*->@)sWw%UZ888YnOZG+H<C#wqE@(D`MQ}`t(jzIr4PC
z#xAGz)I{en^`X+fT!bgzW{%2m-1Wuf&kVN2RX|bthXZ9O=t03x4>C3~H)Nc3`Q>j0
C-QvIi

literal 0
HcmV?d00001

diff --git a/resources/src/mediawiki/bookletlayout/option4/search-rtl.svg b/resources/src/mediawiki/bookletlayout/option4/search-rtl.svg
new file mode 100644
index 0000000000..408f9e694e
--- /dev/null
+++ b/resources/src/mediawiki/bookletlayout/option4/search-rtl.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 264 162" style="enable-background:new 0 0 264 162;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#E5E5E5;}
+	.st2{fill:none;stroke:#E5E5E5;stroke-miterlimit:10;}
+	.st3{fill:none;stroke:#D02227;stroke-miterlimit:10;}
+	.st4{fill:#D02227;}
+</style>
+<g>
+	<rect x="166.2" y="5.5" class="st0" width="93" height="5"/>
+	<path class="st1" d="M258.8,6v4h-92V6H258.8 M259.8,5h-94v6h94V5L259.8,5z"/>
+</g>
+<polygon class="st1" points="86.3,8 87.6,8 154.4,8 155.8,8 158,14 152.2,14 89.8,14 84,14 "/>
+<polygon class="st1" points="7.5,8 8.8,8 75.7,8 77,8 79.3,14 73.4,14 11.1,14 5.2,14 "/>
+<line class="st2" x1="262" y1="14.5" x2="2" y2="14.5"/>
+<line class="st2" x1="262" y1="32.8" x2="2" y2="32.8"/>
+<g>
+	<circle class="st3" cx="255.1" cy="22.6" r="3.6"/>
+	<line class="st3" x1="252.4" y1="25" x2="249" y2="28.5"/>
+</g>
+<rect x="185.5" y="19" class="st1" width="57.6" height="9.5"/>
+<rect x="190.5" y="37" class="st1" width="69.2" height="32.7"/>
+<rect x="169.7" y="72.5" class="st1" width="90.1" height="56.8"/>
+<rect x="60.4" y="72.5" class="st4" width="106.5" height="56.8"/>
+<rect x="5.2" y="72.5" class="st1" width="52.4" height="56.8"/>
+<rect x="223.3" y="132.2" class="st1" width="36.5" height="25.3"/>
+<rect x="158" y="132.2" class="st1" width="62.3" height="25.3"/>
+<rect x="136.6" y="132.2" class="st1" width="18.1" height="25.3"/>
+<rect x="76.8" y="132.2" class="st1" width="18.1" height="25.3"/>
+<rect x="56.1" y="132.2" class="st1" width="18.1" height="25.3"/>
+<rect x="5.2" y="132.2" class="st1" width="48.1" height="25.3"/>
+<rect x="97.9" y="132.2" class="st1" width="36" height="25.3"/>
+<rect x="112.3" y="37" class="st1" width="36.5" height="32.7"/>
+<rect x="151.4" y="37" class="st1" width="36.5" height="32.7"/>
+<rect x="53.4" y="37" class="st1" width="56" height="32.7"/>
+<rect x="5.2" y="37" class="st1" width="45.4" height="32.7"/>
+<path class="st0" d="M161.7,124.3H81.4l31.8-31.8l26.1,26.1l12.8-12.8l9.5,9.5L161.7,124.3z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/src/mediawiki/bookletlayout/option4/website.png b/resources/src/mediawiki/bookletlayout/option4/website-ltr.png
similarity index 100%
rename from resources/src/mediawiki/bookletlayout/option4/website.png
rename to resources/src/mediawiki/bookletlayout/option4/website-ltr.png
diff --git a/resources/src/mediawiki/bookletlayout/option4/website.svg b/resources/src/mediawiki/bookletlayout/option4/website-ltr.svg
similarity index 100%
rename from resources/src/mediawiki/bookletlayout/option4/website.svg
rename to resources/src/mediawiki/bookletlayout/option4/website-ltr.svg
diff --git a/resources/src/mediawiki/bookletlayout/option4/website-rtl.png b/resources/src/mediawiki/bookletlayout/option4/website-rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..83ba6d3f3e7bf7ec71236ed1ed12b6d9ed6c3e80
GIT binary patch
literal 2042
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
M>`oG@Y`o+D0gh|6`v3p{

literal 0
HcmV?d00001

diff --git a/resources/src/mediawiki/bookletlayout/option4/website-rtl.svg b/resources/src/mediawiki/bookletlayout/option4/website-rtl.svg
new file mode 100644
index 0000000000..080045ab10
--- /dev/null
+++ b/resources/src/mediawiki/bookletlayout/option4/website-rtl.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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 264 162" style="enable-background:new 0 0 264 162;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#E5E5E5;}
+	.st2{fill:none;stroke:#E5E5E5;stroke-miterlimit:10;}
+	.st3{fill:#D02227;}
+	.st4{fill:#9B9A9A;}
+</style>
+<g>
+	<rect x="166.2" y="5.5" class="st0" width="93" height="5"/>
+	<path class="st1" d="M258.8,6v4h-92V6H258.8 M259.8,5h-94v6h94V5L259.8,5z"/>
+</g>
+<polygon class="st1" points="86.3,8 87.6,8 154.4,8 155.8,8 158,14 152.2,14 89.8,14 84,14 "/>
+<polygon class="st1" points="7.5,8 8.8,8 75.7,8 77,8 79.3,14 73.4,14 11.1,14 5.2,14 "/>
+<line class="st2" x1="262" y1="14.5" x2="2" y2="14.5"/>
+<rect x="113.5" y="48.4" class="st3" width="106.5" height="56.8"/>
+<path class="st0" d="M214.7,100.2h-80.3l31.8-31.8l26.1,26.1l12.8-12.8l9.5,9.5L214.7,100.2z"/>
+<circle class="st1" cx="209" cy="32.3" r="11.9"/>
+<g>
+	<rect x="117" y="27.4" class="st4" width="76.2" height="7"/>
+	<rect x="171" y="35.5" class="st4" width="22.3" height="1.7"/>
+	<rect x="140.8" y="35.5" class="st4" width="28.2" height="1.7"/>
+</g>
+<rect x="196.7" y="107.8" class="st1" width="23.3" height="23.3"/>
+<rect x="113.5" y="107.8" class="st1" width="79.8" height="1.8"/>
+<rect x="113.5" y="114" class="st1" width="79.8" height="1.8"/>
+<rect x="113.5" y="120.2" class="st1" width="79.8" height="1.8"/>
+<rect x="113.5" y="126.4" class="st1" width="79.8" height="1.8"/>
+<rect x="113.5" y="134.4" class="st1" width="106.5" height="1.8"/>
+<rect x="113.5" y="140.6" class="st1" width="106.5" height="1.8"/>
+<rect x="113.5" y="146.8" class="st1" width="106.5" height="1.8"/>
+<rect x="113.5" y="153" class="st1" width="106.5" height="1.8"/>
+<g>
+	<rect x="51" y="37.2" class="st1" width="57.3" height="1.8"/>
+	<rect x="51" y="43.4" class="st1" width="57.3" height="1.8"/>
+	<rect x="51" y="49.6" class="st1" width="57.3" height="1.8"/>
+	<rect x="51" y="55.8" class="st1" width="57.3" height="1.8"/>
+	<rect x="51" y="27.4" class="st1" width="57.3" height="7"/>
+</g>
+<g>
+	<rect x="51" y="78.2" class="st1" width="57.3" height="1.8"/>
+	<rect x="51" y="84.4" class="st1" width="57.3" height="1.8"/>
+	<rect x="51" y="90.6" class="st1" width="57.3" height="1.8"/>
+	<rect x="51" y="96.8" class="st1" width="57.3" height="1.8"/>
+	<rect x="51" y="68.4" class="st1" width="57.3" height="7"/>
+</g>
+<g>
+	<rect x="51" y="116.7" class="st1" width="57.3" height="1.8"/>
+	<rect x="51" y="122.9" class="st1" width="57.3" height="1.8"/>
+	<rect x="51" y="129.1" class="st1" width="57.3" height="1.8"/>
+	<rect x="51" y="135.3" class="st1" width="57.3" height="1.8"/>
+	<rect x="51" y="106.9" class="st1" width="57.3" height="7"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/resources/src/mediawiki/mediawiki.ForeignStructuredUpload.BookletLayout.less b/resources/src/mediawiki/mediawiki.ForeignStructuredUpload.BookletLayout.less
index 04573a24ca..28c81f2380 100644
--- a/resources/src/mediawiki/mediawiki.ForeignStructuredUpload.BookletLayout.less
+++ b/resources/src/mediawiki/mediawiki.ForeignStructuredUpload.BookletLayout.less
@@ -126,14 +126,14 @@
 
 .mw-foreignStructuredUpload-bookletLayout-guide-image-website {
 	/* @embed */
-	.background-image-svg('bookletlayout/option4/website.svg','bookletlayout/option4/website.png');
+	.background-image-svg('bookletlayout/option4/website-ltr.svg','bookletlayout/option4/website-ltr.png');
 	left: 0;
 	bottom: 50px;
 }
 
 .mw-foreignStructuredUpload-bookletLayout-guide-image-search {
 	/* @embed */
-	.background-image-svg('bookletlayout/option4/search.svg','bookletlayout/option4/search.png');
+	.background-image-svg('bookletlayout/option4/search-ltr.svg','bookletlayout/option4/search-ltr.png');
 	left: 80px;
 	bottom: 0;
 }
-- 
2.20.1