Skip to content
Extraits de code Groupes Projets
Vérifiée Valider 23c203b1 rédigé par Kubat's avatar Kubat
Parcourir les fichiers

Try to filder searches

parent c78069d6
Aucune branche associée trouvée
Aucune étiquette associée trouvée
1 requête de fusion!3Dev kubat
Masquer les modifications d'espaces
En ligne Côte à côte
instance/index.html
+ 15
− 2
Voir le fichier @ 23c203b1
......@@ -3,8 +3,9 @@
<head>
<meta charset="UTF-8" />
<title>Lektor App</title>
<!-- https://electronjs.org/docs/tutorial/security#csp-meta-tag -->
<script src="../style/jquery/jquery-3.5.1.js"></script>
<script>
window.$ = window.jQuery = require('../style/jquery/jquery-3.5.1.js');
</script>
<script src="../style/bootstrap-4.5.2-dist/js/bootstrap.min.js"></script>
<link
rel="stylesheet"
......@@ -21,6 +22,18 @@
display: none;
}
</style>
<script>
$(document).ready(() => {
$('#filterInput').on('keyup', () => {
var value = $(this).val().toLowerCase();
$('#panelLeft *').filter(() => {
$(this).toggle(
$(this).text().toLowerCase().indexOf(value) > -1
);
});
});
});
</script>
</head>
<body>
<div id="mainFrame" class="container-fluid">
......
instance/main.js
+ 6
− 5
Voir le fichier @ 23c203b1
......@@ -88,9 +88,10 @@ function createButtonList(list) {
document.getElementById(
'buttonPanelListLeft'
).innerHTML = `${renderHtmlLeft}${renderHtmlSLeft}
<h5 class="text-capitalize font-weight-bold text-center p-2 mr-auto ml-auto bd-highlight align-middle"
style="-webkit-user-select: none; -webkit-app-region: drag;">
lektor-app admin iterface</h5>
<div class="p-1 bd-highlight mb-1 w-75 mr-auto ml-auto">
<input id="filterInput" type="text" class="form-control filterInput"
placeholder="Filter...">
</div>
${renderHtmlRight}`;
}
......@@ -99,7 +100,7 @@ ipcRenderer.on('reload-db-responce', (event, arg) => {
var karaList = '';
logger.debug(`Web page got reload-db`);
arg.forEach(kara => {
karaList += `<div class="card p-2 bd-highlight shadow-none d-flex flex-row bd-highlight mb-3 border border-info karaCard">
karaList += `<div class="card p-2 bd-highlight shadow-none d-flex flex-row bd-highlight mb-3 karaCard">
<span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b>${kara.language}</b></span>
<span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b>${kara.cat}</b></span>
<span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b>${kara.type}</b></span>
......@@ -120,7 +121,7 @@ ipcRenderer.on('reload-queue-responce', (event, arg) => {
var karaList = '';
logger.debug(`Web page got reload-queue`);
arg.forEach(kara => {
karaList += `<div class="card p-2 bd-highlight shadow-none d-flex flex-row bd-highlight mb-3 border border-info karaCard">
karaList += `<div class="card p-2 bd-highlight shadow-none d-flex flex-row bd-highlight mb-3 karaCard">
<span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b>${kara.language}</b></span>
<span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b>${kara.cat}</b></span>
<span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b>${kara.type}</b></span>
......
style/css/instance.css
+ 28
− 0
Voir le fichier @ 23c203b1
......@@ -21,6 +21,32 @@ button {
-webkit-transition: none;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
outline: none !important;
box-shadow: none !important;
border-color: transparent !important;
}
#filterInput {
background-color: #2b3e50 !important;
color: white;
}
#mainFrame {
height: 100%;
display: flex;
......@@ -44,8 +70,10 @@ button {
width: 100%;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px !important;
flex-grow: 1;
overflow: hidden;
border-top: 0px !important;
padding: 0px !important;
}
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter