AULA F108 Pro Full Size vision Knob Keyboard

Product Description

/**
* Common event handler for click and keydown events.
* @param {Event} event – The event object.
* @param {Function} handleClickOrEnter – Function to handle click or Enter key events.
* @param {Function} handleEsc – Function to handle Esc key events.
*/
// [TODO][AplusMantle-8064] Create common event handler util(key events, click events) in AplusModuleResources
function handleClickAndKeyEvents(event, handleClickOrEnterOrSpace) {
const ENTER_KEY_CODE = 13;
const ESCAPE_KEY_CODE = 27;
const SPACE_KEY_CODE = 32;
const isClick = event.type === ‘click’;
const isKeydown = event.type === ‘keydown’;
const isEnter = isKeydown && event.keyCode === ENTER_KEY_CODE;
const isSpace = isKeydown && event.keyCode === SPACE_KEY_CODE;
const isEsc = isKeydown && event.keyCode === ESCAPE_KEY_CODE;

if (isClick || isEnter || isSpace) {
handleClickOrEnterOrSpace();
} else if (isEsc) {
handleEsc(event);
}
}

/**
* Function to handle esc key event.
* @param {Event} event – The event object.
*/
function handleEsc(event) {
event.target.blur() // force remove focus
}

P.now(“premium-aplus-13-carousel-4”).execute(function(init) {
if (init) {
return;
}
P.register(“premium-aplus-13-carousel-4”, function(){
return function() {
P.when(“A”, “jQuery”, “a-carousel-framework”, “ready”).execute(function (A, $, framework) {
const ENTER_KEY_CODE = 13;
const ESCAPE_KEY_CODE = 27;
var moduleId = “4”;
var carouselName = “premium-aplus-13-carousel-4”;
var paginationAction = “aplus-pagination-dot-action-” + moduleId + “-” + carouselName;
var paginationGroup = “#aplus-pagination-group-” + moduleId + “-” + carouselName;

/* If the carousel goes to a new page */
A.on(“a:carousel:”+carouselName+”:change:pageNumber”, function (data) {
A.$(paginationGroup+” .carousel-slider-circle”).removeClass(“aplus-carousel-active”).attr(‘aria-selected’, ‘false’).attr(‘tabindex’, -1)
.eq(data.newValue – 1).addClass(“aplus-carousel-active”).attr(‘aria-selected’, ‘true’).attr(‘tabindex’, 0);
});

function syncPaginationDotsWithCarouselPages(numPages) {
const children = document.querySelector(paginationGroup).children;

for(let i = 0; i < children.length; i++) {
if (i >= numPages) {
// If number of dots > num of pages, we should hide other dots
children[i].classList.add(‘aplus-pagination-dot–display-none’);
} else if(children[i].classList.contains(‘aplus-pagination-dot–display-none’)){
// Reset display of dots if it was hidden before
children[i].classList.remove(‘aplus-pagination-dot–display-none’);
}
}
}

framework.onInit(carouselName, function (carousel) {
var totalPages = carousel.getAttr(‘totalPages’);
syncPaginationDotsWithCarouselPages(totalPages);
/* Resize event handler to re-calculate the pagination dots count based on orientation */
window.addEventListener(‘resize’, function() {
carousel.resize();
totalPages = carousel.getAttr(‘totalPages’);
syncPaginationDotsWithCarouselPages(totalPages);
});

A.declarative(paginationAction, ‘click keydown’, function(event){
var isClick = event.type === ‘click’;
var isKeydown = event.type === ‘keydown’;
var isEnter = isKeydown && event.$event.keyCode === ENTER_KEY_CODE;
var isEsc = isKeydown && event.$event.keyCode === ESCAPE_KEY_CODE;
if (isClick || isEnter) {
var data = event.data;
carousel.gotoPage(data.page);
} else if (isEsc) {
// force remove focus
event.$target.blur()
}
});
});
});
}
});
});

• How to download the software? Is it compatible with Mac?

  1.Download the software via bit.ly/m/AULA

  2.This F108Pro mechanical keyboard is compatible with Windows, Mac, IOS and Android systems, but the software only supports Windows system and wired mode.

• How to calibrate the date/time and custom GIF images on the screen?

  1.Download and install the F108pro driver in wired mode with windows system.

  2.Find the “TFT screen” and click to “Time Syns” button.

  3.Upload an image or gif

  Note: The LCD screen has a transparent protective film that can be peeled off before use.

• AULA F108 Pro backlight/side light shortcut key?

  Backlight Adjustment：

  FN+|=switch 19 lighting effects；FN+Tab=switch lighting colors；FN+↑/↓=lighting brightness+/-；FN+→/←=lighting speed+/-

  Side Light Adjustment:

  FN+Right Shift=Switch effect；FN+/?=Switch color；FN+Right Alt=Switch brightness

• How to quickly solve keyboard unresponsive or other unknown issues？

  Reset the keyboard by holding down FN+ESC for a few seconds until the keyboard light flashes

• How to view the instruction manual? And receiving incorrect product colors

  Scan the QR on the card inside the packaging to view the instruction manual

  The keyboard packaging is uniformly gray yellow, please refer to the actual color inside the packaging for accuracy