Built files from Bizgaze WebServer
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

report-data.js 8.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514
  1. /*Tabulator Init*/
  2. var tabledata = [{
  3. id: 1,
  4. name: "Oli Bob",
  5. progress: 12,
  6. gender: "male",
  7. rating: 1,
  8. col: "red",
  9. dob: "19/02/1984",
  10. car: 1,
  11. lucky_no: 5,
  12. activity: [1, 20, 5, 3, 10, 13, 17, 15, 9, 11, 10, 12, 14, 16, 13, 9, 7, 11, 10, 13]
  13. },
  14. {
  15. id: 2,
  16. name: "Mary May",
  17. progress: 1,
  18. gender: "female",
  19. rating: 2,
  20. col: "blue",
  21. dob: "14/05/1982",
  22. car: true,
  23. lucky_no: 10,
  24. activity: [10, 12, 14, 16, 13, 9, 7, 11, 10, 13, 1, 2, 5, 4, 1, 16, 4, 2, 1, 3]
  25. },
  26. {
  27. id: 3,
  28. name: "Christine Lobowski",
  29. progress: 42,
  30. gender: "female",
  31. rating: 0,
  32. col: "green",
  33. dob: "22/05/1982",
  34. car: "true",
  35. lucky_no: 12,
  36. activity: [1, 2, 5, 4, 1, 16, 4, 2, 1, 3, 3, 7, 9, 1, 4, 8, 2, 6, 4, 2]
  37. },
  38. {
  39. id: 4,
  40. name: "Brendon Philips",
  41. progress: 100,
  42. gender: "male",
  43. rating: 1,
  44. col: "orange",
  45. dob: "01/08/1980",
  46. lucky_no: 18,
  47. activity: [3, 7, 9, 1, 4, 8, 2, 6, 4, 2, 1, 3, 1, 3, 3, 1, 1, 3, 1, 3]
  48. },
  49. {
  50. id: 5,
  51. name: "Margret Marmajuke",
  52. progress: 16,
  53. gender: "female",
  54. rating: 5,
  55. col: "yellow",
  56. dob: "31/01/1999",
  57. lucky_no: 33,
  58. activity: [1, 3, 1, 3, 3, 1, 1, 3, 1, 3, 20, 17, 15, 11, 16, 9, 12, 14, 20, 12]
  59. },
  60. {
  61. id: 6,
  62. name: "Frank Harbours",
  63. progress: 38,
  64. gender: "male",
  65. rating: 4,
  66. col: "red",
  67. dob: "12/05/1966",
  68. car: 1,
  69. lucky_no: 2,
  70. activity: [20, 17, 15, 11, 16, 9, 12, 14, 20, 12, 11, 7, 6, 12, 14, 13, 11, 10, 9, 6]
  71. },
  72. {
  73. id: 7,
  74. name: "Jamie Newhart",
  75. progress: 23,
  76. gender: "male",
  77. rating: 3,
  78. col: "green",
  79. dob: "14/05/1985",
  80. car: true,
  81. lucky_no: 63,
  82. activity: [11, 7, 6, 12, 14, 13, 11, 10, 9, 6, 4, 17, 11, 12, 0, 5, 12, 14, 18, 11]
  83. },
  84. {
  85. id: 8,
  86. name: "Gemma Jane",
  87. progress: 60,
  88. gender: "female",
  89. rating: 0,
  90. col: "red",
  91. dob: "22/05/1982",
  92. car: "true",
  93. lucky_no: 72,
  94. activity: [4, 17, 11, 12, 0, 5, 12, 14, 18, 11, 11, 15, 19, 20, 17, 16, 16, 5, 3, 2]
  95. },
  96. {
  97. id: 9,
  98. name: "Emily Sykes",
  99. progress: 42,
  100. gender: "female",
  101. rating: 1,
  102. col: "maroon",
  103. dob: "11/11/1970",
  104. lucky_no: 44,
  105. activity: [11, 15, 19, 20, 17, 16, 16, 5, 3, 2, 1, 2, 3, 4, 5, 4, 2, 5, 9, 8]
  106. },
  107. {
  108. id: 10,
  109. name: "James Newman",
  110. progress: 73,
  111. gender: "male",
  112. rating: 5,
  113. col: "red",
  114. dob: "22/03/1998",
  115. lucky_no: 9,
  116. activity: [1, 20, 5, 3, 10, 13, 17, 15, 9, 11, 1, 2, 3, 4, 5, 4, 2, 5, 9, 8]
  117. },
  118. {
  119. id: 11,
  120. name: "Martin Barryman",
  121. progress: 20,
  122. gender: "male",
  123. rating: 5,
  124. col: "violet",
  125. dob: "04/04/2001",
  126. activity: [1, 2, 3, 4, 5, 4, 11, 7, 6, 12, 14, 13, 11, 10, 9, 6, 2, 5, 9, 8]
  127. },
  128. {
  129. id: 12,
  130. name: "Jenny Green",
  131. progress: 56,
  132. gender: "female",
  133. rating: 4,
  134. col: "indigo",
  135. dob: "12/11/1998",
  136. car: true,
  137. activity: [11, 15, 19, 20, 17, 15, 11, 16, 9, 12, 14, 20, 12, 20, 17, 16, 16, 5, 3, 2]
  138. },
  139. {
  140. id: 13,
  141. name: "Alan Francis",
  142. progress: 90,
  143. gender: "male",
  144. rating: 3,
  145. col: "blue",
  146. dob: "07/08/1972",
  147. car: true,
  148. activity: [4, 17, 11, 7, 6, 12, 14, 13, 11, 10, 9, 6, 11, 12, 0, 5, 12, 14, 18, 11]
  149. },
  150. {
  151. id: 14,
  152. name: "John Phillips",
  153. progress: 80,
  154. gender: "male",
  155. rating: 1,
  156. col: "green",
  157. dob: "24/09/1950",
  158. car: true,
  159. activity: [11, 7, 6, 12, 14, 1, 20, 5, 3, 10, 13, 17, 15, 9, 1, 13, 11, 10, 9, 6]
  160. },
  161. {
  162. id: 15,
  163. name: "Ed White",
  164. progress: 70,
  165. gender: "male",
  166. rating: 0,
  167. col: "yellow",
  168. dob: "19/06/1976",
  169. activity: [20, 17, 15, 11, 16, 9, 4, 17, 11, 12, 0, 5, 12, 14, 18, 11, 12, 14, 20, 12]
  170. },
  171. {
  172. id: 16,
  173. name: "Paul Branderson",
  174. progress: 60,
  175. gender: "male",
  176. rating: 5,
  177. col: "orange",
  178. dob: "01/01/1982",
  179. activity: [1, 3, 1, 3, 3, 1, 11, 15, 19, 20, 17, 16, 16, 5, 3, 2, 1, 3, 1, 3]
  180. },
  181. {
  182. id: 18,
  183. name: "Emma Netwon",
  184. progress: 40,
  185. gender: "female",
  186. rating: 4,
  187. col: "brown",
  188. dob: "07/10/1963",
  189. car: true,
  190. activity: [3, 7, 9, 1, 4, 8, 3, 7, 9, 1, 4, 8, 2, 6, 4, 2, 2, 6, 4, 2]
  191. },
  192. {
  193. id: 19,
  194. name: "Hannah Farnsworth",
  195. progress: 30,
  196. gender: "female",
  197. rating: 1,
  198. col: "pink",
  199. dob: "11/02/1991",
  200. activity: [1, 2, 5, 4, 1, 16, 10, 12, 14, 16, 13, 9, 7, 11, 10, 13, 4, 2, 1, 3]
  201. },
  202. {
  203. id: 20,
  204. name: "Victoria Bath",
  205. progress: 20,
  206. gender: "female",
  207. rating: 2,
  208. col: "purple",
  209. dob: "22/03/1986",
  210. activity: [10, 12, 14, 16, 13, 9, 7, 1, 2, 3, 4, 5, 4, 2, 5, 9, 8, 11, 10, 13]
  211. },
  212. ];
  213. var tableDataNested = [{
  214. name: "Oli Bob",
  215. location: "United Kingdom",
  216. gender: "male",
  217. col: "red",
  218. dob: "14/04/1984",
  219. _children: [{
  220. name: "Mary May",
  221. location: "Germany",
  222. gender: "female",
  223. col: "blue",
  224. dob: "14/05/1982"
  225. },
  226. {
  227. name: "Christine Lobowski",
  228. location: "France",
  229. gender: "female",
  230. col: "green",
  231. dob: "22/05/1982"
  232. },
  233. {
  234. name: "Brendon Philips",
  235. location: "USA",
  236. gender: "male",
  237. col: "orange",
  238. dob: "01/08/1980",
  239. _children: [{
  240. name: "Margret Marmajuke",
  241. location: "Canada",
  242. gender: "female",
  243. col: "yellow",
  244. dob: "31/01/1999"
  245. },
  246. {
  247. name: "Frank Harbours",
  248. location: "Russia",
  249. gender: "male",
  250. col: "red",
  251. dob: "12/05/1966"
  252. },
  253. ]
  254. },
  255. ]
  256. },
  257. {
  258. name: "Jamie Newhart",
  259. location: "India",
  260. gender: "male",
  261. col: "green",
  262. dob: "14/05/1985"
  263. },
  264. {
  265. name: "Gemma Jane",
  266. location: "China",
  267. gender: "female",
  268. col: "red",
  269. dob: "22/05/1982",
  270. _children: [{
  271. name: "Emily Sykes",
  272. location: "South Korea",
  273. gender: "female",
  274. col: "maroon",
  275. dob: "11/11/1970"
  276. },]
  277. },
  278. {
  279. name: "James Newman",
  280. location: "Japan",
  281. gender: "male",
  282. col: "red",
  283. dob: "22/03/1998"
  284. },
  285. ];
  286. var nestedData = [{
  287. id: 1,
  288. make: "Ford",
  289. model: "focus",
  290. reg: "P232 NJP",
  291. color: "white",
  292. serviceHistory: [{
  293. date: "01/02/2016",
  294. engineer: "Steve Boberson",
  295. actions: "Changed oli filter"
  296. },
  297. {
  298. date: "07/02/2017",
  299. engineer: "Martin Stevenson",
  300. actions: "Break light broken"
  301. },
  302. ]
  303. },
  304. {
  305. id: 1,
  306. make: "BMW",
  307. model: "m3",
  308. reg: "W342 SEF",
  309. color: "red",
  310. serviceHistory: [{
  311. date: "22/05/2017",
  312. engineer: "Jimmy Brown",
  313. actions: "Aligned wheels"
  314. },
  315. {
  316. date: "11/02/2018",
  317. engineer: "Lotty Ferberson",
  318. actions: "Changed Oil"
  319. },
  320. {
  321. date: "04/04/2018",
  322. engineer: "Franco Martinez",
  323. actions: "Fixed Tracking"
  324. },
  325. ]
  326. },
  327. ]
  328. var rowMenu = [{
  329. label: "Change Name",
  330. action: function (e, row) {
  331. row.update({
  332. name: "Steve Bobberson"
  333. });
  334. }
  335. },
  336. {
  337. label: "Select Row",
  338. action: function (e, row) {
  339. row.select();
  340. }
  341. },
  342. {
  343. separator: true,
  344. },
  345. {
  346. label: "Delete Row",
  347. action: function (e, row) {
  348. row.delete();
  349. }
  350. },
  351. ]
  352. //define row context menu
  353. var headerMenu = [{
  354. label: "COUNT",
  355. action: function (e, column) {
  356. //column.hide();
  357. }
  358. },
  359. {
  360. label: "SUM",
  361. action: function (e, column) {
  362. //column.move("col");
  363. }
  364. },
  365. {
  366. label: "AVERAGE",
  367. action: function (e, column) {
  368. //column.move("col");
  369. }
  370. },
  371. {
  372. label: "MAX",
  373. action: function (e, column) {
  374. //column.move("col");
  375. }
  376. },
  377. {
  378. label: "MIN",
  379. action: function (e, column) {
  380. //column.move("col");
  381. }
  382. },
  383. {
  384. separator: true,
  385. },
  386. {
  387. label: "Calendar",
  388. action: function (e, column) {
  389. //column.move("col");
  390. }
  391. },
  392. {
  393. label: "Hide Column",
  394. action: function (e, column) {
  395. //column.move("col");
  396. }
  397. },
  398. {
  399. label: "Remove column",
  400. action: function (e, column) {
  401. //column.move("col");
  402. }
  403. }
  404. ]
  405. var table = new Tabulator("#tabulator-example", {
  406. height: '100%',
  407. data: tabledata,
  408. layout: "fitColumns",
  409. responsiveLayout: "hide",
  410. tooltips: true,
  411. addRowPos: "top",
  412. history: true,
  413. movableColumns: true,
  414. resizableRows: true,
  415. langs: {
  416. "fr-fr": { //French language definition
  417. "columns": {
  418. "name": "Nom",
  419. "gender": "Genre",
  420. "col": "Couleur",
  421. "dob": "Date de Naissance",
  422. },
  423. "pagination": {
  424. "first": "Premier",
  425. "first_title": "Première Page",
  426. "last": "Dernier",
  427. "last_title": "Dernière Page",
  428. "prev": "Précédent",
  429. "prev_title": "Page Précédente",
  430. "next": "Suivant",
  431. "next_title": "Page Suivante",
  432. "all": "Toute",
  433. },
  434. },
  435. "de-de": { //German language definition
  436. "columns": {
  437. "name": "Name",
  438. "gender": "Genre",
  439. "col": "Farbe",
  440. "dob": "Geburtsdatum",
  441. },
  442. "pagination": {
  443. "first": "Zuerst",
  444. "first_title": "Zuerst Seite",
  445. "last": "Last",
  446. "last_title": "Letzte Seite",
  447. "prev": "Zurück",
  448. "prev_title": "Zurück Seite",
  449. "next": "Nächster",
  450. "next_title": "Nächster Seite",
  451. "all": "Alle",
  452. },
  453. },
  454. },
  455. initialSort: [{
  456. column: "name",
  457. dir: "asc"
  458. },],
  459. columns: [
  460. {
  461. title: "#",
  462. field: "id",
  463. width: 100,
  464. minWidth: 80,
  465. },
  466. {
  467. title: "Name",
  468. field: "name",
  469. headerMenu: headerMenu,
  470. minWidth: 100,
  471. },
  472. {
  473. title: "Gender",
  474. field: "gender",
  475. headerMenu: headerMenu,
  476. width: 195,
  477. editorParams: {
  478. values: ["male", "female"]
  479. },
  480. editableTitle: true
  481. },
  482. {
  483. title: "Rating",
  484. field: "rating",
  485. width: 100,
  486. minWidth: 150,
  487. editableTitle: true
  488. },
  489. {
  490. title: "Color",
  491. field: "col",
  492. headerMenu: headerMenu,
  493. width: 130,
  494. editableTitle: true
  495. },
  496. {
  497. title: "Date Of Birth",
  498. field: "dob",
  499. headerMenu: headerMenu,
  500. width: 180,
  501. sorter: "date",
  502. hozAlign: "center",
  503. editableTitle: true
  504. }
  505. ],
  506. });
  507. $("#tabulator-controls input[name=name]").on("keyup", function () {
  508. table.setFilter("name", "like", $(this).val())
  509. });