-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtable.html
162 lines (153 loc) · 5.39 KB
/
table.html
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<title>02 - Таблица с заявками</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/main.css" />
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic-ext"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap&subset=cyrillic-ext"
rel="stylesheet"
/>
</head>
<body class="with-nav body--dashboard">
<!-- Навигация по проекту -->
<nav class="project-nav">
<div class="project-nav__links-wrapper">
<a href="index.html">Форма добавления заявок</a>
<a href="table.html">Таблица с заявками</a>
<a href="edit.html">Редактирование заявки</a>
</div>
</nav>
<!-- left-panel -->
<div class="left-panel blue-skin">
<!-- Logo -->
<div class="left-panel__logo">
<div class="left-panel__logo-title">CRM заявки</div>
<div class="left-panel__logo-subtitle">учебный проект webcademy</div>
</div>
<!-- // Logo -->
<!-- User -->
<div class="left-panel__user clearfix">
<div class="left-panel__user-photo">
<img src="img/avatars/avatar-128.jpg" alt="Avatar" />
</div>
<div class="left-panel__user-name">Петр <br />Васильевич</div>
</div>
<!-- // User -->
<!-- Navigation 1 -->
<div class="left-panel__navigation">
<div class="left-panel__navigation-title">Заявки</div>
<ul>
<li><a data-value="all" data-role="left-status" href="#" class="active">Все вместе</a></li>
<li><a data-value="new" data-role="left-status" href="#" >Новые<div class="badge" id="badge-new">12</div></a></li>
<li><a data-value="inwork" data-role="left-status" href="#">В работе</a></li>
<li><a data-value="complete" data-role="left-status" href="#">Завершенные</a></li>
</ul>
</div>
<!-- // Navigation 1 -->
</div>
<!-- // left-panel -->
<!-- main-wrapper -->
<div class="main-wrapper">
<div class="container-fluid">
<div class="admin-heading-1">Все заявки</div>
<form action="">
<!-- <div class="form-row"> -->
<div class="row mb-3 justify-content-start">
<!-- Col -->
<div class="col">
<div id="topStatusBar" class="btn-group" role="group" aria-label="...">
<a href="#" class="btn btn-light" data-value="all">Все</a>
<a href="#" class="btn btn-light" data-value="new">Новые</a>
<a href="#" class="btn btn-light" data-value="inwork">В работе</a>
<a href="#" class="btn btn-light" data-value="complete">Завершенные</a>
</div>
</div>
<!-- // Col -->
<!-- Col -->
<div class="col">
<select class="custom-select" id="productSelect">
<option value="all" selected>Все продукты</option>
<option value="course-html">Курс по верстке</option>
<option value="course-js">Курс по JavaScript</option>
<option value="course-vue">Курс по VUE JS</option>
<option value="course-php">Курс по PHP</option>
<option value="course-wordpress">Курс по WordPress</option>
</select>
</div>
<!-- // Col -->
</div>
</form>
<table class="table fs-14">
<thead>
<tr>
<th>ID</th>
<th>дата</th>
<th>продукт</th>
<th>имя</th>
<th>email</th>
<th>телефон</th>
<th>статус</th>
<th></th>
</tr>
</thead>
<tbody id="tbody">
<tr>
<th scope="row">1</th>
<td>01.04.2020</td>
<td>Курс по верстке</td>
<td>Петр Сергеевич</td>
<td>info@inbox.ru</td>
<td>+7 (909) 77-55-777</td>
<td>
<div class="badge badge-pill badge-danger">Новый</div>
</td>
<td>
<a href="edit.html">Редактировать</a>
</td>
</tr>
<tr>
<th scope="row">2</th>
<td>01.04.2020</td>
<td>Курс по верстке</td>
<td>Василий Петрович</td>
<td>info@gmail.ru</td>
<td>+7 (909) 77-55-777</td>
<td>
<div class="badge badge-pill badge-warning">В работе</div>
</td>
<td>
<a href="edit.html">Редактировать</a>
</td>
</tr>
<tr>
<th scope="row">1</th>
<td>01.04.2020</td>
<td>Курс по верстке</td>
<td>Николай Владимирович</td>
<td>info@mail.ru</td>
<td>+7 (909) 77-55-777</td>
<td>
<div class="badge badge-pill badge-success">Завершенный</div>
</td>
<td>
<a href="edit.html">Редактировать</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- // main-wrapper -->
<!-- Модель -->
<script src="./js/model.js" type="module"></script>
<!-- Таблица -->
<script src="./js/table/table.view.js" type="module"></script>
<script src="./js/table/table.controller.js" type="module"></script>
</body>
</html>