Minor design changes
This commit is contained in:
parent
2fd5fb1cff
commit
4b6d6662e7
2 changed files with 33 additions and 29 deletions
2
.gitignore
vendored
2
.gitignore
vendored
|
@ -1 +1 @@
|
||||||
./conf.js
|
/conf.js
|
||||||
|
|
60
index.html
60
index.html
|
@ -25,6 +25,11 @@
|
||||||
padding-left: 16px;
|
padding-left: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.btn-group .col-md-4, .btn-group .col-md-12 {
|
.btn-group .col-md-4, .btn-group .col-md-12 {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
@ -35,7 +40,7 @@
|
||||||
|
|
||||||
.bs-callout {
|
.bs-callout {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
margin: 36px 20px;
|
margin: 20px 0;
|
||||||
border: 1px solid #eee;
|
border: 1px solid #eee;
|
||||||
border-left-color: rgb(238, 238, 238);
|
border-left-color: rgb(238, 238, 238);
|
||||||
border-left-width: 1px;
|
border-left-width: 1px;
|
||||||
|
@ -64,7 +69,7 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>Free Telec <small>v0.2.2</small></h1>
|
<h1>Free Telec <small>v0.2.3</small></h1>
|
||||||
</header>
|
</header>
|
||||||
<section>
|
<section>
|
||||||
<div class="row col-xs-12">
|
<div class="row col-xs-12">
|
||||||
|
@ -185,29 +190,31 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bs-callout bs-callout-info clear">
|
<div class="col-xs-12">
|
||||||
<h4>Raccourcis clavier</h4>
|
<div class="bs-callout bs-callout-info clear">
|
||||||
<p>
|
<h4>Raccourcis clavier</h4>
|
||||||
Certaines fonctionnalités de la télécommande peuvent être directement utilisée avec votre clavier.
|
<p>
|
||||||
<br />
|
Certaines fonctionnalités de la télécommande peuvent être directement utilisée avec votre clavier.
|
||||||
En voici la liste :
|
<br />
|
||||||
</p>
|
En voici la liste :
|
||||||
<ul>
|
</p>
|
||||||
<li>Entrée : ok</li>
|
<ul>
|
||||||
<li>Flèche haut: haut</li>
|
<li>Entrée : ok</li>
|
||||||
<li>Flèche bas: bas</li>
|
<li>Flèche haut: haut</li>
|
||||||
<li>Flèche droite: droite</li>
|
<li>Flèche bas: bas</li>
|
||||||
<li>Flèche gauche: gauche</li>
|
<li>Flèche droite: droite</li>
|
||||||
<li>Echap: retour (touche rouge)</li>
|
<li>Flèche gauche: gauche</li>
|
||||||
<li>f: Free</li>
|
<li>Echap: retour (touche rouge)</li>
|
||||||
<li>m: Menu (touche verte)</li>
|
<li>f: Free</li>
|
||||||
<li>i: Info (touche jaune)</li>
|
<li>m: Menu (touche verte)</li>
|
||||||
<li>s: Recherche (touche bleue)</li>
|
<li>i: Info (touche jaune)</li>
|
||||||
<li>a: A/V</li>
|
<li>s: Recherche (touche bleue)</li>
|
||||||
<li>1-0: touche 1-0</li>
|
<li>a: A/V</li>
|
||||||
<li>+: Programme +</li>
|
<li>1-0: touche 1-0</li>
|
||||||
<li>-: Programme -</li>
|
<li>+: Programme +</li>
|
||||||
</ul>
|
<li>-: Programme -</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
@ -228,7 +235,6 @@
|
||||||
});
|
});
|
||||||
|
|
||||||
$('body').on('keypress', function(e){
|
$('body').on('keypress', function(e){
|
||||||
console.log( e.keyCode , e.which);
|
|
||||||
const codes = {
|
const codes = {
|
||||||
13: 'ok',
|
13: 'ok',
|
||||||
38: 'up',
|
38: 'up',
|
||||||
|
@ -256,8 +262,6 @@
|
||||||
};
|
};
|
||||||
let code = (e.keyCode ? e.keyCode : e.which);
|
let code = (e.keyCode ? e.keyCode : e.which);
|
||||||
|
|
||||||
console.log('Code:', code, codes)
|
|
||||||
|
|
||||||
callApi(codes[code]);
|
callApi(codes[code]);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in a new issue