list/index.html at master · TacticalShift/list · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="us">
	<head>
		<meta charset="utf-8"/>
		<meta property="og:type" content="website">
		<meta property="og:url" content="https://tacticalshift.ru/list">
		<meta property="og:title" content="Tactical Shift | Список миссий">
		<meta property="og:description" content="Список всех сценариев на проекте - выбирайте во что бы хотелось поиграть в следующий раз!">
		<meta property="og:image" content="https://tacticalshift.ru/src/img/ts_icon_256.png">

		<title>Миссии Tactical Shift</title>

		<link rel="icon" href="src/img/ts_icon.png">
		<link rel="stylesheet" href="src/style.css">
		<script src="https://code.jquery.com/jquery-3.4.1.min.js"
		integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
		crossorigin="anonymous"></script>
		<script src="MissionsInfo.js"></script>
		<script src="Media.js"></script>
		<script src="src/app.js"></script>
	</head>
	<body>
		<div id="popup" class="modal">
			<div class="modal-content">
				<span class="close" title="Закрыть">&times;</span>
				<span class="random" title="Мне повезет!">߷</span>
				<span class="modal-guid"></span>
				<h1>Example mission</h1>
				<p class="modal-terrain">at Example terrain</p>
				<p class="modal-tags"></p>
				<img id="overview_img" src="" />
				<div id="modal-overview-container" class="modal-subcontainer"></div>
				<!-- <img id="map_shot" width="256px" src="" /> -->
				<div id="modal-briefing" class="modal-subcontainer">Example text</div>
				<div id="modal-aar-container" class="modal-subcontainer"></div>
				<div id="modal-media-container" class="modal-subcontainer"></div>
				<div id="modal-versions-container" class="modal-subcontainer"></div>
			</div>
		</div>

		<div id="header">
			<div id="header-title">
				<span><a href="https://tacticalshift.github.io" style="text-decoration: none; color: inherit;">tS</a></span> <tt id='header-sans'>Операции</tt>
				<button id="header-btn-up" class="header-btn" title="Вернуться наверх">Наверх!</button>
				<button id="header-btn-select-random" class="header-btn" title="Выбрать случайную миссию (с учетом фильтров)">Мне повезет!</button>
			</div>
		</div>

		<div id="wrapper">
			<div max-width="512px">
				<table id="grid-filter">
					<thead>
						<th class="clickable" colspan="3">
							<span class="filter-title">Фильтры</span>
							<span class="filter-reset" title="Сбросить" action="reset">&times;</span>
						</th>
					</thead>
					<tbody>
						<tr class="filter-line" filter-type="title" >
							<td>По наименованию</td>
							<td class="td-filter-inputs"><input type="text" /></td>
							<td><span class="filter-reset-btn">×</span></td>
						</tr>
						<tr class="filter-line" filter-type="terrain" >
							<td>По карте</td>
							<td class="td-filter-inputs">
								<select></select>
							</td>
							<td><span class="filter-reset-btn">×</span></td>
						</tr>
						<tr class="filter-line" filter-type="slotsFrom" >
							<td>Кол-во слотов, &gt;=</td>
							<td class="td-filter-inputs"><input type="number" /></td>
							<td><span class="filter-reset-btn">×</span></td>
						</tr>
						<tr class="filter-line" filter-type="slotsTo" >
							<td>Кол-во слотов, &lt;= </td>
							<td class="td-filter-inputs"><input type="number" /></td>
							<td><span class="filter-reset-btn">×</span></td>
						</tr>
						<tr class="filter-line" filter-type="tags" >
							<td>По тегам</td>
							<td class="td-filter-inputs"></td>
							<td><span class="filter-reset-btn">×</span></td>
						</tr>
						<tr class="filter-line" filter-type="unplayed" >
							<td>Не игралась больше 3 месяцев</td>
							<td class="td-filter-inputs"><input type="checkbox" /></td>
						</tr>
						<tr style="text-align: right" class="filter-line">
							<td colspan="3" >
								<button id="btn-filter-url" class="btn-filter" title="Copy URL">Скопировать</button>
								<button id="btn-reset-filter" class="btn-filter">Сбросить</button>
								<!-- <button id="btn-filter" class="btn-filter btn-filter-100">Filter</button> -->
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div>
				<table id="grid">
					<tr>
						<th class="th-w" column_name="overview_img" sortable="false">Миссия</th>
						<th class="th-a" column_name="tags" sortable="false">Теги</th>
						<th class="th-n clickable" column_name="player_count" sortable="true">Слоты</th>
						<th class="th-n clickable" column_name="terrain" sortable="true">Карта</th>
					</tr>
				</table>
			</div>

		</div>

	</body>
</html>