Atualização contendo as telas de relatório

Helder
1 parent 576578fa
Showing 4 changed files with 269 additions and 76 deletions Show diff stats
wscacicneo/static/relatorio.js
wscacicneo/static/reports.js
wscacicneo/templates/relatorios.pt
wscacicneo/templates/reports.pt
+/*TABELA DE RELATÓRIOS*/
+
 Ext.define('User',{
     extend: 'Ext.data.Model',
-    fields: [ 'codigo', 'orgao', 'date' ]
+    fields: [ 'marca', 'modelo', 'fabricacao', 'quantidade' ],
 });
  
 var userStore = Ext.create('Ext.data.Store', {
     model: 'User',
     data: [
-                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
-                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
-                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
-                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
-                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
-                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
-                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
-                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
-                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
-                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
-                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
-    ]
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'AMD', modelo: 'AMD 3.2GHZ', fabricacao: '08/22/2008', quantidade: '26' },
+
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
+                { marca: 'AMD', modelo: 'AMD 3.2GHZ', fabricacao: '08/22/2008', quantidade: '26' },
+    ],
+    autoLoad: false,
+
+    id:'simpsonsStore',
 });
  
 table = Ext.create('Ext.grid.Panel', {
     store: userStore,
     width: 400,
-    height: 200,
+    height: 300,
  //   title: 'Application Users',
     columns: [
         {
-            text: 'Codigo',
+            text: 'MARCA',
             width: 75,
             sortable: true,
             hideable: false,
-            dataIndex: 'codigo'
+            dataIndex: 'marca'
         },
         {
-            text: 'Orgao',
+            text: 'MODELO',
             width: 300,
-            dataIndex: 'orgao',
+            dataIndex: 'modelo',
             hidden: false,
         },
         {
-            text: 'Data',
+            text: 'FABRICAÇÃO',
             sortable: false,
             width:80,
-            renderer: Ext.util.Format.dateRenderer('m/d/Y'),
+            renderer: Ext.util.Format.dateRenderer('d/m/Y'),
             flex: 1,
-            dataIndex: 'date'
+            dataIndex: 'fabricacao'
         },
-      
-    ]
+        {
+            text: 'QUANTIDADE',
+            sortable: false,
+            width:80,
+            dataIndex: 'quantidade'
+        },
+    ],
+    tbar:[
+
+
+        'Exportar PDF',
+        { xtype: 'tbfill'},
+        'Imprimir',
+        { xtype: 'tbfill'},
+        'Favorito',
+        { xtype: 'tbfill'},
+        'Voltar',
+        { xtype: 'tbfill'},
+
+        ]
+});
+
+/*COMEÇANDO PAGINAÇÃO - LEMBRANDO QUE TODA A PAGINAÇÃO NÃO ESTÁ COMPLETAMENTE FUNCIONANDO.
+APENAS PARA QUESTÃO DE DOCUMENTAÇÃO.*/
+
+
+var itemsPerPage = 2;   // set the number of items you want per page
+
+var store = Ext.create('Ext.data.Store', {
+    id:'simpsonsStore',
+    autoLoad: false,
+    fields:['name', 'email', 'phone'],
+    pageSize: itemsPerPage, // items per page
+    proxy: {
+        type: 'ajax',
+        url: 'pagingstore.js',  // url that will load data with respect to start and limit params
+        reader: {
+            type: 'json',
+            root: 'items',
+            totalProperty: 'total'
+        }
+    }
+});
+
+
+
+
+// specify segment of data you want to load using params
+store.load({
+    params:{
+        start:0,
+        limit: itemsPerPage
+    }
 });
  
 tabela = Ext.create('Ext.panel.Panel', {
         layout: 'fit',
-        title: 'Relatorios de Coletas',
+        title: 'Relatorio de coletas por PROCESSADOR',
         width: '75%',
         frame: true,
         draggable: true,
@@ -64,11 +130,17 @@ tabela = Ext.create(&#39;Ext.panel.Panel&#39;, {
                 margin: '0px auto 15px auto'
         },
         items: table,
-});
  
