Show workflow permalink

Author: stain

src/main/resources/static/css/main-20170616.css

@@ -287,3 +287,13 @@ polygon.hover {
     font-style: italic;
     margin-bottom: 30px;
 }
+
+#permalink {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+#permalink a { 
+	font-size: smaller;
+	font-family: Consolas, Inconsolata, monospace; 
+}

src/main/resources/templates/workflow.html

@@ -147,7 +147,13 @@ <h2>Workflow: <span th:text="${workflow.label}">Workflow Name</span></h2>
         </div>
     </div>
     <div class="row">
-        <div class="col-md-12">
+        <div class="col-md-8">
+        	<div id="permalink">
+        		Permalink: <a th:href="${workflow.permalink}" th:text="${workflow.permalink}"
+        		            href="#">https://w3id.org/cwl/view/git/933bf2a1a1cce32d88f88f136275535da9df0954/workflows/hello/hello.cwl</a>
+        	</div>
+        </div>    
+        <div class="col-md-4">
             <div id="graph-menu" class="pull-right">
                 <strong>Graph: </strong>
                 <button id="view-dot" class="btn btn-primary" type="button" data-toggle="modal" data-target="#dotGraph">View DOT</button>