1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+ < head >
4
+ < meta charset ="utf-8 ">
5
+ < title > Cydon</ title >
6
+ < link href ="/css/currentStyle.css " rel ="stylesheet ">
7
+ </ head >
8
+ < body >
9
+ < main-app >
10
+ < div class ="container ">
11
+ < div class ="jumbotron ">
12
+ < div class ="row ">
13
+ < div class ="col-md-6 ">
14
+ < h1 > Cydon</ h1 >
15
+ </ div >
16
+ < div class ="col-md-6 ">
17
+ < div class ="row ">
18
+ < div class ="col-sm-6 smallpad ">
19
+ < button @click ="run " type ="button " class ="btn btn-primary btn-block "
20
+ id ="run "> Create 1,000 rows</ button >
21
+ </ div >
22
+ < div class ="col-sm-6 smallpad ">
23
+ < button @click ="runLots " type ="button " class ="btn btn-primary btn-block "
24
+ id ="runlots "> Create 10,000 rows</ button >
25
+ </ div >
26
+ < div class ="col-sm-6 smallpad ">
27
+ < button @click ="add " type ="button " class ="btn btn-primary btn-block "
28
+ id ="add "> Append 1,000 rows</ button >
29
+ </ div >
30
+ < div class ="col-sm-6 smallpad ">
31
+ < button @click ="update " type ="button " class ="btn btn-primary btn-block "
32
+ id ="update "> Update every 10th row</ button >
33
+ </ div >
34
+ < div class ="col-sm-6 smallpad ">
35
+ < button @click ="clear " type ="button " class ="btn btn-primary btn-block "
36
+ id ="clear "> Clear</ button >
37
+ </ div >
38
+ < div class ="col-sm-6 smallpad ">
39
+ < button @click ="swap " type ="button " class ="btn btn-primary btn-block "
40
+ id ="swaprows "> Swap Rows</ button >
41
+ </ div >
42
+ </ div >
43
+ </ div >
44
+ </ div >
45
+ </ div >
46
+ < table class ="table table-hover table-striped test-data ">
47
+ < tbody >
48
+ < template c-for ="item; rows "> < tr :class ="danger: item == selected "> < td class ="col-md-1 "> ${item.id}</ td > < td class ="col-md-4 "> < a role ="select " @click ="select "> ${item.label}</ a > </ td > < td class ="col-md-1 "> < a > < span role ="delete " @click ="delete " class ="glyphicon glyphicon-remove " aria-hidden ="true "> </ span > </ a > </ td > < td class ="col-md-6 "> </ td > </ tr > </ template >
49
+ </ tbody >
50
+ </ table >
51
+ </ div >
52
+ < span class ="preloadicon glyphicon glyphicon-remove " aria-hidden ="true "> </ span >
53
+ </ main-app >
54
+ < script src ="dist/main.js "> </ script >
55
+ </ body >
56
+ </ html >
0 commit comments