From 0c7cd52dba6746b96f0836fd361a27db06761973 Mon Sep 17 00:00:00 2001
From: Jure Grabnar <jgrabnar@biosistemika.com>
Date: Tue, 4 Oct 2016 12:34:43 +0200
Subject: [PATCH] Add WOPI icons/buttons to files

---
 app/helpers/file_icons_helper.rb              |  60 ++++++++++++++++++
 app/views/result_assets/_edit.html.erb        |   5 +-
 app/views/results/_result_asset.html.erb      |  28 ++++++--
 app/views/steps/_form_assets.html.erb         |  10 ++-
 app/views/steps/_step.html.erb                |  28 ++++++--
 config/locales/en.yml                         |   2 +
 public/images/office/Excel-color_16x16x32.png | Bin 0 -> 1490 bytes
 public/images/office/Excel-xlsx_20x20x32.png  | Bin 0 -> 1543 bytes
 .../office/PowerPoint-Color_16x16x32.png      | Bin 0 -> 1488 bytes
 .../office/PowerPoint-pptx_20x20x32.png       | Bin 0 -> 1499 bytes
 public/images/office/Word-color_16x16x32.png  | Bin 0 -> 1448 bytes
 public/images/office/Word-docx_20x20x32.png   | Bin 0 -> 1531 bytes
 12 files changed, 122 insertions(+), 11 deletions(-)
 create mode 100644 app/helpers/file_icons_helper.rb
 create mode 100644 public/images/office/Excel-color_16x16x32.png
 create mode 100644 public/images/office/Excel-xlsx_20x20x32.png
 create mode 100644 public/images/office/PowerPoint-Color_16x16x32.png
 create mode 100644 public/images/office/PowerPoint-pptx_20x20x32.png
 create mode 100644 public/images/office/Word-color_16x16x32.png
 create mode 100644 public/images/office/Word-docx_20x20x32.png

diff --git a/app/helpers/file_icons_helper.rb b/app/helpers/file_icons_helper.rb
new file mode 100644
index 000000000..01721e38b
--- /dev/null
+++ b/app/helpers/file_icons_helper.rb
@@ -0,0 +1,60 @@
+module FileIconsHelper
+  def wopi_file?(asset)
+    file_ext = asset.file_file_name.split('.').last
+    %w(doc docx xls xlsx ppt pptx).include?(file_ext)
+  end
+
+  # For showing next to file
+  def file_extension_icon(asset)
+    file_ext = asset.file_file_name.split('.').last
+    if %w(doc docx).include?(file_ext)
+      image_link = 'office/Word-docx_20x20x32.png'
+    elsif %w(xls xlsx).include?(file_ext)
+      image_link = 'office/Excel-xlsx_20x20x32.png'
+    elsif %w(ppt pptx).include?(file_ext)
+      image_link = 'office/PowerPoint-pptx_20x20x32.png'
+    end
+
+    if image_link
+      image_tag image_link
+    else
+      ''
+    end
+  end
+
+  # For showing in view/edit buttons (WOPI)
+  def file_application_icon(asset)
+    file_ext = asset.file_file_name.split('.').last
+    if %w(doc docx).include?(file_ext)
+      image_link = 'office/Word-color_16x16x32.png'
+    elsif %w(xls xlsx).include?(file_ext)
+      image_link = 'office/Excel-color_16x16x32.png'
+    elsif %w(ppt pptx).include?(file_ext)
+      image_link = 'office/PowerPoint-Color_16x16x32.png'
+    end
+
+    if image_link
+      image_tag image_link
+    else
+      ''
+    end
+  end
+
+  # Shows correct WOPI application text (Word Online/Excel ..)
+  def wopi_button_text(asset, action)
+    file_ext = asset.file_file_name.split('.').last
+    if %w(doc docx).include?(file_ext)
+      app = 'Word Online'
+    elsif %w(xls xlsx).include?(file_ext)
+      app = 'Excel Online'
+    elsif %w(ppt pptx).include?(file_ext)
+      app = 'PowerPoint Online'
+    end
+
+    if action == 'view'
+      t('result_assets.wopi_open_file', app: app)
+    elsif action == 'edit'
+      t('result_assets.wopi_edit_file', app: app)
+    end
+  end
+end
diff --git a/app/views/result_assets/_edit.html.erb b/app/views/result_assets/_edit.html.erb
index b1bf833fd..68158d989 100644
--- a/app/views/result_assets/_edit.html.erb
+++ b/app/views/result_assets/_edit.html.erb
@@ -3,7 +3,10 @@
     <%= f.text_field :name, style: "margin-top: 10px;" %><br />
     <%= f.fields_for :asset do |ff| %>
       <span><strong><%=t "result_assets.edit.uploaded_asset" %></strong></span>
-      <p style="margin: 10px;"><%= ff.object.file_file_name %></p>
+      <p style="margin: 10px;">
+        <%= file_extension_icon(ff.object) %>
+        <%= ff.object.file_file_name %>
+      </p>
       <%= ff.file_field :file %>
     <% end %>
     <hr>
diff --git a/app/views/results/_result_asset.html.erb b/app/views/results/_result_asset.html.erb
index 3391b61ab..81506ebf5 100644
--- a/app/views/results/_result_asset.html.erb
+++ b/app/views/results/_result_asset.html.erb
@@ -1,16 +1,36 @@
 <% if can_view_or_download_result_assets(result.my_module) %>
   <%= link_to download_asset_path(result.asset), data: {no_turbolink: true} do %>
     <%= image_tag(preview_asset_path result.asset) if result.asset.is_image? %>
-    <p><%= truncate(result.asset.file_file_name, length: 50) %></p>
+		<% if wopi_file?(result.asset) %>
+			<p style='display: inline-block'>
+				<%= file_extension_icon(result.asset) %>
+				<%= truncate(result.asset.file_file_name, length: 50) %>
+			</p>
+		<% else %>
+			<p><%= truncate(result.asset.file_file_name, length: 50) %></p>
+		<% end %>
   <% end %>
   <% if result.asset.can_perform_action("view") %>
-    <%= link_to "View", view_asset_url(id: result.asset) %>
+		<%= link_to view_asset_url(id: result.asset),
+								class: 'btn btn-default btn-sm',
+								style: 'display: inline-block'	do %>
+      <%= file_application_icon(result.asset) %>
+			<%= wopi_button_text(result.asset, 'view') %>
+		<% end %>
   <% end %>
   <% if can_edit_result_asset_in_module(result.my_module) &&
       result.asset.can_perform_action("edit") %>
-    <%= link_to "Edit", edit_asset_url(id: result.asset) %>
+		<%= link_to edit_asset_url(id: result.asset),
+								class: 'btn btn-default btn-sm',
+							  style: 'display: inline-block'	do %>
+			<%= file_application_icon(result.asset) %>
+			<%= wopi_button_text(result.asset, 'edit') %>
+		<% end %>
   <% end %>
 <% else %>
   <%= image_tag(preview_asset_path result.asset) if result.asset.is_image? %>
-  <p><%= result.asset.file_file_name %></p>
+  <p>
+    <%= file_extension_icon(result.asset) %>
+    <%= truncate(result.asset.file_file_name, length: 50) %>
+  </p>
 <% end %>
diff --git a/app/views/steps/_form_assets.html.erb b/app/views/steps/_form_assets.html.erb
index 9792e1da5..8dc1cd0d8 100644
--- a/app/views/steps/_form_assets.html.erb
+++ b/app/views/steps/_form_assets.html.erb
@@ -15,11 +15,17 @@
       <% if can_view_or_download_step_assets(@protocol) %>
         <%= link_to download_asset_path(ff.object), data: {no_turbolink: true} do %>
           <%= image_tag(preview_asset_path ff.object) if ff.object.is_image? %>
-          <p><%= ff.object.file_file_name %></p>
+          <p>
+            <%= file_extension_icon(ff.object) %>
+            <%= ff.object.file_file_name %>
+          </p>
         <% end %>
       <% else %>
         <%= image_tag(preview_asset_path ff.object) if ff.object.is_image? %>
-        <p><%= ff.object.file_file_name %></p>
+        <p>
+          <%= file_extension_icon(ff.object) %>
+          <%= ff.object.file_file_name %>
+        </p>
       <% end %>
     <% else %>
       <%= ff.file_field :file %>
diff --git a/app/views/steps/_step.html.erb b/app/views/steps/_step.html.erb
index 07d5ce2e1..483ab23da 100644
--- a/app/views/steps/_step.html.erb
+++ b/app/views/steps/_step.html.erb
@@ -71,21 +71,41 @@
                       <% if asset.file_present %>
                         <%= link_to download_asset_path(asset), data: {no_turbolink: true, id: true, status: "asset-present"} do %>
                           <%= image_tag preview_asset_path(asset) if asset.is_image? %>
-                          <p><%= truncate(asset.file_file_name, length: 50) %></p>
+                          <% if wopi_file?(asset) %>
+                            <p style='display: inline-block'>
+                              <%= file_extension_icon(asset) %>
+                              <%= truncate(asset.file_file_name, length: 50) %>
+                            </p>
+                          <% else %>
+                            <p><%= truncate(asset.file_file_name, length: 50) %></p>
+                          <% end %>
                         <% end %>
                         <% if asset.can_perform_action("view") %>
-                          <%= link_to "View", view_asset_url(id: asset) %>
+                          <%= link_to view_asset_url(id: asset),
+                                      class: 'btn btn-default btn-sm',
+                                      style: 'display: inline-block'	do %>
+                            <%= file_application_icon(asset) %>
+                            <%= wopi_button_text(asset, 'view') %>
+                          <% end %>
                         <% end %>
                         <% if can_edit_step_in_protocol(@protocol) &&
                               asset.can_perform_action("edit") %>
-                          <%= link_to "Edit", edit_asset_url(id: asset) %>
+                          <%= link_to edit_asset_url(id: asset),
+                                      class: 'btn btn-default btn-sm',
+                                      style: 'display: inline-block'	do %>
+                            <%= file_application_icon(asset) %>
+                            <%= wopi_button_text(asset, 'edit') %>
+                          <% end %>
                         <% end %>
                       <% else %>
                         <%= asset_loading_span(asset) %>
                       <% end %>
                     <% else %>
                       <%= image_tag preview_asset_path(asset) if asset.is_image? %>
-                      <p><%= truncate(asset.file_file_name, length: 50) %></p>
+                      <p>
+                        <%= file_extension_icon(asset) %>
+                        <%= truncate(asset.file_file_name, length: 50) %>
+                      </p>
                     <% end %>
                   </li>
                 <% end %>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index e67728e30..f1484e517 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -847,6 +847,8 @@ en:
       error_flash: "Couldn't archive file result. Someone is editing that file."
     destroy:
       success_flash: "File result successfully deleted."
+    wopi_open_file: "Open in %{app}"
+    wopi_edit_file: "Edit in %{app}"
 
   result_tables:
     new:
diff --git a/public/images/office/Excel-color_16x16x32.png b/public/images/office/Excel-color_16x16x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..5d4f705c4029814368d624189d9c0a97c254e492
GIT binary patch
literal 1490
zcmaJ>ZEO=|9KQxLfo)+944eC~^9Ukw?Y*?!dY2W}URxNU+uW9{(a3ted)i)h?VWem
zt;~e2H0TzG3_>E1&_pwX`=FUAi83W@7LDKw24gS=c~Rp`)XcZANH*$oT|4%HaLIG`
z+;hL*@Be<I9c{ZR*FUiyL6FMU-JVYPtTNWxGI+25C(pr0t?muzU2<3-;8cLP1UUrI
z))*H7oq!Yezjz5WBgmRLu{)p#{CgQ*j#)SZV@bvo$VQOnok@k``+$yyKtzl?vH1@#
zV5lfKu^zjh@GC5cin|9@&^6fB%@6kRw1Dm0fi@=@C=dfWhbCiETw{_>tf0%ly>X0V
zXaS=4Ik9D@0{#w^l~sV+ErgjT8VR(Kw2)R?Q&Up|N)aT16BJHTX0nN~QVc<$#S4Sh
zR3XfCdVED&@Xd)ubzNa_d|+U}GGMjHY6K@~nl>~j$_x=^ZGT+nlIFO!rKI2i8n23q
zF3NG#P~<{#LU&@&)8!Ciir>E?9M_78f+@q3oPv`U0*}RvxC&@Z?*#YVcpzHq-md_>
z6KHZm<zYR-TS{b@yN4Sp0R?^qrzBLV5U0T7Kmsuk*EQ%AS?~yY&a|r{EFdR&WIkbh
zZS^>@L_!o8yN4niG-ac$ZlA|Zk~C>^IqWpyv66Pe!8#0MhQMkfJh2Fn>$Z}PMwiXX
z(moqWdP%pViFA8mwS2VOkSuXq<C@OJd0-edxZ-^-^-wOus({mFwOf{@Qmb@CWnI>y
zvVyW*cC<%~3-W+wRI%tMP{n>A_*6ND7Rtbg53ugFu@0Y|rM(1PB#heUV`+zvg~8ix
zByGcrTwztZN>Njk&F*%)NGr+O4X%r#S%=F8L$^C@Fmo6Voe_9O7j+2~`_m=q#hoM?
zJ;F#_JOYzp7C@LwNIJHoM^=Sif^5c(=95H-F6@?x_$s-=@v3euA>jxZ+m+daFDugv
z;&5bDIGZ2bRYwrSlxp?3x|83Bq-ZpVq`WuV6>2f^_1*mZ1u~b<PoovW8nNt2v~J{{
zl?s{~ULDFjw@^QkO1Tc1HUvZbe@CABw|wMG78z|R!)DHBPCvbPb0|MG`T9!{imY09
ze9!gUwzXL*{d+i=uB+mHxim#(A8nYOz5LZwR%*<RO_Wt^9*zpvW-60^-`koVJ=mB&
zlQFYXlh34&z1_g(?;LWxfNb#8{Pfu$T18LhMtJ1xpP}(v8^hn}2kLWQ&Mmw*jciqp
z(p?Mh1c{!jV7z)0f8uQ4x*NodVyakNS~!v#Jvy2?eDd+WhFiMHx^W{rxeLqP`TUjI
zeFp|}9Y3FJIaPk}u*<Y9H~#*_=~>^m<8OSt?U1XtEq(jPT;0WUE#AGaaZBgUS6s{d
z00IX>b-CZJ%-8JssCw=6@U!QxmY+D5n%p#&`n7&+ss3^p$<DW5PiLxYhqwQ=xqNc_
zW6$pkY`FM{^_vU5LsN5~2KuvTvj6280r_OQ<BKC#g2Tuf1mxdZ969smDdR8O>TUD9
I>kc0L9~hPn1poj5

literal 0
HcmV?d00001

diff --git a/public/images/office/Excel-xlsx_20x20x32.png b/public/images/office/Excel-xlsx_20x20x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6f6833725fb08328b0091223398c0dfd52d296b
GIT binary patch
literal 1543
zcmaJ>eQXnD7{5}$xfCNGF&oNu90t+R-pBfNXS?m%>!4;GrIf4)=&pBfyUW_UdUv(m
zBALUuWTN80WI?8b1S2ugp!gZbVDe!J3jT{*rXv{q7~w0DAQ*hFTgU!DFS&c4_s#SB
z{hsG}pXYkR&1)8vFD*w9WI=E(7lG>%<1L#Hzi;#|TL70zJrL73C<#5ss{mm|B@WPF
znooiV;Khy?P6H2un17R^F+CP)Vgw~^;|(8MKAnMR1o718GrZ6abTkf<lI+E<d~*~-
zCDDtuI6_1y;|Fch+D;X0=xmM(o$UfGV)b>XC(l5FG|+i8pH9gdllNjpUIyC6F^-`{
z7rot!O$8MTg;Bqv0@Pt6tODUAP$y|4Ywa$VYc)y{B!LqYPEuCV#ne&^L7>wQ2GvwC
z!9=*mX)U<(Vr{yfVQ@T`%h__ZHbqV1Bu&!>2Sr(-hgIv4bv|#EwG|}>4rqcZWpqiA
zQG=0>D_Px(!APf4NM}N!8Dd$RE)*;op64?-X(RA-+Q_Tut?3bPFO2(oYtfDjz#~9Y
zvZ?^@Be9|c7KIs|Ojb=5!xse{q(B<Tx(2n#86jBb8Rz@T7^E<AW}Pa*3*=LrB4iDk
zAm_!hSxICZ97VWk%1+n%8aW?H(xjbrJ7|KdB^`v@?=BI{20}`k2(hG_qe-@rq<yTN
zBm*SvayR-QL%`>B_yVk>gbm7?&dUNYL=CKT4@>+nmhr2A*A+FYD5+AbgxeHd(b|*@
z>fhi%TO?Uja+-0AQ;Bjwm0kp5qpGCQ;x#bRebik<z~v-;Bn$NeBuV-lc4xq8cRC5K
zk@izC@+qu1t6Zh5*?`~e4A8Fs#Nsd*QDAgQPl4(FWK;UIm6D7eVN$%DgvGFmAi-x-
zI#$=BsN(YkL3(hb`%)5gFIrPbd=_8vcvicXJmCx&=FITH&CK`$8P2Q<hqJ$R&l&_V
zeIDf4X#S`8ox6AI%~W`OxJf`Cx-;j(54ozbt{qr8^>Ag)nVJLtJTa$f^3S8D=w9T+
zw}rp=R21gMFI@QJ625hEF14+Dcu`O9VYDW)`r41l$l}P}L+uY9-<`uN-y7;Wow@w`
z)}C|q!_?T7^WFR^yn3*r5cYewg~Q!P&K(R-4p*=G06FP46^?B>oEW+Fl4r=WaD89v
z&5t&JSur#=wwUG1)&1tL$IqVqe*57Y*KgFU3=I?zb)qY77j94t()skVs-C__p0lKv
zcUW#-?zQY3uS>dP^dLX_{&CB@n=g$xKC6zEC0m#i!c`WjI&)@S%KYft6BXsofx#X9
z{HfuMk3V33W_3>9`yJu<;+>JDZA1Z7AMIk-TeNw$x}NS)TU8=|@vi~4Iksprt~c!J
z=O@apKUDygZ}Q?v&)BPX20WHu$AiCQ%#~&FSGM#{rgseuOe{Hd_1b8%r}Fmlg{IdY
zdu#v3_LY4X!B^e;);2U_`!4$X`g=_$I&UGLoZopcHb3#?8Z<HY(|HZ^YsYUNLVvdQ
zjBFg;HL_*XPQ8Bj=3{X)dgS#bQB%y+@UjV6(MoJN(DmW7#;-XTXy!ilwQm0xk)|4Q

literal 0
HcmV?d00001

diff --git a/public/images/office/PowerPoint-Color_16x16x32.png b/public/images/office/PowerPoint-Color_16x16x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..cfa3a6bf9e0136672c739a25fa46aec52ced2317
GIT binary patch
literal 1488
zcmaJ>ZA=?w96#0sH&*6YmLR%~^QLGb^zLcz=-o*NeWB2VG6E>X5$W~rfnK=wy6aWC
z#SAtg?nRxtshBN_8Cjw(!X^o3xG5Qf>7vf)mn|_kjM)@3e8c&nSf48`<HNE`o_qe!
zbHCsJ{eK4<>TB}z9?ZiqEZ<k_X+-;aW3A3b@8Z8w0@{l7>Q=o;?a;dg4Ps774MN-(
z7CK=g6r^1{zkn4OX1XCax9Y9_I$l)67Qw(+65%LfV^~FHA}WYoP{)I?Q;s-@`SH&P
zT$UU}3*)E!Q8x_9wYxRgw7b4p+}$N|5>dGguSoDnK^W=+o(L<E7@u$uX}vs>jcby?
z(-6JOK`c4d>Tkf^ss?e!LY0YBIfa)43$W34yS)^*Qh*{UD+#P+z|PyOJVoJ|hd|ae
zse^Cycr&)p$w7p4J<5}0cXzj?+h$R<P7-h&XXvn6%MhY0wkx6wiLyv+YgU5?#zaky
z>arTa4UIxjjq45qdAbxrIO_K=D~`l6i9#tO6GD^(7K#jqjkwb2nBEBQxN%o>ta(=y
zl8rE?#x)Vuqho89jB<BxLs_6CF5{wcO-aWoi6m5D7)JCMatfq9LZ0*6H5nC9P&}#_
zH@^Bj4k8|xC7$tEDVDR+oXzF+xB%b)?PM8_^4I`Fv2NBdW++%mL^l=*aXog{Znd+t
zoAc5DR0ED?T^=uOX8~ug1}vB5`XVu1h=|ZIYH;N{T-!alyjz2Uu4>Jys$^TGA*AYR
zETl$pcN2rR$Pr2Hju}<V_z5-nIVgEGHH@drz{_{BUR~~Hy^NcyrqBW?YOmMLv0gU{
zo}p13M20J^NLMy$tCeP4E+?=7H)C*}R?f{jX*+N+ER8ZpkjNQH<aJqBV5UEvik^`a
z+2|2o5h9%^8D$de5aNnXY->?9sht89q|tnejL>OmiAb(cm%d)ntyv@*0YhA#J#<)}
zUKl|mtD)K4KDTZUhUN75JkI9CwV)CT1+cxZ9=Xh=Y*Yv&Q))6**=Jd8x_Y(>JdA%e
zGEvh1TF%<Q8tz<hv#A!C`tnRgy?-1Wo9Y?NG2=U`HV*uE|H+2Qfq}QLEbO^&_LtJh
zYeVBdmE@&nhKrB4EdFh~K6UW1jo_v-J~8<5VoB@iwx=phTh~6}x^P<!JU>jod40NX
zhq+GKgbVd0bW_ng{tv`|wOfz(^`0y2>peoY-SWP)`9i9vr|A5%+b;e-G`6Z>|E1hy
zYVp|hAO3m6JTpHN{1Ke#2)y-r&CYV0o$PO+T>US!@84S-dUAF0lfw<k+jE`$m$&?C
zZuxZdbLEr;yE=G!mL16db87m;c)_<9C(Wa;9B>lvKX7W@hdF~)XWO@!%!g(IYSrw9
zRiov{O%LtcG%_Gy=ArqqVPdY&6gVop{Pdaca=iHYwky+7$M;8XK9Wp*qpn{#6e{cu
zV)@B^kN&)X7jF2nZm#si$c-uHWPx+!H#2hyI~ad&p!nShEGHLR_sp?^uV1WLWBg-%
M)%Bi_T!DT61HnKC!~g&Q

literal 0
HcmV?d00001

diff --git a/public/images/office/PowerPoint-pptx_20x20x32.png b/public/images/office/PowerPoint-pptx_20x20x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..2fdb3cb5fdf88330e627eafdfbd92db59fbbb82f
GIT binary patch
literal 1499
zcmaJ>eM}Q)7(XoOn1Z0P4Hlf2BN-!<-bZ`1ccDPrE7*-<t&OsUDc8FfIJow@yDP0k
z=Wq!dGX}`AkbPw8KH?uUTb#+vrkRF70`r4qnPVDd33Jmq7sAY3+;Hx_LXkg=m%DpE
z?)Q71-}AiBbN#`lhP;(eu0#+d&%coi!LiVIa?J3(zkhum9Ex>cv%W=X)04ak5VxpA
z0P2tO?H~krapy}Dpc+9;*QIc?-W+IT1tn_b4U9DvjYBqqRM)2BywC-7Gy>YCm<yXd
zaSB5v(S>cJ14JP11s&4H9u;iqX$lKHT>>LwwKZsUiiHNEK<Cj^RE}wE%7vxvvT$x}
z;~1KT=v^*sK~!@fh<X(jptO~!6o@JUts<?Y&F*kGEGR{g1Wr&mNmY^#)<&@efi7Mc
z^rnh!Y>2C0^aWQgtV7r1ERH9WNo&$(Rn&HzWEjS<K~a?uQK{{W>3pg(rj=$aa6l7O
zDXvRO3^gqB5hbC!FsO7PglIevSTY>b783<ihNt*APFe{(8a3idqcuGQ?#p-}S_|)t
z13UyYC7}xNJlaY#WSF~$JIVk>VF?#csB$_^QNV!=q9CSgP!yR~1eLR!R0$p+FLR2J
zFuwXZ7nVp!B1>}=;bbT~WAoH=9+G58yW2@K1ZN{@!s&Gy&I|*~iEzg%LayCM+o&oZ
z$8emJBz>gQ#}RI~*F!s;1m|X$4A&pibUr2k!>PfQ?sL5l<+5HC@VcUg6-CaJO0YxG
z6|F;wquwnvx=o6SN>VdUaZx8wrEVbBt4b729|J2rz`KvK*W0~bilZ6MN5ZIW9&f$f
zMiO3!kM!7~@&&HAEM1wXIm$y)l-tYr7>~hqdkA<Fbd`gmJPw+~a41F;SY6U(uvnjN
zSznyVl2Ie9%*WbcGAc#T#wTPQtJ$Wg;tql!t8t_HWC_C4vjrx;%wBqXS-EDAum_Ck
zQuD#ZQu~4!>{%5y=L<hfJdGe({eI3JPF;%3-@8|9qJo=)jRLxQe#OkW<WraT?88=4
z1;rI-Dn7bfwxaRo@29fD?;@ik<Nv%}G@c!qnYnQdfAMBEwY&H0wSE1^(2B3FA38K!
zHhScCWTLQd2Yz7h+}|grivQbv_w2z_Kbu>w9KUj_=;fcj{O0tTC(6y#_rXmY3d60l
z$B?{>`QZ<dvD~?cB^U2CM@;L=n#A$R$=9+k%pPccXLulgEI7Do{rF$EKe$w4uHV{i
z-ul?OqbKL*-|*M1dVZX?jGoUq|Esz`d-IJt)5TyexBBqpwE^<-CygVWMZ;ZdoAwbc
zIn>q3;ep)FH>aqaAA5*h&XcCnlA$b1BabMb-?=kGZdY#2&8_J^6#BQCxZ8O_?wdXS
z*$n;d^z{2q{MC_x!83Jz<>lpTstPvL<>T@zH;*)gEha5*``AHC!!yN0SHZ5|@-Ln?
zjkeWBTE=rKT6?E|c_d^$Q8OQS{oKSR<SlAX@5g7So;ysaYpjT+<hu!L>(Q*i?T^1#
eHS{R5A{Y7di=1cwDCn9pez$&K6Zfg7b?^VjGYGH%

literal 0
HcmV?d00001

diff --git a/public/images/office/Word-color_16x16x32.png b/public/images/office/Word-color_16x16x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..a6b7889c868d53c0fe571e7b2f0f01c3ff23111c
GIT binary patch
literal 1448
zcmaJ>ZD<o`9KVvj+oGc#eR0n7I%TjW_maCNcWY{syT(S^TH3N^jA1T!Pm)_NciH8#
zq?OIqx()@Ig*n_n)DPl5NU4l5RvFz^{h)OgVZ&`mM_EDG%I1`^mtwQ$(xmo-c<|iw
zf1dmO{_p=g*3-SOy0WnnL6GV|htLc6ZPqF;h3}mYvm)FY%=Vz!r$@}RXaK}3>tTQf
z;$jr^0#P1%>pEyb5ZgVaKWGNKIyp&?J46fP$ix$njUX+1GYL@|1ST2=QAP7$e_olv
zP(}7&156jumEb{4=@>RZ-*9)oG(0G=GPbuBZOL#@K^&MOnu)7glFN9ooL&yf)-{fy
zIfyyv!PcD$cJ-jVZUB^V5O#@ZCeUWmK{{!d%k?r!5hQ^V6i!lh(#1I`jv&zdgF$PC
z9N~Hef8G{6d9aviCO8~Vr_+wK)1eztoMc(n(m_#nh_EMzG*isjwPaI4g8-6}p(IR2
z*HBBN7}is!2ZNrjhY(M6b!{ltlKDizl;IgMfs+mbkH@XJa_FSl3m&`iM0B!$C;{+Z
zkknI#1nUuLDv)9Bo^GfBl%)+^B4wz#IAsY3Du@HkOhTu~oJY`e?tr1d0*b1jODXGX
zK=5Fxlp=GCKoM@1qFJZUFZf83C26mlVF|%WGK8CVTgEH}n~CtoAzNJ9D>S=kfoJ^;
zNw$-2N)WsZ?ep_4H^Dah3*3N~G(}AUmQjnVJm&IG<#N0ML{m5VbzLpAN>5BT^<+#>
zpnM;L4k((er;}C{^L_$Dc^k-nLyx1mGH}WhthY0~+t2W9I{_C7qxSoG*6rtE@C;3|
zG?wSeo6=Q?nxbgN=kt<Il4mTgmtuLhmv)gp#!bV_VK{U~mN-)}RgmvbuWIHcRk3=6
zQ$;NblVO)ZL`<nB);gdY@<D=Z!L8;~6^PDB>qLB$y4>}qZY?0;2w39A?7_pv^a2fz
ztN~}UsIB%sf)ot|1aE)l=dc=!g^<zDzgTi-v)PN+?q_HIf<nrBx~MZ-6aHuZ>ur;(
z$0v%mgkC%J`nx-9wjR<pR%v^F>c8pl57XxlwzZro=_sbQ6-{31XkW~(J^bK1BBJf7
zv3)#ps^rqC6YmA9xo1ARJYA|*)zmc2Ubt{9G&(oeSAX~Bvki3Z(T2&%{rheg&%QWX
zj;%c!JG!;5?4{GqcP7H2sI=!sNdjMPT^af2R?kO^H&^aeH9q*Z>g>!~ICdso8%4wQ
ziC-6ADc!nd_xM*AcT!g~G3Tc@D#&Fvbv9FXx47}-_BXFi#eN6lR}TE*{Biqra_R5o
z7ZytH{4p~+y=0&L;gCMEFk!pKc<YGY{PShwXzinH88%XWWY_ZH(3gXQ)MdZ@r;3W*
zJ5JipEv%MQj;*wH63$)k7wwN!zWPpm@!YMRv8r>yy5s+PADsVWeku|jL2O9>>W6Q1
T-hS?c_3sR{cMFrg(2@TEuifxU

literal 0
HcmV?d00001

diff --git a/public/images/office/Word-docx_20x20x32.png b/public/images/office/Word-docx_20x20x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..69e8ab3d179832311f8601dde0d912721be544b1
GIT binary patch
literal 1531
zcmaJ>eQXnD7{86N0Bd2!i5m(WhsYn$-bZ`4-euir?^@Sn-O4uIAPBqOz1z;Uz4Lmd
zEioAxUrzZL1_govF)Ds#86jfK5}9tua6w31TvYs+5rxDE_(5i1!S}j$><_{vcklDQ
z_xnBH&)XfUeabp-(L4k}tbuBw9<C+kJEstS_jE6|!llgcH5(0TtC19SfOupz4A4MS
zYy<T`l+(|j2Nei1>#EY&Y%~XJI7yA#MH6FBMK#Dqkcz65CQ2Q^K*OL-iMg@s{bw*#
zk=<Am9VCJp589RLEjnn}QrjqP>5y0%tExmRQXEte1%`;GqLEmfOS!R(UJlCUF^-`b
zh|%H3rkrXHhEQJB0ZQ8mn?x`K%8+)_;VdsNUyV`(N#F#9la!4t=NuGA5NP(npfz1?
z<?020))w5kv3A4II2=zVllG*;uIg<#$+E1egQ9E@VT-3@hM2O&;>&Xy1Q3^WMKcsN
zhMF41u$nO381!^1gs2t_PAiVZvx$N!!&9P$lXe1+M$Nb~=(tf2?zwSabi6UG0lXf>
z)r2m=dbBRjkzwv0Y$ykmrD>d&&?A{RWeEon5Ct(K4xJ)19zoB!I$ePU6eEHvCCtA8
z!Hp#nip<dhMYveX$vV7#!Ap`X>GZg0mJl2yO}KcMY0OkGlL$}jGUPhFg3C)e8P@Az
zNzzAp7!Sn~w4W9jlID4DjvI)@4KXGG)2PW+?s4e{ayecHqM_=Isv60)N~m2m)Ofq9
zp?m|4HYqV#O~%bCX8i=ZvKh#JU5%odGH}X$tb4q?&p|VMxxjjTBuTnFq)*@(pNDpl
zK9=!dS*|=IUAd@v%I7F2d?f3i;(BQ(<71o*LkNDBr)Ug^&d3sHC`JTi`_mIKvQk7b
zdxVRKu{M|tn+#gTM8v=<n^axiL=a>JZgyWpf$)qp#l&am%N);W*BlbgfGJK7AKXlj
zFNndJ)!}fiJ@*p4De~S62%g5&ci}sC?^eyCLTf`c5<34*{x27jOD=c5jLoBp%T|r7
zdTVlJzVn;0pJu-wM8cvxS!0p&^YZfE{`;VPbN=B^*KC?QIJB<kk!$|1M%(sN4M$G@
zW*Iy+cC74Z{>=-!)UwLX+h?_Onj8FZ-Kn3SyLi++($f?|3#rji-O`fAmg}bw>$eLI
zG;IwRK9gR#^IFHnaN_Cpi?CGZ3%3j3N&hzyvVhU<LpP6=;&1lfxH>+loj!Sz9Ne{F
z>7TaseSL?Ym^C-=jiRqV6Nk@Tn7?r1pMO`@GIP-W;-=76Yt1c3%cc4fP#yjL^Gipr
ze>re&@QdP&AMHI}d3Nvk`48$WlOuKE_MzDWg-g!-wSC#px`+S3Y%3n>+rGPW>9!rc
zPX6Xlhjv!zzcF;>goQZRwV@#Y_?n`gE7kh4n&rc<cHG+7HZjNI=oug0x&K%1p^tx9
zeW0}W$4=|M;^M~+`n&7}pIEl<*R4CluWYEcpyziCA>n6J$cu~Lz2bec<u$z^><@Jp
zP!ktNii)Uhd&(XUmXy{wR|N2}VOz_|yq=8<HynQba@V8i0CIGI_<i^M@e}5C9Prf&
Jz226t{{e=s6UqPp

literal 0
HcmV?d00001