From: Philipp Klaus <klaus@physik.uni-frankfurt.de>
Date: Tue, 10 Oct 2017 13:24:48 +0000 (+0200)
Subject: DASH: use fontawesome v4.7.0 icons
X-Git-Url: https://jspc29.x-matter.uni-frankfurt.de/git/?a=commitdiff_plain;h=ec90dc9f2f6fa0707b3d4aa2ed6d9475bc32031e;p=mvd_epics.git

DASH: use fontawesome v4.7.0 icons
---

diff --git a/python_suite/dashboard/static/images/clipboard.svg b/python_suite/dashboard/static/images/clipboard.svg
deleted file mode 100644
index db2c56d..0000000
--- a/python_suite/dashboard/static/images/clipboard.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   version="1.1"
-   id="svg3336"
-   width="896"
-   height="1024">
-  <metadata
-     id="metadata3344">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs3342" />
-  <path
-     id="path3338"
-     d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z" />
-</svg>
diff --git a/python_suite/dashboard/views/base_bootstrap.jinja2 b/python_suite/dashboard/views/base_bootstrap.jinja2
index a614dbe..93e185c 100644
--- a/python_suite/dashboard/views/base_bootstrap.jinja2
+++ b/python_suite/dashboard/views/base_bootstrap.jinja2
@@ -19,6 +19,8 @@
     }
     </style>
 
+    <link rel="stylesheet" href="/static/external/fontawesome/css/font-awesome.min.css">
+
     {% block header %}
     <!-- Custom Head Section -->
     {% endblock %}
diff --git a/python_suite/dashboard/views/pv_details_bootstrap.jinja2 b/python_suite/dashboard/views/pv_details_bootstrap.jinja2
index 8053890..33e519b 100644
--- a/python_suite/dashboard/views/pv_details_bootstrap.jinja2
+++ b/python_suite/dashboard/views/pv_details_bootstrap.jinja2
@@ -28,9 +28,9 @@
 <div class="pv-block value indicator {{ PV.classes }}">
 	<div class="error"></div>
 	<div class="btn-group">
-		<a class="btn btn-sm btn-outline-primary btn-pv" href="/pv/{{ PV.name }}" title="{{ PV.name }}">PV</a>
+		<a class="btn btn-sm btn-outline-primary btn-pv" href="/pv/{{ PV.name }}" title="{{ PV.name }}"><i class="fa fa-info"></i></a>
 		<button type="button" class="btn btn-sm btn-outline-primary btn-copy js-tooltip js-copy" data-toggle="tooltip" data-placement="bottom" data-copy="{{ PV.name }}" title="Copy PV name to clipboard">
-			<img class="icon" src="/static/images/clipboard.svg">
+			<i class="fa fa-clipboard"></i>
 		</button>
 	</div>
 	<div class="value-unit-box" style="display: inline-block;">
diff --git a/python_suite/dashboard/views/pv_overview_bootstrap.jinja2 b/python_suite/dashboard/views/pv_overview_bootstrap.jinja2
index 3a8cd1e..df052d9 100644
--- a/python_suite/dashboard/views/pv_overview_bootstrap.jinja2
+++ b/python_suite/dashboard/views/pv_overview_bootstrap.jinja2
@@ -26,9 +26,9 @@
 						<div class="error"></div>
 						<div class="pvname" style="overflow-wrap:break-word;">{{ PV.alias or PV.name }}</div>
 						<div class="btn-group">
-							<a class="btn btn-sm btn-outline-primary btn-pv js-tooltip" data-toggle="tooltip" data-placement="bottom" href="/pv/{{ PV.name }}" title="{{ PV.name }}">PV</a>
+							<a class="btn btn-sm btn-outline-primary btn-pv js-tooltip" data-toggle="tooltip" data-placement="bottom" href="/pv/{{ PV.name }}" title="{{ PV.name }}"><i class="fa fa-info"></i></a>
 							<button type="button" class="btn btn-sm btn-outline-primary btn-copy js-tooltip js-copy" data-toggle="tooltip" data-placement="bottom" data-copy="{{ PV.name }}" title="Copy PV name to clipboard">
-								<img class="icon" src="/static/images/clipboard.svg">
+								<i class="fa fa-clipboard"></i>
 							</button>
 						</div>
 						<div class="value-unit-box" style="display: inline-block;">