1
- <!DOCTYPE html>
2
- <!--
3
- ~ Licensed to the Apache Software Foundation (ASF) under one
4
- ~ or more contributor license agreements. See the NOTICE file
5
- ~ distributed with this work for additional information
6
- ~ regarding copyright ownership. The ASF licenses this file
7
- ~ to you under the Apache License, Version 2.0 (the
8
- ~ "License"); you may not use this file except in compliance
9
- ~ with the License. You may obtain a copy of the License at
10
- ~
11
- ~ http://www.apache.org/licenses/LICENSE-2.0
12
- ~
13
- ~ Unless required by applicable law or agreed to in writing,
14
- ~ software distributed under the License is distributed on an
15
- ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
16
- ~ KIND, either express or implied. See the License for the
17
- ~ specific language governing permissions and limitations
18
- ~ under the License.
19
- -->
20
1
21
2
< html xmlns:th ="http://www.thymeleaf.org ">
22
3
< head >
@@ -37,27 +18,31 @@ <h1>Explore Workflows</h1>
37
18
< p > View already parsed workflows here or < a href ="/ " alt ="homepage "> click here to add your own</ a > </ p >
38
19
39
20
< table class ="table table-striped ">
40
- < tr >
41
- < th > Graph</ th >
42
- < th > Name</ th >
43
- < th > Retrieved From</ th >
44
- < th > View</ th >
45
- </ tr >
46
- < tr th:each ="workflow : ${workflows} " th:with ="workflowURL=@{'/workflows/github.com/' + ${workflow.retrievedFrom.owner} + '/' + ${workflow.retrievedFrom.repoName} + '/tree/' + ${workflow.retrievedFrom.branch} + '/' + ${workflow.retrievedFrom.path}} ">
47
- < td >
48
- < a th:href ="${workflowURL} ">
49
- < img th:src ="@{'/workflows/' + ${workflow.id} + '/graph/svg'} " alt ="workflow graph " />
50
- </ a >
51
- </ td >
52
- < td th:text ="${workflow.label} "> </ td >
53
- < td >
54
- < a th:href ="@{'https://github.com/' + ${workflow.retrievedFrom.owner} + '/' + ${workflow.retrievedFrom.repoName} + '/tree/' + ${workflow.lastCommit} + '/' + ${workflow.retrievedFrom.path}} " rel ="noopener " target ="_blank ">
55
- < img id ="githubLogo " src ="../static/img/GitHub-Mark-32px.png " th:src ="@{/img/GitHub-Mark-32px.png} " width ="20 " height ="20 " />
56
- < span th:text ="@{${workflow.retrievedFrom.owner} + '/' + ${workflow.retrievedFrom.repoName} + '/' + ${workflow.retrievedFrom.path}} "> </ span >
57
- </ a >
58
- </ td >
59
- < td > < a th:href ="${workflowURL} "> < span class ="icon-view glyphicon glyphicon-chevron-right "> </ span > </ a > </ td >
60
- </ tr >
21
+ < thead >
22
+ < tr >
23
+ < th style ="width: 40%; "> Graph</ th >
24
+ < th > Name</ th >
25
+ < th > Retrieved From</ th >
26
+ < th > View</ th >
27
+ </ tr >
28
+ </ thead >
29
+ < tbody >
30
+ < tr th:each ="workflow : ${workflows} " th:with ="workflowURL=@{'/workflows/github.com/' + ${workflow.retrievedFrom.owner} + '/' + ${workflow.retrievedFrom.repoName} + '/tree/' + ${workflow.retrievedFrom.branch} + '/' + ${workflow.retrievedFrom.path}} ">
31
+ < td >
32
+ < a th:href ="${workflowURL} ">
33
+ < img th:src ="@{'/workflows/' + ${workflow.id} + '/graph/svg'} " alt ="workflow graph " style ="width:100%; "/>
34
+ </ a >
35
+ </ td >
36
+ < td th:text ="${workflow.label} "> </ td >
37
+ < td >
38
+ < a th:href ="@{'https://github.com/' + ${workflow.retrievedFrom.owner} + '/' + ${workflow.retrievedFrom.repoName} + '/tree/' + ${workflow.lastCommit} + '/' + ${workflow.retrievedFrom.path}} " rel ="noopener " target ="_blank ">
39
+ < img id ="githubLogo " src ="../static/img/GitHub-Mark-32px.png " th:src ="@{/img/GitHub-Mark-32px.png} " width ="20 " height ="20 " />
40
+ < span th:text ="@{${workflow.retrievedFrom.owner} + '/' + ${workflow.retrievedFrom.repoName} + '/' + ${workflow.retrievedFrom.path}} "> </ span >
41
+ </ a >
42
+ </ td >
43
+ < td > < a th:href ="${workflowURL} "> < span class ="icon-view glyphicon glyphicon-chevron-right "> </ span > </ a > </ td >
44
+ </ tr >
45
+ </ tbody >
61
46
</ table >
62
47
63
48
< nav th:replace ="fragments/pagination :: workflowControl "> </ nav >
0 commit comments