1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18
19. 19
20. 20
21. 21
22. 22
23. 23
24. 24
25. 25
26. 26
27. 27
28. 28
29. 29
30. 30
31. 31
32. 32
33. 33
34. 34
35. 35
36. 36
37. 37
38. 38
39. 39
40. 40
41. 41
42. 42
43. 43
44. 44
45. 45
46. 46
47. 47
48. 48
49. 49
50. 50
51. 51
52. 52
53. 53
54. 54
55. 55
56. 56
57. 57
58. 58
59. 59
60. 60
61. 61
62. 62
63. 63
64. 64
65. 65
66. 66
67. 67
68. 68
69. 69
70. 70
71. 71
72. 72
73. 73
74. 74
75. 75
76. 76
77. 77
78. 78
79. 79
80. 80
81. 81
82. 82
83. 83
84. 84
85. 85
86. 86
87. 87
88. 88
89. 89
90. 90

<div class="runner-container">
	{{template "base/alert" .}}

	<h4 class="ui top attached header">
		{{.locale.Tr "actions.runners.runner_manage_panel"}} ({{.locale.Tr "admin.total" .Total}})
		<div class="ui right">
			<div class="ui top right pointing dropdown">
				<button class="ui button primary">
					{{.locale.Tr "actions.runners.new"}}
					{{svg "octicon-triangle-down" 14 "dropdown icon"}}
				</button>
				<div class="menu">
					<div class="item">
						{{/* TODO: replece the document link when there's a better one than the README of act_runner */}}
						<a href="https://gitea.com/gitea/act_runner/src/branch/main/README.md">{{.locale.Tr "actions.runners.new_notice"}}</a>
					</div>
					<div class="divider"></div>
					<div class="header">
						Registration Token
					</div>
					<div class="ui input">
						<input type="text" value="{{.RegistrationToken}}">
						<div class="ui basic label button" data-clipboard-text="{{.RegistrationToken}}">
							{{svg "octicon-copy" 14}}
						</div>
					</div>
					<div class="divider"></div>
					<div class="item">
						<a href="{{$.Link}}/reset_registration_token">Reset registration token</a>
					</div>
				</div>
			</div>

		</div>
	</h4>
	<div class="ui attached segment">
		<form class="ui form ignore-dirty" id="user-list-search-form" action="{{$.Link}}">
			<!-- Search Text -->
			<div class="ui fluid action input" style="max-width: 70%;">
				<input name="q" value="{{.Keyword}}" placeholder="{{.locale.Tr "explore.search"}}..." autofocus>
				<button class="ui primary button">{{.locale.Tr "explore.search"}}</button>
			</div>
		</form>
	</div>
	<div class="ui attached table segment">
		<table class="ui very basic striped table unstackable">
			<thead>
				<tr>
					<th data-sortt-asc="online" data-sortt-desc="offline">{{.locale.Tr "actions.runners.status"}}</th>
					<th data-sortt-asc="alphabetically">{{.locale.Tr "actions.runners.id"}}</th>
					<th>{{.locale.Tr "actions.runners.name"}}</th>
					<th>{{.locale.Tr "actions.runners.owner_type"}}</th>
					<th>{{.locale.Tr "actions.runners.labels"}}</th>
					<th>{{.locale.Tr "actions.runners.last_online"}}</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				{{if .Runners}}
					{{range .Runners}}
					<tr>
						<td>
							<span class="runner-status-{{if .IsOnline}}online{{else}}offline{{end}}">{{.StatusLocaleName $.locale}}</span>
						</td>
						<td>{{.ID}}</td>
						<td><p class="tooltip" data-content="{{.Description}}">{{.Name}}</p></td>
						<td>{{.OwnType}}</td>
						<td class="runner-tags">
							{{range .AllLabels}}<span class="ui label">{{.}}</span>{{end}}
						</td>
						<td>{{if .LastOnline}}{{TimeSinceUnix .LastOnline $.locale}}{{else}}{{$.locale.Tr "never"}}{{end}}</td>
						<td class="runner-ops">
							{{if .Editable $.RunnerOnwerID $.RunnerRepoID}}
							<a href="{{$.Link}}/{{.ID}}">{{svg "octicon-pencil"}}</a>
							{{end}}
						</td>
					</tr>
					{{end}}
				{{else}}
					<tr>
						<td class="center aligned" colspan="6">{{.locale.Tr "actions.runners.none"}}</td>
					</tr>
				{{end}}
			</tbody>
		</table>
	</div>

	{{template "base/paginate" .}}

</div>