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

INSTANCE: Update layout

parent 4fd1b7f3
Aucune branche associée trouvée
Aucune étiquette associée trouvée
2 requêtes de fusion!3Dev kubat,!2Base interface and system
......@@ -17,24 +17,16 @@
</head>
<body>
<div id="mainFrame" class="container-fluid">
<div id="headerBar" class="row">
<div id="headerCard" class="card">
<div id="headerTitle" class="card-header text-center">
<h2 class="text-center">
LektorApp Admin Interface
</h2>
</div>
<div id="buttonPanelListLeft" class="card-body text-left"
style="padding-top: 0px;padding-bottom: 0px;padding-right: 0px;padding-left: 0px;">
<div id="buttonPanelListLeft" class="d-flex flex-row bd-highlight mb-3 row card"
style="padding:0px!important;margin-bottom:0px!important;margin-top:0px">
<!-- Will be generated on loading page --!>
</div>
</div>
</div>
<div id="panelWrapper" class="row">
<div id="panelLeft" class="col panel">
<div id="panelWrapper" class="row"
style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;">
<div id="panelLeft" class="col panel d-flex flex-column bd-highlight mb-3">
<!-- Will be generated on loading page --!>
</div>
<div id="panelRight" class="col panel">
<div id="panelRight" class="col panel d-flex flex-column bd-highlight mb-3">
<!-- Will be generated on loading page --!>
</div>
</div>
......
......@@ -36,27 +36,33 @@ function createButtonList(list) {
list.forEach( (btn) => {
if (btn[0] == "left") {
renderHtmlLeft = `${renderHtmlLeft}
<button id="${btn[2]}" type="button" class="btn btn-outline-primary">
${btn[1]}
</button>`;
<button id="${btn[2]}" type="button" class="btn btn-outline-primary p-2 bd-highlight">${btn[1]}</button>`;
logger.debug(`Create button for "${btn[1]}" with id "${btn[2]} at the left"`);
} else if (btn[0] == "right") {
renderHtmlRight = `${renderHtmlRight}
<button id="${btn[2]}" type="button" class="btn btn-outline-primary">
${btn[1]}
</button>`;
<button id="${btn[2]}" type="button" class="btn btn-outline-primary p-2 bd-highlight">${btn[1]}</button>`;
logger.debug(`Create button for "${btn[1]}" with id "${btn[2]} at the right"`);
}
});
document.getElementById("buttonPanelListLeft").innerHTML = renderHtmlLeft + renderHtmlRight;
document.getElementById("buttonPanelListLeft").innerHTML =
`${renderHtmlLeft}
<h5 class="text-capitalize font-weight-bold text-center p-2 mr-auto ml-auto bd-highlight align-middle">
lektor-app admin iterface</h5>
${renderHtmlRight}`;
}
ipcRenderer.on("reload-db-responce", (event, arg) => {
var karaList = "";
logger.debug(`Web page got reload-db`);
arg.forEach( kara => {
karaList += `<div class="card shadow" style="margin: 5px; border-radius: 10px; margin: 20px 0px 20px 0px;">
<div class="card-body">${kara.string} </div></div>`;
karaList +=
`<div class="card p-2 bd-highlight shadow-none d-flex flex-row bd-highlight mb-3 border border-secondary"
style="border:0px;margin:0px!important;">
<div class="p-2 bd-highlight">${kara.id}</div>
<div class="p-2 bd-highlight">${kara.cat}</div>
<div class="p-2 bd-highlight">${kara.type}</div>
<div class="p-2 bd-highlight ml-auto">${kara.string}</div>
</div>`;
});
document.getElementById("panelLeft").innerHTML = karaList;
});
......@@ -25,6 +25,7 @@ tail.on("line", function(data) { console.log(data); });
***************************************************************/
function createInstanceWindow () {
/* Main window */
const win = new BrowserWindow({
width: 1280,
height: 720,
......@@ -34,7 +35,6 @@ function createInstanceWindow () {
nodeIntegration: true
}
});
win.loadFile('instance/index.html');
}
......@@ -71,6 +71,8 @@ app.on('ready', () => {
contents.send("reload-db-responce", karas);
});
});
globalShortcut.register('CommandOrControl+C', () => {
});
globalShortcut.register('F12', () => {
var focused = BrowserWindow.getFocusedWindow();
if (focused) {
......
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter