odontogram/demo.js at master · arodu/odontogram · GitHub

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
/*
$('.odontogram').odontogram();

$odontogram2 = $('#odontogram2').odontogram({
  itemSelector: '.og-quadrant > div > div'
});
*/

$('.controls2 .init').on('click', function(){
  $odontogram2.odontogram('init');
});

$('.controls2 .destroy').on('click', function(){
  $odontogram2.odontogram('destroy');
});

$('.controls2 .lock').on('click', function(){
  $odontogram2.odontogram('disable');
});

$('.controls2 .unlock').on('click', function(){
  $odontogram2.odontogram('enable');
});

$('.controls2 .empty').on('click', function(){
  $odontogram2.odontogram('empty');
});


var demoData = [
   {
     title: 'Limpiar',
     type: 'clean',
     all: false,
     menu: true
   },
   {
     title: 'Limpiar Todo',
     type: 'clean',
     all: true,
     menu: true
   },
   {
     index: 1,
     title: 'Caries',
     type: 'section',
     figure: {background: "#FF0000"},
     menu: true
   },
   {
     index: 2,
     title: 'Restauración',
     type: 'section',
     figure: {background: "#0000FF"},
     menu: true
   },
   {
     index: 57,
     title: 'Otra Cosa',
     type: 'section',
     figure: {background: "#00FF00"},
     menu: true
   },
   {
     type: 'separator',
     menu: true // true
   },
   {
     type: 'range',
     menu: false // true
   },
   {
     index: 1,
     title: 'Extracción Indicada',
     type: 'unit',
     figure: {background: "url(\"../img/x-red.svg\")"},
     menu: true
   },
   {
     index: 2,
     title: 'Perdida por Caries',
     type: 'unit',
     figure: {background: "url(\"../img/x-blue.svg\")"},
     menu: true
   },
   {
     index: 3,
     title: 'Endodoncia',
     type: 'unit',
     figure: {background: "url(\"../img/triangle-red.svg\")"},
     menu: true
   },
   {
     type: 'separator',
     menu: true // false
   },
   {
     title: 'Ejecutar Función',
     type: 'function',
     menu: true,
     action: function($item){
       console.log($item);
     }
   }
 ];