From aa57a51c2e16165c58acffa38487c951b89b0c88 Mon Sep 17 00:00:00 2001
From: Albert Gasset <albertgasset@fsfe.org>
Date: Tue, 30 Apr 2019 10:59:32 +0200
Subject: [PATCH] MOBILE-2914 icon: Slash parameter

---
 src/assets/fonts/slash-icon.woff | Bin 0 -> 1144 bytes
 src/components/icon/icon.scss    |  41 ++++++++++++++++++++++++++++++-
 src/components/icon/icon.ts      |   5 ++++
 3 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/fonts/slash-icon.woff

diff --git a/src/assets/fonts/slash-icon.woff b/src/assets/fonts/slash-icon.woff
new file mode 100644
index 0000000000000000000000000000000000000000..5e02178e49592d116b528e2e58d8b017adf71b4b
GIT binary patch
literal 1144
zcmXT-cXRU(3GruOV5wl>W&i@V3I;|HjR~CH+!PoXm~DVE{}>n;c~?x(Q+9I;@dfG)
z0gB0haA(N#AMP%$Za^`RItj42D1(T9u)YycPYRF^lw(K;JCMYmoSRs{z`*nd$TtVd
zIWh1tUCl^M1gc@=0Ez+CGnk3|*uF9YC<qh-nWq56D(sV(wrAv)Q~>P&>Sq9{<=|lW
z-;kSF0pv5r0QqcS%oM<omzbLh6k7wt_CULwdEHv~7UUO~0R5o?R3iq&3jbReOe*Fi
zC!{1KFg#kmN2%uHAG3JL9gz|a501^A8&I|V_5Zg2YC61UjydSDGYfl&Fz6<8*Dx?Z
z^_cz3KO}JY(1-mG>zTconFCl@4Hy}kvRMNd7=VZgqAoEpVa|aArw$x2nf#K6nc3OC
zC9URc!kH7CBB=?ilL8K$XkcNw6ca2VCGkb_%go;Y(#A&&q>bk|1}<i3>0!`j;Hn3i
z(>r0WACsd<>-i7qJe?aCZIIGdY&`p>jg3qAh{MuWl`DD%db4vR=EQPIRoAk3$scI{
z%xSZ^r?ZuH_spI5|IV&XV~Bac&2;>|)c1L;vnoEv9F*jnw|d9H?a!rVDSe7LzO>@o
zorFJgr!Fe<d%x~Yk<Nuf-Ost6*Hx^0BshOwc1EZ6`BIO<*E<jX&^~5xBZ<FTg!7t)
z!o_1kvbQ+66xm)(azC-5A#LvJ8A@*F;x8Y*k@MZm_gZU?zO_-%!v)&zH=S-f`8~F|
zu2cCyq*?U*g&BqAceC4iBU7uU9kraR{!Hl2sWnSiPmUE6R(o@&pl|au(On^80ke-x
zc>RBK|IUtA)h~+w-eVQstf_WPEy}HNlJie@=DisgUVpzM>UY^jKVIeeZOh(C#&@PH
z*y1Pu?AEiDH$9dfa?n)uxBAB3VjSxZj<1A-w1xypHa9kb4UC^84%UdVu_~NpYEjtt
z@Be>+Pyba{c(J*eu}Msha9H%|AU{LqbGAodeQ6BM|9g3kIdn~A<Yi#cuwmQ*j@Og~
zV8o`RJo$L`y#Gm0-gBNh=MoZ9k`hur{5p94gY&G9?L3$HBcI6&>Db!ztg<=tyCUMr
z4hf6XhraCI{g6lQ+x<oRg;OJ>>gOd)O^i6GfB1lc!r={30d0-WZ4*N~8YNTa2{r3A
zw-(nqrUs@}xpg+VZCchev2o$jzNTcqpsc{ors|}^!Ys~7#uH*$SeSTxdV0JT-u+$2
z@+SGt_V>>_YtQ^XQup%jjc@+_x%cO%U6g0E_y5D0@Z9^itg6;wqtDZoUZ2U_`&l}z
zXvv%8+!>MgqHiBi{A~SqzEXCsbNbIMQGLD>*IdqeUVdiIv4h{UyF9jMnDdJ>{B{X<
zho=7q201oCHZg^>EJu0-co>*YGiU+x6u1PrUR}Hi$Y!|lW+#XO(z{(*fHVs*uL1yl
CwzmTS

literal 0
HcmV?d00001

diff --git a/src/components/icon/icon.scss b/src/components/icon/icon.scss
index bacc56f37..f909e876e 100644
--- a/src/components/icon/icon.scss
+++ b/src/components/icon/icon.scss
@@ -13,4 +13,43 @@
       -webkit-transform: scale(-1, 1);
       transform: scale(-1, 1);
     }
-}
\ No newline at end of file
+}
+
+// Center font awesome icons
+
+.icon.fa::before {
+  width: 1em;
+  text-align: center;
+}
+
+// Slash
+
+@font-face {
+  font-family: "Moodle Slash Icon";
+  font-style: normal;
+  font-weight: 400;
+  src: url("#{$font-path}/slash-icon.woff") format("woff");
+}
+
+.icon-slash {
+  position: relative;
+}
+
+.icon-slash::after {
+  content: "/";
+  font-family: "Moodle Slash Icon";
+  font-size: 0.75em;
+  margin-top: 0.125em;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  text-align: center;
+  color: color($colors, danger);
+}
+
+.icon-slash.fa::after {
+  font-size: 1em;
+  margin-top: 0;
+}
diff --git a/src/components/icon/icon.ts b/src/components/icon/icon.ts
index 4bf697b05..bfedf4001 100644
--- a/src/components/icon/icon.ts
+++ b/src/components/icon/icon.ts
@@ -29,6 +29,7 @@ export class CoreIconComponent implements OnInit, OnDestroy {
     // Common params.
     @Input() name: string;
     @Input('color') color?: string;
+    @Input('slash') slash?: boolean; // Display a red slash over the icon.
 
     // Ionicons params.
     @Input('isActive') isActive?: boolean;
@@ -94,6 +95,10 @@ export class CoreIconComponent implements OnInit, OnDestroy {
             }
         }
 
+        if (this.slash) {
+            this.newElement.classList.add('icon-slash');
+        }
+
         this.element.parentElement.replaceChild(this.newElement, this.element);
     }