1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="utf-8 ">
5+ < title > petite-vue</ title >
6+ < link href ="/css/currentStyle.css " rel ="stylesheet ">
7+ </ head >
8+ < body >
9+ < div id ="main " v-scope >
10+ < div class ="container ">
11+ < div class ="jumbotron ">
12+ < div class ="row ">
13+ < div class ="col-md-6 ">
14+ < h1 > petite-vue</ 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+ < tr v-for ="item in rows " :class ="{danger: item == selected ? 'danger' : ''} " :key ="item.id ">
49+ < td class ="col-md-1 "> {{item.id}}</ td >
50+ < td class ="col-md-4 ">
51+ < a role ="select " @click ="select(item) "> {{item.label}}</ a >
52+ </ td >
53+ < td class ="col-md-1 ">
54+ < a >
55+ < span role ="delete " @click ="remove(item) " class ="glyphicon glyphicon-remove "
56+ aria-hidden ="true "> </ span >
57+ </ a >
58+ </ td >
59+ < td class ="col-md-6 "> </ td >
60+ </ tr >
61+ </ tbody >
62+ </ div >
63+ < span class ="preloadicon glyphicon glyphicon-remove " aria-hidden ="true "> </ span >
64+ </ div >
65+ < script src ="dist/main.js "> </ script >
66+ </ body >
67+ </ html >
0 commit comments