1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < title > Learning Computer Science</ title >
5
+ < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css " integrity ="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm " crossorigin ="anonymous ">
6
+ <!--<link rel="stylesheet" href="https://unpkg.com/[email protected] /build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">-->
7
+ < link rel ="stylesheet " href ="css/styles.css ">
8
+ < link rel ="stylesheet " href ="js/third-party/footable/footable-standalone.latest/css/footable.standalone.min.css ">
9
+ < link rel ="stylesheet " href ="js/third-party/footable/footable-components.latest/css/footable.core.standalone.min.css ">
10
+ < link rel ="stylesheet " href ="js/third-party/footable/footable-components.latest/css/footable.paging.min.css ">
11
+ < link rel ="stylesheet " href ="js/third-party/footable/footable-components.latest/css/footable.filtering.min.css ">
12
+ < link rel ="stylesheet " href ="js/third-party/footable/footable-components.latest/css/footable.sorting.min.css ">
13
+ < link rel ="stylesheet " href ="js/third-party/bootstrap-multiselect/css/bootstrap-multiselect.css ">
14
+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/css/selectize.default.min.css ">
15
+ </ head >
16
+ < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js "> </ script >
17
+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js " integrity ="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q " crossorigin ="anonymous "> </ script >
18
+ < script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js " integrity ="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl " crossorigin ="anonymous "> </ script >
19
+ < script src ='js/app.min.js '> </ script >
20
+ <!-- <script src="https://unpkg.com/lunr/lunr.js"></script> -->
21
+ <!-- <script src="js/third-party/underscore/underscore-min.js" type="text/javascript"></script> -->
22
+ < script src ="
https://cdn.jsdelivr.net/npm/[email protected] /lodash.min.js "
type ="
text/javascript "
> </ script >
23
+ < script src ="https://use.fontawesome.com/aee99fcf4a.js "> </ script >
24
+ < script src ="https://cdn.jsdelivr.net/npm/vue "> </ script >
25
+ < script src ="js/third-party/momentjs/moment.js " type ="text/javascript "> </ script >
26
+ < script src ="js/third-party/footable/footable-standalone.latest/js/footable.min.js " type ="text/javascript "> </ script >
27
+ < script src ="js/third-party/footable/footable-components.latest/js/footable.paging.min.js " type ="text/javascript "> </ script >
28
+ < script src ="js/third-party/footable/footable-components.latest/js/footable.filtering.min.js " type ="text/javascript "> </ script >
29
+ < script src ="js/third-party/footable/footable-components.latest/js/footable.sorting.min.js " type ="text/javascript "> </ script >
30
+ < script src ="js/third-party/footable/footable-components.latest/js/footable.state.min.js " type ="text/javascript "> </ script >
31
+ < script src ="js/third-party/bootstrap-multiselect/js/bootstrap-multiselect.js " type ="text/javascript "> </ script >
32
+ < body >
33
+ < div class ="container ">
34
+ < br >
35
+ < br >
36
+ < div class ="row ">
37
+ < div class ="col ">
38
+ < input type ="text " id ="input-origin " multiple ="multiple "/>
39
+ </ div >
40
+ < div class ="col ">
41
+ < input type ="text " id ="input-and-or-origin-companies "/>
42
+ </ div >
43
+ < div class ="col ">
44
+ < input type ="text " id ="input-companies " multiple ="multiple "/>
45
+ </ div >
46
+ < div class ="col ">
47
+ < input type ="text " id ="input-and-or-companies-categories " value ="and "/>
48
+ </ div >
49
+ < div class ="col ">
50
+ < input type ="text " id ="input-categories " multiple ="multiple "/>
51
+ </ div >
52
+ </ div >
53
+ < br >
54
+ < div class ="row ">
55
+ < div class ="col ">
56
+ < input type ="text " id ="input-and-or-categories-tags " value ="and "/>
57
+ </ div >
58
+ < div class ="col ">
59
+ < input type ="text " id ="input-tags " multiple ="multiple "/>
60
+ </ div >
61
+ < div class ="col ">
62
+ < input type ="text " id ="input-and-or-tags-languages " value ="and "/>
63
+ </ div >
64
+ < div class ="col ">
65
+ < input type ="text " id ="input-languages " multiple ="multiple "/>
66
+ </ div >
67
+ </ div >
68
+ < br >
69
+ < div >
70
+ < button class ="btn btn-primary " type ="button " data-toggle ="collapse " data-target ="#filter-query " aria-expanded ="false " aria-controls ="filter-query ">
71
+ Show/Hide filter query
72
+ </ button >
73
+ </ div >
74
+ < br >
75
+ < div class ="row collapse " id ="filter-query ">
76
+ < div class ="card card-body inline ">
77
+ < div id ="filter-query-origin "> (any origin)</ div >
78
+ < div id ="filter-query-and-or-origin-companies "> and</ div >
79
+ < div id ="filter-query-companies "> (any company)</ div >
80
+ < div id ="filter-query-and-or-companies-categories "> and</ div >
81
+ < div id ="filter-query-categories "> (any category)</ div >
82
+ < div id ="filter-query-and-or-categories-tags "> and</ div >
83
+ < div id ="filter-query-tags "> (any tag)</ div >
84
+ < div id ="filter-query-and-or-tags-languages "> and</ div >
85
+ < div id ="filter-query-languages "> (any language)</ div >
86
+ </ div >
87
+ </ div >
88
+ < br >
89
+ < div class ="row ">
90
+ < div class ="col-sm ">
91
+ < button type ="button " class ="btn btn-primary btn-sm " onclick ="applyFilters() "> Apply Filters</ button >
92
+ </ div >
93
+ < div class ="col-sm ">
94
+ < button type ="button " class ="btn btn-primary btn-sm " onclick ="clearFilters() "> Clear Filters</ button >
95
+ </ div >
96
+ < div class ="col-sm ">
97
+ < div id ="retrieved_count "> </ div >
98
+ </ div >
99
+ </ div >
100
+ < br >
101
+ < div class ="row " id ="showData ">
102
+ < table class ="table " id ="problems_list_table " data-paging ="true " data-sorting ="true " data-state ="true "> </ table >
103
+ </ div >
104
+ </ div >
105
+ </ body >
106
+ </ html >
0 commit comments