arduinocontrol/menu.js at master · simonthechipmunk/arduinocontrol · 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
//***// imports:

// icons and labels
const St = imports.gi.St;

// main functionality
const Main = imports.ui.main;
const Mainloop = imports.mainloop;
const Lang = imports.lang;

// menu items
const Panel = imports.ui.panel;
const PanelMenu = imports.ui.panelMenu;
const PopupMenu = imports.ui.popupMenu;
const Slider = imports.ui.slider;

// clutter
const Clutter = imports.gi.Clutter;


//**// Menu Constructor

// Edit the _init() function to your needs to add or remove menu items. Any actor that is receiving data has to be added
// to _ProcessData. Actors that send data need their own function call (i.e. _Switch1Toggle) to push their status to the server.
// Some actors like Switches and Sliders send and also receive data to keep them in sync over the network, so they need both.
// Don't forget to add a unique variable for each item (i.e. "out2") so the server knows what to do with the information. You
// will receive an error message if there's no server side match for a variable.


function ControlMenu(sendfunction, messagetrayfunction) {
	this._Send = sendfunction;
	this._MessageTray = messagetrayfunction;
	this._init();
}

ControlMenu.prototype = {
	__proto__: PopupMenu.PopupMenuSection.prototype,

	_init: function() {
		PopupMenu.PopupMenuSection.prototype._init.call(this, St.Align.START);


		//define sensor/actor variables
		this.Switch1Actor = "out2";
		this.Slider1Actor = "out3";
		this.Sensor1Actor = "sense0";


		// create slider with default value 0
		this.Slider1 = new PopupMenu.PopupMenuItem("");
		this.Slider1Icon = new St.Icon({ icon_name: 'keyboard-brightness-symbolic',
			style_class: 'popup-menu-icon' });
		this.Slider1.actor.add(this.Slider1Icon);
		this.Slider1Item = new Slider.Slider(0);
		this.Slider1Item.connect('value-changed', Lang.bind(this, this._Slider1Change));
		this.Slider1.actor.add(this.Slider1Item.actor, { expand: true });


		// create toggle switch
		this.Switch1 = new PopupMenu.PopupSwitchMenuItem("");
		this.Switch1.label.text = 'Light';
		this.Switch1.connect('toggled', Lang.bind(this, this._Switch1Toggle));


		// create menu item for sensor values
		this.Sensor1 = new PopupMenu.PopupMenuItem("", { reactive: false });
		this.Sensor1Icon = new St.Icon({ icon_name: 'media-playlist-consecutive-symbolic',
			y_align: Clutter.ActorAlign.START, style_class: 'popup-menu-icon' });
		this.Sensor1.label.text = 'Sensor ';
		this.Sensor1Item = new St.Label({ text: "--", style_class: "sm-label" });
		this.Sensor1.actor.add(this.Sensor1Icon);
		this.Sensor1.actor.add(this.Sensor1Item);


		// add Switch1, Slider1 and Sensor1 to it
		this.addMenuItem(this.Switch1);
		this.addMenuItem(this.Slider1);
		this.addMenuItem(new PopupMenu.PopupSeparatorMenuItem());
		this.addMenuItem(this.Sensor1);


	},


	_ProcessData: function(data) {
	// Read Server stream and process it

		var splitarray;
		// split received data into actor and value
		splitarray = ("" + data).split(":");

		let switch_set = parseInt(splitarray[1]);
		let slider_set = switch_set / 255;

		if ((splitarray[0] == this.Switch1Actor) && (this.Switch1.state != switch_set)) {
			// handle Switch1
			this.Switch1.setToggleState(switch_set);
			}

		else if ((splitarray[0] == this.Slider1Actor) && (this.Slider1Item.value != slider_set)) {
			// handle Slider1
			this.Slider1Item.setValue(slider_set);
		}

		else if (splitarray[0] == this.Sensor1Actor) {
			// update Sensor Data in panelmenu
			this.Sensor1Item.text = splitarray[1];
		}


	 	// error handling
		else if( splitarray[0] == "error") {

			this._MessageTray( _("Arduino Control"), _("An Error Code was received from the Server:") + "\n" + data, true);
		}

	},


	_Switch1Toggle: function() {
	// react on switch toggle

		if(this.Switch1.state) {
			this._Send(this.Switch1Actor, 1);
		}

		else {
			this._Send(this.Switch1Actor, 0);
		}

	},


	_Slider1Change: function() {
	// react on slider position change

		let sliderval = Math.floor(this.Slider1Item.value * 255);
		this._Send(this.Slider1Actor, sliderval);

	}

}