1 files changed, 96 insertions, 19 deletions

diff --git a/book-enea-nfv-core-installation-guide/doc/high_availability.xml b/book-enea-nfv-core-installation-guide/doc/high_availability.xml
index 49ec0e6..4fd4c28 100644
--- a/book-enea-nfv-core-installation-guide/doc/high_availability.xml
+++ b/book-enea-nfv-core-installation-guide/doc/high_availability.xml
@@ -182,7 +182,11 @@
     <mediaobject>
       <imageobject role="fo">
         <imagedata align="center" contentwidth="600"
-                   fileref="images/functional_blocks.svg" format="SVG" />
+                   fileref="images/functional_blocks.svg" />
+      </imageobject>
+
+      <imageobject role="html">
+        <imagedata align="center" fileref="images/functional_blocks.png" />
       </imageobject>
     </mediaobject>
 
@@ -199,17 +203,27 @@
       scenario:</para>
 
       <mediaobject>
-        <imageobject>
+        <imageobject role="fo">
           <imagedata align="center" contentwidth="600"
                      fileref="images/dr_fault_mg.svg" />
         </imageobject>
+
+        <imageobject role="html">
+          <imagedata align="center" fileref="images/dr_fault_mg.png" />
+        </imageobject>
       </mediaobject>
 
+      <para></para>
+
       <mediaobject>
-        <imageobject>
+        <imageobject role="fo">
           <imagedata align="center" contentwidth="600"
                      fileref="images/dr_fault_mg_2.svg" />
         </imageobject>
+
+        <imageobject role="html">
+          <imagedata align="center" fileref="images/dr_fault_mg_2.png" />
+        </imageobject>
       </mediaobject>
 
       <para>Enea NFV Core <xi:include
@@ -337,10 +351,14 @@
       respectively.</para>
 
       <mediaobject>
-        <imageobject>
+        <imageobject role="fo">
           <imagedata align="center" contentwidth="600"
                      fileref="images/Zabbix_Home.svg" />
         </imageobject>
+
+        <imageobject role="html">
+          <imagedata align="center" fileref="images/Zabbix_Home.png" />
+        </imageobject>
       </mediaobject>
 
       <para>To forward Zabbix events to Vitrage, a new media type needs to be
@@ -373,10 +391,14 @@
           </itemizedlist>
 
           <mediaobject>
-            <imageobject>
+            <imageobject role="fo">
               <imagedata align="center" contentwidth="600"
                          fileref="images/Zabbix_MediaType.svg" />
             </imageobject>
+
+            <imageobject role="html">
+              <imagedata align="center" fileref="images/Zabbix_MediaType.png" />
+            </imageobject>
           </mediaobject>
         </listitem>
 
@@ -389,17 +411,28 @@
           <literal>admin</literal> alias:</para>
 
           <mediaobject>
-            <imageobject>
+            <imageobject role="fo">
               <imagedata align="center"
                          fileref="images/Zabbix_AdminSelectUsers.svg" />
             </imageobject>
+
+            <imageobject role="html">
+              <imagedata align="center"
+                         fileref="images/Zabbix_AdminSelectUsers.png" />
+            </imageobject>
           </mediaobject>
 
+          <para></para>
+
           <mediaobject>
-            <imageobject>
+            <imageobject role="fo">
               <imagedata align="center" contentwidth="600"
                          fileref="images/Zabbix_AdminUser.svg" />
             </imageobject>
+
+            <imageobject role="html">
+              <imagedata align="center" fileref="images/Zabbix_AdminUser.png" />
+            </imageobject>
           </mediaobject>
         </listitem>
 
@@ -409,13 +442,13 @@
           the <literal>Groups</literal> list:</para>
 
           <mediaobject>
-            <imageobject role="fop">
+            <imageobject role="fo">
               <imagedata align="center" contentwidth="600"
                          fileref="images/Zabbix_User.svg" />
             </imageobject>
 
             <imageobject role="html">
-              <imagedata fileref="images/Zabbix_User.png" />
+              <imagedata align="center" fileref="images/Zabbix_User.png" />
             </imageobject>
           </mediaobject>
         </listitem>
@@ -439,10 +472,15 @@
           </itemizedlist>
 
           <mediaobject>
-            <imageobject>
+            <imageobject role="fo">
               <imagedata align="center" contentwidth="600"
                          fileref="images/Zabbix_AdminUserSelectGroup.svg" />
             </imageobject>
+
+            <imageobject role="html">
+              <imagedata align="center"
+                         fileref="images/Zabbix_AdminUserSelectGroup.png" />
+            </imageobject>
           </mediaobject>
         </listitem>
 
@@ -489,10 +527,15 @@
           </itemizedlist>
 
           <mediaobject>
-            <imageobject>
+            <imageobject role="fo">
               <imagedata align="center" contentwidth="600"
                          fileref="images/Zabbix_AdminUserMediaAdd.svg" />
             </imageobject>
