remove duplicate png/svg files and changed png image file to svg format

css/style.css

@@ -1961,3 +1961,9 @@ select {
 .icon_menu{
     height:14px;
 }
+.img-top {
+    width: 34px;
+    height: 34px;
+    margin-top: 7px;
+    margin-left:5px;
+}

data/styledata.json

@@ -58,11 +58,11 @@
     "shape": "image",
     "size": 18,
     "err_size": 22,
-    "image": "newroadm.png",
+    "image": "roadm.svg",
-    "err_image": "err_roadm.png",
+    "err_image": "err_roadm.svg",
-    "w_image": "w_roadm.png",
+    "w_image": "w_roadm.svg",
-    "h_image": "h_roadm.png",
+    "h_image": "h_roadm.svg",
-    "fh_image": "fh_roadm.png",
+    "fh_image": "fh_roadm.svg",
     "node_type": "Roadm",
     "component_type": "node",
     "icon": {},
@@ -114,11 +114,11 @@
     "shape": "image",
     "size": 18,
     "err_size": 22,
-    "image": "newamp.png",
+    "image": "amp.svg",
-    "err_image": "err_amplifier.png",
+    "err_image": "err_amplifier.svg",
-    "w_image": "w_amplifier.png",
+    "w_image": "w_amplifier.svg",
-    "h_image": "h_amplifier.png",
+    "h_image": "h_amplifier.svg",
-    "fh_image": "fh_amplifier.png",
+    "fh_image": "fh_amplifier.svg",
     "node_type": "Amplifier",
     "amp_category": "Amplifier",
     "component_type": "node",
@@ -142,11 +142,11 @@
     "shape": "image",
     "size": 18,
     "err_size": 22,
-    "image": "ramanamp.png",
+    "image": "ramanamp.svg",
-    "err_image": "err_raman.png",
+    "err_image": "err_raman.svg",
-    "w_image": "w_raman.png",
+    "w_image": "w_raman.svg",
-    "h_image": "h_raman.png",
+    "h_image": "h_raman.svg",
-    "fh_image": "fh_raman.png",
+    "fh_image": "fh_raman.svg",
     "node_type": "Amplifier",
     "amp_category": "RamanAmplifier",
     "component_type": "node",
@@ -170,11 +170,11 @@
     "shape": "image",
     "size": 18,
     "err_size": 22,
-    "image": "newattenuator.png",
+    "image": "attenuator.svg",
-    "err_image": "err_attenuator.png",
+    "err_image": "err_attenuator.svg",
-    "w_image": "w_attenuator.png",
+    "w_image": "w_attenuator.svg",
-    "h_image": "h_attenuator.png",
+    "h_image": "h_attenuator.svg",
-    "fh_image": "fh_attenuator.png",
+    "fh_image": "fh_attenuator.svg",
     "node_type": "Fused",
     "component_type": "node",
     "icon": {},
@@ -198,11 +198,11 @@
     "shape": "image",
     "size": 18,
     "err_size": 22,
-    "image": "newtransceiver.png",
+    "image": "transceiver.svg",
-    "err_image": "err_transceiver.png",
+    "err_image": "err_transceiver.svg",
-    "w_image": "w_transceiver.png",
+    "w_image": "w_transceiver.svg",
-    "h_image": "h_transceiver.png",
+    "h_image": "h_transceiver.svg",
-    "fh_image": "fh_transceiver.png",
+    "fh_image": "fh_transceiver.svg",
     "node_type": "Transceiver",
     "component_type": "node",
     "icon": {},

help.html

@@ -13,7 +13,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="Assets/img/telecom-favicon.ico" type="image/gif" sizes="16x16">
 
-    <link href="css/cdn/bootstrap.min.css" rel="stylesheet"/>
+    <link href="css/cdn/bootstrap.min.css" rel="stylesheet" />
     <link rel="stylesheet" type="text/css" href="css/style.css" />
     <link href="css/cdn/font-awesome.css" rel="stylesheet" />
 

homepage.html

@@ -11,7 +11,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="Assets/img/telecom-favicon.ico" type="image/gif" sizes="16x16">
     <script src="js/helper/helper.js"></script>
-    <link href="css/cdn/bootstrap.min.css" rel="stylesheet"  />
+    <link href="css/cdn/bootstrap.min.css" rel="stylesheet" />
     <link rel="stylesheet" href="css/style.css" />
     <link href="css/cdn/font-awesome.css" rel="stylesheet" />
     <link href="css/cdn/roboto-css.css" rel="stylesheet" />
@@ -244,14 +244,14 @@
                         <div class="group-node">
                             <div class="create-back" id="btnAddRoadm">
                                 <div class="card icon-group hover-show">
-                                    <img src="Assets/img/newroadm.svg"
+                                    <img src="Assets/img/menu_roadm.svg"
                                          class="mx-auto icon-name justify-content-center align-items-center w-100 h-100" data-toggle="tooltip" data-placement="top"
                                          title="ROADM" />
                                 </div><span class="sidebar-text1">ROADM</span>
                             </div>
                             <div class="create-back" id="btnAddFused">
                                 <div class="card icon-group hover-show">
-                                    <img src="Assets/img/newattenuator.svg"
+                                    <img src="Assets/img/menu_attenuator.svg"
                                          class="mx-auto icon-name justify-content-center align-items-center w-100 h-100" data-toggle="tooltip" data-placement="top"
                                          title="Attenuator" />
                                 </div><span class="sidebar-text1">Attenuator</span>
@@ -259,7 +259,7 @@
 
                             <div class="create-back" id="btnAddTransceiver">
                                 <div class="card icon-group hover-show">
-                                    <img src="Assets/img/newtransceiver.svg"
+                                    <img src="Assets/img/menu_transceiver.svg"
                                          class="mx-auto icon-name justify-content-center align-items-center w-100 h-100" data-toggle="tooltip" data-placement="top"
                                          title="Transceiver" />
                                 </div><span class="sidebar-text1">Transceiver</span>
@@ -275,14 +275,14 @@
                             </div>
                             <div class="create-back" id="btnAddAmplifier">
                                 <div class="card icon-group hover-show">
-                                    <img src="Assets/img/newamp.svg"
+                                    <img src="Assets/img/menu_amp.svg"
                                          class="mx-auto icon-name justify-content-center align-items-center w-100 h-100" data-toggle="tooltip" data-placement="top"
                                          title="Amplifier" style="padding: 1px;" />
                                 </div><span class="sidebar-text1">Amplifier</span>
                             </div>
                             <div class="create-back" id="btnAddRamAmp">
                                 <div class="card icon-group hover-show">
-                                    <img src="Assets/img/ramanamp.svg"
+                                    <img src="Assets/img/menu_ramanamp.svg"
                                          class="mx-auto icon-name justify-content-center align-items-center w-100 h-100" data-toggle="tooltip" data-placement="top"
                                          title="Raman Amplifier" style="padding: 1px;" />
                                 </div><span class="sidebar-text1">Raman Amplifier</span>
@@ -440,17 +440,17 @@
                                 </div>
                                 <!--<i id="showHideEle" style="padding-top: 15px; padding-right: 6px; padding-left: 6px; cursor: pointer; color: #2b7c80;" data-toggle="tooltip" data-placement="top" title="Show/Hide Fiber/Service label" class="fa fa-eye-slash" aria-hidden="true"></i>-->
                                 <a href="#" id="button_undo" data-toggle="tooltip" data-placement="top" title="Undo">
-                                    <img src="Assets/img/undo.png" />
+                                    <img src="Assets/img/undo.svg"  class="img-top" />
                                 </a>
                                 <a href="#" id="button_redo" data-toggle="tooltip" data-placement="top" title="Redo">
-                                    <img src="Assets/img/redo.png" />
+                                    <img src="Assets/img/Redo.svg"  class="img-top" />
                                 </a>
                                 <a href="#" id="btncaptureimagenetwork" data-toggle="tooltip" data-placement="top" title="Screen Capture">
-                                    <img src="Assets/img/capture-image.png" />
+                                    <img src="Assets/img/capture-image.svg"  class="img-top" />
                                 </a>
 
-                                <a href="#" id="btnSaveNetworkTop" data-toggle="tooltip" data-placement="top" title="Save As">
+                                <a href="#" id="btnSaveNetworkTop" style="margin-right:5px;" data-toggle="tooltip" data-placement="top" title="Save As">
-                                    <img src="Assets/img/save.png" />
+                                    <img src="Assets/img/Top_save.svg"  class="img-top" />
                                 </a>
                                 <button id="btnValidation"
                                         style="background: #2b7c80; color: #fff; border: none; padding: 5px 20px; border-radius: 5px; width: 100%; margin-right: 10px; height: 38px; margin-top: 4px;">
@@ -1262,8 +1262,8 @@
         </div>
         <div class="info-fiber" style="padding:0px;">
             <div class="panel">
-                <a class="dropdown-item" id="rcDualInsertROADM" href="#"><img src="Assets/img/newroadm.svg" alt="" class="mr-2 middleNode"> <span>ROADM</span></a>
+                <a class="dropdown-item" id="rcDualInsertROADM" href="#"><img src="Assets/img/menu_roadm.svg" alt="" class="mr-2 middleNode"> <span>ROADM</span></a>
-                <a class="dropdown-item" id="rcDualInsertAttenuator" href="#"><img src="Assets/img/newattenuator.svg" alt="" class="mr-2 middleNode"> <span>Attenuator</span></a>
+                <a class="dropdown-item" id="rcDualInsertAttenuator" href="#"><img src="Assets/img/menu_attenuator.svg" alt="" class="mr-2 middleNode"> <span>Attenuator</span></a>
                 <!--<a class="dropdown-item" id="rcDualInsertTransceiver" href="#"><img src="Assets/img/newtransceiver.svg" alt="" class="mr-2 middleNode"> <span>Transceiver</span></a>-->
                 <a class="dropdown-item" id="rcDualInsertILA" href="#"><img src="Assets/img/ILA.svg" alt="" class="mr-2 middleNode"> <span>ILA</span></a>
             </div>
@@ -1281,11 +1281,11 @@
         </div>
         <div class="info-fiber" style="padding:0px;">
             <div class="panel">
-                <a class="dropdown-item" id="rcSingleInsertROADM" href="#"><img src="Assets/img/newroadm.svg" alt="" class="mr-2 middleNode"> <span>ROADM</span></a>
+                <a class="dropdown-item" id="rcSingleInsertROADM" href="#"><img src="Assets/img/menu_roadm.svg" alt="" class="mr-2 middleNode"> <span>ROADM</span></a>
-                <a class="dropdown-item" id="rcSingleInsertAttenuator" href="#"><img src="Assets/img/newattenuator.svg" alt="" class="mr-2 middleNode"> <span>Attenuator</span></a>
+                <a class="dropdown-item" id="rcSingleInsertAttenuator" href="#"><img src="Assets/img/menu_attenuator.svg" alt="" class="mr-2 middleNode"> <span>Attenuator</span></a>
                 <!--<a class="dropdown-item" id="rcSingleInsertTransceiver" href="#"><img src="Assets/img/newtransceiver.svg" alt="" class="mr-2 middleNode"> <span>Transceiver</span></a>-->
-                <a class="dropdown-item" id="rcSingleInsertAmplifier" href="#"><img src="Assets/img/newamp.svg" alt="" class="mr-2 middleNode"> <span>Amplifier</span></a>
+                <a class="dropdown-item" id="rcSingleInsertAmplifier" href="#"><img src="Assets/img/menu_amp.svg" alt="" class="mr-2 middleNode"> <span>Amplifier</span></a>
-                <a class="dropdown-item" id="rcSingleInsertRamanAmp" href="#"><img src="Assets/img/ramanamp.svg" alt="" class="mr-2 middleNode"> <span>Raman Amplifier</span></a>
+                <a class="dropdown-item" id="rcSingleInsertRamanAmp" href="#"><img src="Assets/img/menu_ramanamp.svg" alt="" class="mr-2 middleNode"> <span>Raman Amplifier</span></a>
             </div>
         </div>
     </div>