-Ext.onReady(function(){
+        dockedItems: [{
+        xtype: 'pagingtoolbar',
+        store: userStore,   // same store GridPanel is using
+        dock: 'bottom',
+        displayInfo: true
+    }],
  
+});
  
+Ext.onReady(function(){
         Ext.create('Ext.Container', {
                padding: '15px',
                items: [tabela],
@@ -77,16 +149,15 @@ Ext.onReady(function(){
  
 });
  
-// **** GRAFICO DE PIZZA ****
+
+//CRIANDO GRAFICO
+
  
 var store = Ext.create('Ext.data.JsonStore', {
     fields: ['name', 'data'],
     data: [
-        { 'name': 'dado1', 'data':  2 },
-        { 'name': 'dado2', 'data':  2 },
-        { 'name': 'dado3', 'data':  4 },
-        { 'name': 'dado4', 'data': 10 },
-        { 'name': 'dado5', 'data': 20 }
+        { 'name': 'INTEL', 'data': 32 },
+        { 'name': 'AMD', 'data': 26 }
 ]});
  
 var chart = Ext.create('Ext.chart.Chart', {
@@ -133,7 +204,7 @@ var chart = Ext.create(&#39;Ext.chart.Chart&#39;, {
  
 widget = Ext.create('Ext.panel.Panel', {
         layout: 'fit',
-        title: 'Relatório',
+        title: 'Grafico de relatório por PROCESSADORES',
         width: '75%',
         frame: true,
         draggable: true,
@@ -143,7 +214,15 @@ widget = Ext.create(&#39;Ext.panel.Panel&#39;, {
                 "text-align": 'center',
                 margin: '-35px auto 15px auto'
         },
-        items: chart
+        items: chart,
+
+        tbar:[
+            'Exportar PDF',
+            { xtype: 'tbfill'},
+            'Imprimir',
+            { xtype: 'tbfill'},
+        ]
+
 });
  
 Ext.onReady(function(){
@@ -158,3 +237,4 @@ Ext.onReady(function(){
 });
  
  
+
-fakeHtml = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin placerat placerat convallis. Nullam diam nunc, auctor mollis adipiscing id, tristique in velit. Proin eu sodales ipsum. Nunc vel erat orci. Maecenas quis tortor sit amet elit interdum vehicula. Mauris vitae urna neque, in tincidunt mi. Praesent sapien neque, imperdiet in lobortis in, tempus ut dolor. Aliquam pretium eleifend diam sit amet mattis. In tincidunt fringilla nunc, in feugiat tellus dignissim in. Nam faucibus nisi vel metus pulvinar nec commodo sapien condimentum. Nullam rutrum, lacus a aliquam tincidunt, elit lectus dapibus felis, nec mattis mauris sapien sed ante. Suspendisse suscipit lorem et orci egestas sodales. Phasellus scelerisque fermentum est id lobortis.<br>Morbi eu mauris nibh, id faucibus tellus. ';
+/*GRAFICO DE ORGÃOS*/
  
-report1 = Ext.create('Ext.panel.Panel', {
+
+
+Ext.define('User',{
+    extend: 'Ext.data.Model',
+    fields: [ 'codigo', 'orgao', 'date' ]
+});
+
+var userStore = Ext.create('Ext.data.Store', {
+    model: 'User',
+    data: [
+                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
+                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
+                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
+                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
+                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
+                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
+                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
+                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
+                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
+                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
+                { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
+    ]
+});
+
+table = Ext.create('Ext.grid.Panel', {
+    store: userStore,
+    width: 400,
+    height: 200,
+ //   title: 'Application Users',
+    columns: [
+        {
+            xtype: 'checkcolumn',
+            allowBlank: false,
+            dataIndex: 'active',
+            width: 60,
+            editor:{
+                xtype: 'checkbox',
+                cls: 'item'
+                },
+        },
+        {
+            text: 'Codigo',
+            width: 75,
+            sortable: true,
+            hideable: false,
+            dataIndex: 'codigo'
+        },
+        {
+            text: 'Orgao',
+            width: 300,
+            dataIndex: 'orgao',
+            hidden: false,
+        },
+        {
+            text: 'Data',
+            sortable: false,
+            width:80,
+            renderer: Ext.util.Format.dateRenderer('m/d/Y'),
+            flex: 1,
+            dataIndex: 'date'
+        },
+      
+    ]
+});
+
+tabela = Ext.create('Ext.panel.Panel', {
         layout: 'fit',
-	title: 'Relatório1',
-	width: '75%',
-	frame: true,
-	html: fakeHtml,
-	draggable: true,
-	collapsible: true,
-	style: {
-		margin: '0px auto 15px auto'
-	},
-	tools: [{
-		type: 'print',
-		handler: function(){
-		}
-	}]
-});
-
-report2 = Ext.create('Ext.panel.Panel', {
-	layout: 'fit',
-	title: 'Relatório2',
-	width: '75%',
-	frame: true,
-	html: fakeHtml  + fakeHtml,
-	draggable: true,
-	collapsible: true,
-	border : true,
-	style: {
-		margin: '0px auto 15px auto'
-	},
-	tools: [{
-		type: 'print',
-		handler: function(){
-		}
-	}]
+        title: 'Relatorios de Coletas',
+        width: '75%',
+        frame: true,
+        draggable: true,
+        collapsible: true,
+        border : true,
+        style: {
+                "text-align": 'center',
+                margin: '0px auto 15px auto'
+        },
+        items: table,
 });
  
 Ext.onReady(function(){
  
-	Ext.create('Ext.Container', {
-		padding: '15px',
-		items: [report1, report2],
-    	renderTo: 'widgets'
-	});
  
+        Ext.create('Ext.Container', {
+               padding: '15px',
+               items: [tabela],
+        renderTo: 'widgets'
+        });
+
+});
+
+
+
+
+
+// **** FILTRO DE ITENS ****
+
+Ext.define('User1',{
+    extend: 'Ext.data.Model',
+    fields: ['chbox', 'item' ]
 });
+
+var userStore1 = Ext.create('Ext.data.Store', {
+    model: 'User1',
+    data: [
+                { item: 'Computador'},
+                { item: 'Processador'},
+                { item: 'Memórias'},
+                { item: 'Hard Disk (HD)'},
+                { item: 'Sistemas Operacionais'}, 
+                { item: 'Suítes de Escritórios'},
+                { item: 'Ativos de Redes'}, 
+                { item: 'Softwares Básicos'},
+    ]
+});
+
+table1 = Ext.create('Ext.grid.Panel', {
+    store: userStore1,
+    width: 400,
+    height: 200,
+ //   title: 'Application Users',
+    columns: [
+        {
+            text: 'Item',
+            width: 500,
+            sortable: true,
+            hideable: false,
+            dataIndex: 'item'
+        },
+    ]
+});
+
+tabela1 = Ext.create('Ext.panel.Panel', {
+        layout: 'fit',
+        title: 'Gerar Relatório',
+        width: '75%',
+        frame: true,
+        draggable: true,
+        collapsible: true,
+        border : true,
+        style: {
+                "text-align": 'center',
+                margin: '0px auto 15px auto'
+        },
+        items: table1,
+});
+
+Ext.onReady(function(){
+
+
+        Ext.create('Ext.Container', {
+               padding:'15px',
+               items: [tabela1],
+        renderTo: 'widgets'
+        });
+
+});
+
+
 <metal:main use-macro="load: master.pt">
  <!-- Insere JavaScript -->
  <!-- <script metal:fill-slot="javascript" type="text/javascript" src="static/teste-tabelag.js"></script> -->
- <script metal:fill-slot="javascript" type="text/javascript" src="static/teste-helder.js"></script>
+ <script metal:fill-slot="javascript" type="text/javascript" src="static/relatorio.js"></script>
  
  <!--<script metal:fill-slot="javascript" type="text/javascript" src="static/WMI.js"></script>-->
  
 <metal:main use-macro="load: master.pt">
  <!-- Insere JavaScript -->
 <!-- <script metal:fill-slot="javascript" type="text/javascript" src="static/reports.js"></script>-->
-<script metal:fill-slot="javascript" type="text/javascript" src="static/teste-helder.js"></script>
+<script metal:fill-slot="javascript" type="text/javascript" src="static/reports.js"></script>
  
  <div metal:fill-slot="conteudo" id="widgets"></div>
 </metal:main>
	1	+/TABELA DE RELATÓRIOS/
	2	+
1	3	Ext.define('User',{
2	4	extend: 'Ext.data.Model',
3		- fields: [ 'codigo', 'orgao', 'date' ]
	5	+ fields: [ 'marca', 'modelo', 'fabricacao', 'quantidade' ],
4	6	});
5	7
6	8	var userStore = Ext.create('Ext.data.Store', {
7	9	model: 'User',
8	10	data: [
9		- { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
10		- { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
11		- { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
12		- { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
13		- { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
14		- { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
15		- { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
16		- { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
17		- { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
18		- { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
19		- { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
20		- ]
	11	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	12	+ { marca: 'AMD', modelo: 'AMD 3.2GHZ', fabricacao: '08/22/2008', quantidade: '26' },
	13	+
	14	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	15	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	16	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	17	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	18	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	19	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	20	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	21	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	22	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	23	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	24	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	25	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	26	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	27	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	28	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	29	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	30	+ { marca: 'INTEL', modelo: 'CORE I7 3.2GHZ', fabricacao: '12/12/2014', quantidade: '32' },
	31	+ { marca: 'AMD', modelo: 'AMD 3.2GHZ', fabricacao: '08/22/2008', quantidade: '26' },
	32	+ ],
	33	+ autoLoad: false,
	34	+
	35	+ id:'simpsonsStore',
21	36	});
22	37
23	38	table = Ext.create('Ext.grid.Panel', {
24	39	store: userStore,
25	40	width: 400,
26		- height: 200,
	41	+ height: 300,
27	42	// title: 'Application Users',
28	43	columns: [
29	44	{
30		- text: 'Codigo',
	45	+ text: 'MARCA',
31	46	width: 75,
32	47	sortable: true,
33	48	hideable: false,
34		- dataIndex: 'codigo'
	49	+ dataIndex: 'marca'
35	50	},
36	51	{
37		- text: 'Orgao',
	52	+ text: 'MODELO',
38	53	width: 300,
39		- dataIndex: 'orgao',
	54	+ dataIndex: 'modelo',
40	55	hidden: false,
41	56	},
42	57	{
43		- text: 'Data',
	58	+ text: 'FABRICAÇÃO',
44	59	sortable: false,
45	60	width:80,
46		- renderer: Ext.util.Format.dateRenderer('m/d/Y'),
	61	+ renderer: Ext.util.Format.dateRenderer('d/m/Y'),
47	62	flex: 1,
48		- dataIndex: 'date'
	63	+ dataIndex: 'fabricacao'
49	64	},
50		-
51		- ]
	65	+ {
	66	+ text: 'QUANTIDADE',
	67	+ sortable: false,
	68	+ width:80,
	69	+ dataIndex: 'quantidade'
	70	+ },
	71	+ ],
	72	+ tbar:[
	73	+
	74	+
	75	+ 'Exportar PDF',
	76	+ { xtype: 'tbfill'},
	77	+ 'Imprimir',
	78	+ { xtype: 'tbfill'},
	79	+ 'Favorito',
	80	+ { xtype: 'tbfill'},
	81	+ 'Voltar',
	82	+ { xtype: 'tbfill'},
	83	+
	84	+ ]
	85	+});
	86	+
	87	+/*COMEÇANDO PAGINAÇÃO - LEMBRANDO QUE TODA A PAGINAÇÃO NÃO ESTÁ COMPLETAMENTE FUNCIONANDO.
	88	+APENAS PARA QUESTÃO DE DOCUMENTAÇÃO.*/
	89	+
	90	+
	91	+var itemsPerPage = 2; // set the number of items you want per page
	92	+
	93	+var store = Ext.create('Ext.data.Store', {
	94	+ id:'simpsonsStore',
	95	+ autoLoad: false,
	96	+ fields:['name', 'email', 'phone'],
	97	+ pageSize: itemsPerPage, // items per page
	98	+ proxy: {
	99	+ type: 'ajax',
	100	+ url: 'pagingstore.js', // url that will load data with respect to start and limit params
	101	+ reader: {
	102	+ type: 'json',
	103	+ root: 'items',
	104	+ totalProperty: 'total'
	105	+ }
	106	+ }
	107	+});
	108	+
	109	+
	110	+
	111	+
	112	+// specify segment of data you want to load using params
	113	+store.load({
	114	+ params:{
	115	+ start:0,
	116	+ limit: itemsPerPage
	117	+ }
52	118	});
53	119
54	120	tabela = Ext.create('Ext.panel.Panel', {
55	121	layout: 'fit',
56		- title: 'Relatorios de Coletas',
	122	+ title: 'Relatorio de coletas por PROCESSADOR',
57	123	width: '75%',
58	124	frame: true,
59	125	draggable: true,
...	...	@@ -64,11 +130,17 @@ tabela = Ext.create('Ext.panel.Panel', {
64	130	margin: '0px auto 15px auto'
65	131	},
66	132	items: table,
67		-});
68	133
69		-Ext.onReady(function(){
	134	+ dockedItems: [{
	135	+ xtype: 'pagingtoolbar',
	136	+ store: userStore, // same store GridPanel is using
	137	+ dock: 'bottom',
	138	+ displayInfo: true
	139	+ }],
70	140
	141	+});
71	142
	143	+Ext.onReady(function(){
72	144	Ext.create('Ext.Container', {
73	145	padding: '15px',
74	146	items: [tabela],
...	...	@@ -77,16 +149,15 @@ Ext.onReady(function(){
77	149
78	150	});
79	151
80		-// ** GRAFICO DE PIZZA **
	152	+
	153	+//CRIANDO GRAFICO
	154	+
81	155
82	156	var store = Ext.create('Ext.data.JsonStore', {
83	157	fields: ['name', 'data'],
84	158	data: [
85		- { 'name': 'dado1', 'data': 2 },
86		- { 'name': 'dado2', 'data': 2 },
87		- { 'name': 'dado3', 'data': 4 },
88		- { 'name': 'dado4', 'data': 10 },
89		- { 'name': 'dado5', 'data': 20 }
	159	+ { 'name': 'INTEL', 'data': 32 },
	160	+ { 'name': 'AMD', 'data': 26 }
90	161	]});
91	162
92	163	var chart = Ext.create('Ext.chart.Chart', {
...	...	@@ -133,7 +204,7 @@ var chart = Ext.create('Ext.chart.Chart', {
133	204
134	205	widget = Ext.create('Ext.panel.Panel', {
135	206	layout: 'fit',
136		- title: 'Relatório',
	207	+ title: 'Grafico de relatório por PROCESSADORES',
137	208	width: '75%',
138	209	frame: true,
139	210	draggable: true,
...	...	@@ -143,7 +214,15 @@ widget = Ext.create('Ext.panel.Panel', {
143	214	"text-align": 'center',
144	215	margin: '-35px auto 15px auto'
145	216	},
146		- items: chart
	217	+ items: chart,
	218	+
	219	+ tbar:[
	220	+ 'Exportar PDF',
	221	+ { xtype: 'tbfill'},
	222	+ 'Imprimir',
	223	+ { xtype: 'tbfill'},
	224	+ ]
	225	+
147	226	});
148	227
149	228	Ext.onReady(function(){
...	...	@@ -158,3 +237,4 @@ Ext.onReady(function(){
158	237	});
159	238
160	239
	240	+
...	...
1		-fakeHtml = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin placerat placerat convallis. Nullam diam nunc, auctor mollis adipiscing id, tristique in velit. Proin eu sodales ipsum. Nunc vel erat orci. Maecenas quis tortor sit amet elit interdum vehicula. Mauris vitae urna neque, in tincidunt mi. Praesent sapien neque, imperdiet in lobortis in, tempus ut dolor. Aliquam pretium eleifend diam sit amet mattis. In tincidunt fringilla nunc, in feugiat tellus dignissim in. Nam faucibus nisi vel metus pulvinar nec commodo sapien condimentum. Nullam rutrum, lacus a aliquam tincidunt, elit lectus dapibus felis, nec mattis mauris sapien sed ante. Suspendisse suscipit lorem et orci egestas sodales. Phasellus scelerisque fermentum est id lobortis.<br>Morbi eu mauris nibh, id faucibus tellus. ';
	1	+/GRAFICO DE ORGÃOS/
2	2
3		-report1 = Ext.create('Ext.panel.Panel', {
	3	+
	4	+
	5	+Ext.define('User',{
	6	+ extend: 'Ext.data.Model',
	7	+ fields: [ 'codigo', 'orgao', 'date' ]
	8	+});
	9	+
	10	+var userStore = Ext.create('Ext.data.Store', {
	11	+ model: 'User',
	12	+ data: [
	13	+ { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
	14	+ { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
	15	+ { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
	16	+ { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
	17	+ { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
	18	+ { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
	19	+ { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
	20	+ { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
	21	+ { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
	22	+ { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
	23	+ { codigo: '27236', orgao: 'Minist&eacuterio da Fazenda', date: '12/12/2014' },
	24	+ ]
	25	+});
	26	+
	27	+table = Ext.create('Ext.grid.Panel', {
	28	+ store: userStore,
	29	+ width: 400,
	30	+ height: 200,
	31	+ // title: 'Application Users',
	32	+ columns: [
	33	+ {
	34	+ xtype: 'checkcolumn',
	35	+ allowBlank: false,
	36	+ dataIndex: 'active',
	37	+ width: 60,
	38	+ editor:{
	39	+ xtype: 'checkbox',
	40	+ cls: 'item'
	41	+ },
	42	+ },
	43	+ {
	44	+ text: 'Codigo',
	45	+ width: 75,
	46	+ sortable: true,
	47	+ hideable: false,
	48	+ dataIndex: 'codigo'
	49	+ },
	50	+ {
	51	+ text: 'Orgao',
	52	+ width: 300,
	53	+ dataIndex: 'orgao',
	54	+ hidden: false,
	55	+ },
	56	+ {
	57	+ text: 'Data',
	58	+ sortable: false,
	59	+ width:80,
	60	+ renderer: Ext.util.Format.dateRenderer('m/d/Y'),
	61	+ flex: 1,
	62	+ dataIndex: 'date'
	63	+ },
	64	+
	65	+ ]
	66	+});
	67	+
	68	+tabela = Ext.create('Ext.panel.Panel', {
4	69	layout: 'fit',
5		- title: 'Relatório1',
6		- width: '75%',
7		- frame: true,
8		- html: fakeHtml,
9		- draggable: true,
10		- collapsible: true,
11		- style: {
12		- margin: '0px auto 15px auto'
13		- },
14		- tools: [{
15		- type: 'print',
16		- handler: function(){
17		- }
18		- }]
19		-});
20		-
21		-report2 = Ext.create('Ext.panel.Panel', {
22		- layout: 'fit',
23		- title: 'Relatório2',
24		- width: '75%',
25		- frame: true,
26		- html: fakeHtml + fakeHtml,
27		- draggable: true,
28		- collapsible: true,
29		- border : true,
30		- style: {
31		- margin: '0px auto 15px auto'
32		- },
33		- tools: [{
34		- type: 'print',
35		- handler: function(){
36		- }
37		- }]
	70	+ title: 'Relatorios de Coletas',
	71	+ width: '75%',
	72	+ frame: true,
	73	+ draggable: true,
	74	+ collapsible: true,
	75	+ border : true,
	76	+ style: {
	77	+ "text-align": 'center',
	78	+ margin: '0px auto 15px auto'
	79	+ },
	80	+ items: table,
38	81	});
39	82
40	83	Ext.onReady(function(){
41	84
42		- Ext.create('Ext.Container', {
43		- padding: '15px',
44		- items: [report1, report2],
45		- renderTo: 'widgets'
46		- });
47	85
	86	+ Ext.create('Ext.Container', {
	87	+ padding: '15px',
	88	+ items: [tabela],
	89	+ renderTo: 'widgets'
	90	+ });
	91	+
	92	+});
	93	+
	94	+
	95	+
	96	+
	97	+
	98	+// ** FILTRO DE ITENS **
	99	+
	100	+Ext.define('User1',{
	101	+ extend: 'Ext.data.Model',
	102	+ fields: ['chbox', 'item' ]
48	103	});
	104	+
	105	+var userStore1 = Ext.create('Ext.data.Store', {
	106	+ model: 'User1',
	107	+ data: [
	108	+ { item: 'Computador'},
	109	+ { item: 'Processador'},
	110	+ { item: 'Memórias'},
	111	+ { item: 'Hard Disk (HD)'},
	112	+ { item: 'Sistemas Operacionais'},
	113	+ { item: 'Suítes de Escritórios'},
	114	+ { item: 'Ativos de Redes'},
	115	+ { item: 'Softwares Básicos'},
	116	+ ]
	117	+});
	118	+
	119	+table1 = Ext.create('Ext.grid.Panel', {
	120	+ store: userStore1,
	121	+ width: 400,
	122	+ height: 200,
	123	+ // title: 'Application Users',
	124	+ columns: [
	125	+ {
	126	+ text: 'Item',
	127	+ width: 500,
	128	+ sortable: true,
	129	+ hideable: false,
	130	+ dataIndex: 'item'
	131	+ },
	132	+ ]
	133	+});
	134	+
	135	+tabela1 = Ext.create('Ext.panel.Panel', {
	136	+ layout: 'fit',
	137	+ title: 'Gerar Relatório',
	138	+ width: '75%',
	139	+ frame: true,
	140	+ draggable: true,
	141	+ collapsible: true,
	142	+ border : true,
	143	+ style: {
	144	+ "text-align": 'center',
	145	+ margin: '0px auto 15px auto'
	146	+ },
	147	+ items: table1,
	148	+});
	149	+
	150	+Ext.onReady(function(){
	151	+
	152	+
	153	+ Ext.create('Ext.Container', {
	154	+ padding:'15px',
	155	+ items: [tabela1],
	156	+ renderTo: 'widgets'
	157	+ });
	158	+
	159	+});
	160	+
	161	+
...	...
1	1	<metal:main use-macro="load: master.pt">
2	2	<!-- Insere JavaScript -->
3	3	<!-- <script metal:fill-slot="javascript" type="text/javascript" src="static/teste-tabelag.js"></script> -->
4		- <script metal:fill-slot="javascript" type="text/javascript" src="static/teste-helder.js"></script>
	4	+ <script metal:fill-slot="javascript" type="text/javascript" src="static/relatorio.js"></script>
5	5
6	6	<!--<script metal:fill-slot="javascript" type="text/javascript" src="static/WMI.js"></script>-->
7	7
...	...