|
@@ -1,5 +1,23 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// // // // |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ЗадатьСписокРаскладок = мир => |
|
|
|
|
|
{ |
|
|
|
|
|
var список = мир.окна.раскладки.выборныйСписок; |
|
|
|
|
|
//список.задатьЗаголовок("🚧 Раскладки"); |
|
|
|
|
|
список.задатьСписок([ |
|
|
|
|
|
"X_shaped.layout", |
|
|
|
|
|
"успех|success.layout", |
|
|
|
|
|
"провал|failure.layout", |
|
|
|
|
|
]); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// // // // |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ПлавноСкрытьОкноРаскладок = мир => |
|
|
ПлавноСкрытьОкноРаскладок = мир => |
|
|
{ |
|
|
{ |
|
|
мир.окна.раскладки.плавно.скрыть(); |
|
|
мир.окна.раскладки.плавно.скрыть(); |
|
@@ -26,20 +44,18 @@ |
|
|
|
|
|
|
|
|
#${мир.окна.раскладки.указатель} |
|
|
#${мир.окна.раскладки.указатель} |
|
|
{ |
|
|
{ |
|
|
background-color: white; |
|
|
|
|
|
position: fixed; |
|
|
position: fixed; |
|
|
left: 0; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
bottom: 0; |
|
|
|
|
|
/*width: 50%;*/ |
|
|
|
|
|
|
|
|
left: 1em; |
|
|
|
|
|
top: 1em; |
|
|
|
|
|
bottom: 1em; |
|
|
|
|
|
right: 1em; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#скрыть-раскладки |
|
|
#скрыть-раскладки |
|
|
{ |
|
|
{ |
|
|
position: relative; |
|
|
|
|
|
margin: 0.5em; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
|
|
|
position: fixed; |
|
|
|
|
|
right: 0.5em; |
|
|
|
|
|
bottom: 0.5em; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
`; |
|
|
`; |
|
@@ -59,15 +75,24 @@ |
|
|
мир.окна.раскладки = { |
|
|
мир.окна.раскладки = { |
|
|
"указатель": окно.id, |
|
|
"указатель": окно.id, |
|
|
"элемент": окно, |
|
|
"элемент": окно, |
|
|
"плавно": new ПлавноОтобразитьСкрыть(окно, { |
|
|
|
|
|
"прозрачность": 0.8, |
|
|
|
|
|
}), |
|
|
|
|
|
|
|
|
"плавно": new ПлавноОтобразитьСкрыть(окно), |
|
|
|
|
|
"список": `${окно.id}-список`, |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
окно.innerHTML = ` |
|
|
окно.innerHTML = ` |
|
|
|
|
|
<center> |
|
|
|
|
|
<span class="uk-text-large">Раскладки</span> |
|
|
|
|
|
⚬ <span class="uk-text-large uk-text-bold">键盘布局</span> ⚬ |
|
|
|
|
|
<span class="uk-text-large">Layouts</span> |
|
|
|
|
|
</center> |
|
|
|
|
|
<ul id="${мир.окна.раскладки.список}" class="uk-nav uk-nav-default tm-nav"> |
|
|
|
|
|
</ul> |
|
|
<a id="скрыть-раскладки" uk-icon="icon: close; ratio: 2"></a> |
|
|
<a id="скрыть-раскладки" uk-icon="icon: close; ratio: 2"></a> |
|
|
<p>текст произвольный</p> |
|
|
|
|
|
|
|
|
|
|
|
`; |
|
|
`; |
|
|
|
|
|
|
|
|
|
|
|
var элементСписок = document.getElementById(мир.окна.раскладки.список); |
|
|
|
|
|
мир.окна.раскладки.выборныйСписок = new ВыборныйСписок(элементСписок); |
|
|
|
|
|
|
|
|
$("#скрыть-раскладки").click(function() { |
|
|
$("#скрыть-раскладки").click(function() { |
|
|
мир.уведомить("кнопка скрыть раскладки"); |
|
|
мир.уведомить("кнопка скрыть раскладки"); |
|
|