+
+            <imageobject role="html">
+              <imagedata align="center"
+                         fileref="images/Zabbix_AdminUserMediaAdd.png" />
+            </imageobject>
           </mediaobject>
         </listitem>
 
@@ -527,10 +570,14 @@ priority={TRIGGER.NSEVERITY}
 lastchange={EVENT.DATE} {EVENT.TIME}</programlisting>
 
               <mediaobject>
-                <imageobject>
+                <imageobject role="fo">
                   <imagedata align="center" contentwidth="600"
                              fileref="images/Zabbix_Action.svg" />
                 </imageobject>
+
+                <imageobject role="html">
+                  <imagedata align="center" fileref="images/Zabbix_Action.png" />
+                </imageobject>
               </mediaobject>
             </listitem>
           </itemizedlist>
@@ -544,10 +591,15 @@ lastchange={EVENT.DATE} {EVENT.TIME}</programlisting>
           changes.</para>
 
           <mediaobject>
-            <imageobject>
+            <imageobject role="fo">
               <imagedata align="center" contentwidth="600"
                          fileref="images/Zabbix_ActionConditions.svg" />
             </imageobject>
+
+            <imageobject role="html">
+              <imagedata align="center"
+                         fileref="images/Zabbix_ActionConditions.png" />
+            </imageobject>
           </mediaobject>
         </listitem>
 
@@ -575,10 +627,15 @@ lastchange={EVENT.DATE} {EVENT.TIME}</programlisting>
               </itemizedlist>
 
               <mediaobject>
-                <imageobject role="fop">
+                <imageobject role="fo">
                   <imagedata align="center" contentwidth="600"
                              fileref="images/Zabbix_ActionOperations.svg" />
                 </imageobject>
+
+                <imageobject role="html">
+                  <imagedata align="center"
+                             fileref="images/Zabbix_ActionOperations.png" />
+                </imageobject>
               </mediaobject>
             </listitem>
           </itemizedlist>
@@ -596,10 +653,15 @@ lastchange={EVENT.DATE} {EVENT.TIME}</programlisting>
           it:</para>
 
           <mediaobject>
-            <imageobject>
+            <imageobject role="fo">
               <imagedata align="center" contentwidth="600"
                          fileref="images/Zabbix_ConfigTemplatesZabbixAgent.svg" />
             </imageobject>
+
+            <imageobject role="html">
+              <imagedata align="center"
+                         fileref="images/Zabbix_ConfigTemplatesZabbixAgent.png" />
+            </imageobject>
           </mediaobject>
         </listitem>
 
@@ -609,10 +671,15 @@ lastchange={EVENT.DATE} {EVENT.TIME}</programlisting>
           <literal>Update</literal>:</para>
 
           <mediaobject>
-            <imageobject>
+            <imageobject role="fo">
               <imagedata align="center" contentwidth="600"
                          fileref="images/Zabbix_ConfigTemplateZabbixAgentPing.svg" />
             </imageobject>
+
+            <imageobject role="html">
+              <imagedata align="center"
+                         fileref="images/Zabbix_ConfigTemplateZabbixAgentPing.png" />
+            </imageobject>
           </mediaobject>
         </listitem>
 
@@ -627,10 +694,15 @@ lastchange={EVENT.DATE} {EVENT.TIME}</programlisting>
           5 minutes</literal> to open and edit the trigger:</para>
 
           <mediaobject>
-            <imageobject>
+            <imageobject role="fo">
               <imagedata align="center" contentwidth="600"
                          fileref="images/Zabbix_ConfigTemplateZabbixAgentTrigger1.svg" />
             </imageobject>
+
+            <imageobject role="html">
+              <imagedata align="center"
+                         fileref="images/Zabbix_ConfigTemplateZabbixAgentTrigger1.png" />
+            </imageobject>
           </mediaobject>
         </listitem>
 
@@ -641,10 +713,15 @@ lastchange={EVENT.DATE} {EVENT.TIME}</programlisting>
           <literal>HIGH</literal> and click <literal>Update</literal>:</para>
 
           <mediaobject>
-            <imageobject>
+            <imageobject role="fo">
               <imagedata align="center" contentwidth="600"
                          fileref="images/Zabbix_ConfigTemplateZabbixAgentTrigger2.svg" />
             </imageobject>
+
+            <imageobject role="html">
+              <imagedata align="center"
+                         fileref="images/Zabbix_ConfigTemplateZabbixAgentTrigger2.png" />
+            </imageobject>
           </mediaobject>
         </listitem>
       </orderedlist>
@@ -674,7 +751,7 @@ lastchange={EVENT.DATE} {EVENT.TIME}</programlisting>
       that have the Vitrage role.</para>
 
       <mediaobject>
-        <imageobject role="fop">
+        <imageobject role="fo">
           <imagedata align="center" contentwidth="600"
                      fileref="images/Vitrage_ConfigurationRole.svg" />
         </imageobject>