mirror of
https://github.com/fhem/fhem-mirror.git
synced 2025-03-04 23:46:35 +00:00
e9ec74a1f1
- contains ExtJS Library 4.1.1a, together with css and images - is related to the module 93_DbLog.pm, which holds some functions used by the frontend git-svn-id: https://svn.fhem.de/fhem/trunk@2767 2b470e98-0d58-463d-a4d8-8e2adae1ed80
128 lines
3.7 KiB
JavaScript
128 lines
3.7 KiB
JavaScript
/**
|
|
* The Panel containing the Line Charts
|
|
*/
|
|
Ext.define('FHEM.view.LineChartPanel', {
|
|
extend: 'Ext.panel.Panel',
|
|
alias : 'widget.linechartpanel',
|
|
xtype : 'chart',
|
|
requires: [
|
|
'FHEM.view.LineChartView',
|
|
'FHEM.store.ChartStore'
|
|
],
|
|
|
|
title: 'Line Chart',
|
|
|
|
/**
|
|
* init function
|
|
*/
|
|
initComponent: function() {
|
|
|
|
var me = this;
|
|
|
|
// set up the local db columnname store
|
|
// as these columns are fixed, we dont have to request them
|
|
me.comboAxesStore = Ext.create('Ext.data.Store', {
|
|
fields: ['name'],
|
|
data : [
|
|
{'name':'TIMESTAMP'},
|
|
{'name':'DEVICE'},
|
|
{'name':'TYPE'},
|
|
{'name':'EVENT'},
|
|
{'name':'READING'},
|
|
{'name':'VALUE'},
|
|
{'name':'UNIT'}
|
|
]
|
|
});
|
|
|
|
me.comboDeviceStore = Ext.create('FHEM.store.DeviceStore');
|
|
me.comboDeviceStore.on("load", function(store, e, success) {
|
|
if(!success) {
|
|
Ext.Msg.alert("Error", "Connection to database failed! Check your configuration.");
|
|
}
|
|
});
|
|
|
|
me.comboReadingsStore = Ext.create('FHEM.store.ReadingsStore');
|
|
|
|
me.dockedItems = [{
|
|
xtype: 'toolbar',
|
|
dock: 'top',
|
|
layout: 'column',
|
|
minheight: 60,
|
|
maxHeight: 90,
|
|
items: [
|
|
{
|
|
xtype: 'combobox',
|
|
name: 'devicecombo',
|
|
fieldLabel: 'Select Device',
|
|
store: me.comboDeviceStore,
|
|
displayField: 'DEVICE',
|
|
valueField: 'DEVICE'
|
|
},
|
|
{
|
|
xtype: 'combobox',
|
|
name: 'xaxiscombo',
|
|
fieldLabel: 'Select X Axis',
|
|
store: me.comboAxesStore,
|
|
displayField: 'name',
|
|
valueField: 'name'
|
|
},
|
|
{
|
|
xtype: 'combobox',
|
|
name: 'yaxiscombo',
|
|
fieldLabel: 'Select Y Axis',
|
|
store: me.comboReadingsStore,
|
|
displayField: 'READING',
|
|
valueField: 'READING'
|
|
},
|
|
{
|
|
xtype: 'datefield',
|
|
name: 'starttimepicker',
|
|
format: 'Y-m-d H:i:s',
|
|
fieldLabel: 'Select Starttime'
|
|
},
|
|
{
|
|
xtype: 'datefield',
|
|
name: 'endtimepicker',
|
|
format: 'Y-m-d H:i:s',
|
|
fieldLabel: 'Select Endtime'
|
|
},
|
|
{
|
|
xtype: 'button',
|
|
width: 100,
|
|
text: 'Show Chart',
|
|
name: 'requestchartdata'
|
|
},
|
|
{
|
|
xtype: 'button',
|
|
width: 100,
|
|
text: 'Save Chart',
|
|
name: 'savechartdata'
|
|
},
|
|
{
|
|
xtype: 'button',
|
|
width: 100,
|
|
text: 'Step back',
|
|
name: 'stepback'
|
|
},
|
|
{
|
|
xtype: 'button',
|
|
width: 100,
|
|
text: 'Step forward',
|
|
name: 'stepforward'
|
|
}
|
|
]
|
|
}];
|
|
|
|
me.items = [
|
|
{
|
|
xtype: 'linechartview',
|
|
width: '100%'
|
|
}
|
|
];
|
|
|
|
me.callParent(arguments);
|
|
|
|
}
|
|
|
|
});
|