window.gitlit = window.gitlit || {};
gitlit.templates = {
	main: ejs.compile(`
		<div class="alert alert-success js-repo-dir" style="display:none;"></div>
		<div class="files-table-container">
			<div class="alert alert-primary" role="alert">
				Getting file list...
			</div>
		</div>
	`),
	files: ejs.compile(`
		<table class="table table-striped sortable js-filestable">
			<thead class="thead-light">
				<tr>
					<th>file</th>
					<th>status</th>
					<th class="sorttable_nosort">action</th>
				</tr>
			<thead>

			<tbody>
			<% files.forEach((file) => { %>
				<tr>
					<td><%= file.file %></td>
					<td><%= file.lockedBy ? file.lockedBy + ' (id: ' + file.id + ')' : 'not locked' %></td>
					<td>
						<a class="btn btn-primary btn-sm js-lock"
							href="javascript:///"
							data-file="<%= file.file %>"
							style="<%= file.lockedBy ? 'display: none;' : '' %>"
						>
							Lock
						</a>
						<a class="btn btn-danger btn-sm js-unlock"
							href="javascript:///"
							data-file="<%= file.file %>"
							style="<%= file.lockedBy ? '' : 'display: none;' %>"
						>
							Unlock
						</a>
					</td>
				</tr>
			<% }); %>
			</tbody>
		</table>

		<div class="float-right">
			<a class="btn btn-secondary btn-sm js-refresh" href="javascript:///">
				Refresh
			</a>
		</div>
	`),
	isNoGitLfsRepo: ejs.compile(`
		<div class="alert alert-danger">
			<%= repoDir %> is not a git lfs repo.
		</div>
	`),
	noGitLfsFiles: ejs.compile(`
		<div class="alert alert-info">
			no files tracked with lfs here.
		</div>
	`)
};