127 lines
2.3 KiB
JavaScript
127 lines
2.3 KiB
JavaScript
$(function() {
|
|
// Handlebars template for Sidebar menu.
|
|
var sidebarMenuSource = $('#sidebar-menu--source').html();
|
|
var sidebarMenuTemplate = Handlebars.compile(sidebarMenuSource);
|
|
$('#sidebar-menu').html(sidebarMenuTemplate(menuObject));
|
|
|
|
// ========================
|
|
// Keymap related settings.
|
|
// ========================
|
|
$('.keymap__name, .keymap__abbrev').on('mouseover', function() {
|
|
$(this).addClass('active');
|
|
}).on('mouseout', function() {
|
|
$(this).removeClass('active');
|
|
});
|
|
|
|
$('.keymap__is-default').on('click', function() {
|
|
$(this).toggleClass('fa-star-o');
|
|
});
|
|
|
|
$("#owl-example").owlCarousel({
|
|
items: 1
|
|
});
|
|
|
|
});
|
|
|
|
var menuObject = {
|
|
menu: [
|
|
{
|
|
icon: 'keyboard-o',
|
|
name: 'Keymaps',
|
|
hasDefaults: true,
|
|
expandable: true,
|
|
children: [
|
|
{
|
|
icon: '',
|
|
name: 'Factory keymap',
|
|
isDefault: true
|
|
},
|
|
{
|
|
icon: '',
|
|
name: 'QWERTY',
|
|
classes: 'active'
|
|
},
|
|
{
|
|
icon: '',
|
|
name: 'Dvorak'
|
|
},
|
|
{
|
|
icon: '',
|
|
name: 'Colemak'
|
|
},
|
|
{
|
|
icon: '',
|
|
name: 'VIM'
|
|
},
|
|
{
|
|
icon: '',
|
|
name: 'Mortal Kombat X'
|
|
}
|
|
],
|
|
// actions: [
|
|
// {
|
|
// icon: 'plus',
|
|
// name: 'Add new keymap'
|
|
// }
|
|
// ]
|
|
},
|
|
{
|
|
icon: 'play',
|
|
name: 'Macros',
|
|
expandable: true,
|
|
children: [
|
|
{
|
|
icon: '',
|
|
name: 'Macro1'
|
|
},
|
|
{
|
|
icon: '',
|
|
name: 'Macro2'
|
|
},
|
|
{
|
|
icon: '',
|
|
name: 'Macro3'
|
|
},
|
|
{
|
|
icon: '',
|
|
name: 'Macro4'
|
|
}
|
|
],
|
|
// actions: [
|
|
// {
|
|
// icon: 'plus',
|
|
// name: 'Add new macro'
|
|
// }
|
|
// ]
|
|
},
|
|
{
|
|
'icon': 'puzzle-piece',
|
|
'name': 'Add-on modules',
|
|
'children': [
|
|
{
|
|
'icon': '',
|
|
'name': 'Key cluster'
|
|
},
|
|
{
|
|
'icon': '',
|
|
'name': 'Trackball'
|
|
},
|
|
{
|
|
'icon': '',
|
|
'name': 'Toucpad'
|
|
},
|
|
{
|
|
'icon': '',
|
|
'name': 'Trackpoing'
|
|
}
|
|
]
|
|
}
|
|
],
|
|
menuBottom: [
|
|
{
|
|
'icon': 'gear',
|
|
'name': 'Settings'
|
|
}
|
|
]
|
|
};
|