Good afternoon All! I'm fairly new to all three of the above topics, so please forgive me If I make any mistakes in generalizing or seem to be not knowing things that would be common sense to more experienced users
Just a little background on what i'm doing
I am creating an ionic app that connects to my Arduino through a Bluetooth application. connected to the Arduino is a adafruit ring light, which will be ultimately controlled by some sliders on the application.
I want to be able to discover and also connect to Bluetooth devices through the app. however, I haven't found many helpful pieces of information for those looking to build something like this from scratch. so far is have this, thanks to help complied from probably about 3 different tutorials, one of which brought me to the main Cordova Bluetooth page:
var LLC = {
intialize: function() {
this.bind();
}
bind: function(){
document.addEventListener('deviceready', this.deviceready, false);
colorScreen.hidden = true;
}
//the device is ready for use
deviceready: function() {
deviceList.ontouchstart = LLc.connect; // assume not scrolling
refreshButton.ontouchstart = LLc.list;
disconnectButton.ontouchstart = LLc.disconnect;
// throttle changes
var throttledOnColorChange = _.throttle(LLc.onColorChange, 200);
$('input').on('change', throttledOnColorChange);
LLc.list();
}
//searching for avaliable devices
list: function(){
deviceList.firstchild.innerHTML = "Discovering..."
LLc.log("Looking for Bluetooth Devices");
//if the devices are found, list the devices. else, print out a failed message
bluetoothSerial.list(LLc.ondevicelist, LLc.Failed("Listing Failed"));
}
//creating the list for the devices found
ondevicelist: function(devices) {
var listItem, deviceId;
//remove existing devices
deviceList.innerHTML = "";
LLc.log("");
//for each device found
devices.forEach(function(device){
//creat a list item for it
listItem = document.createElement ('li');
listItem.className = "topcoat-list__item";
//if the device has a uuid, set it as the id
if (device.hasOwnProperty("uuid")){
deviceId = device.uuid;
//else, set the address as the id
} else if (device.hasOwnProperty("address")){
deviceId = device.address;
//or print an error message, as the address and the uuid aren't recoverable
} else {
deviceId = "ERROR" + JSON.stringify(device);
}
listItem.setAttribute('deviceId', device.address);
listItem.innerHTML = device.name + "
<i>" + deviceId + "</i>";
//put the details for the listItem on the deviceList
deviceList.LLcendChild(listItem);
});
//if no devices have been discovered, print out a message
if (devices.length == 0){
LLc.setStatus("Please Pair a Bluetooth Device.");
}
//if devices have been found, print out the found information
else{
LLc.log("Found" + devices.length + "device" + devices.length === 1 ? "." : "s."));
}
},
//Listing failed for finding bluetooth devices, or bluetooth device uuid and address wasn't recoverable
Failed: function(failedlist){
var fail = function(problem){
//empty details first
var details = "";
if (problem){
//if there was a problem, fill in the details
details += ": " +JSON.stringify(problem);
}
//then log to the details
LLc.log(failedlist + details);
};
return fail;
}
}
the main issue that i'm having right now is the LLc.log. I know that log prints the message to the debugger, when I want the messages to be visible to the app when it is printed, so the user can tell what the problem is.
Is anyone here familiar with Ionic and knows of a way I could do that? Thanks in advance.
This second question is less of a heavily stressed one. I also want to include a way to have a "cycle" color mode, where the lamp goes through all the colors of the light. It has been an issue for me in deciding where it would be the most appropriate to do these changes, in the javascript for the app and sent to the Arduino, or have the setting written in the lamp and have a javascript function linked to a checkmark that would tell the Arduino to run the cycle code? I'm not entire sure how the first onw would be possible, as it was brought to my attention during a tutorial that the javascript would save the values differently (red.value in javascript, vs red in Arduino).
I know this is a lot, and I do apologize in advance for any difficulties in reading. any and all answers are welcome, as I have ran out of relevant google searches.
Thank you.