gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-03-01 14:22:32 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

promoted attributes have tabindex following the title and before note content

Browse Source
This commit is contained in:
azivner 2018-08-13 09:07:21 +02:00
parent 7cca2d9247
commit 297b536ebc
3 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/public/javascripts/services/note_detail.js
View File

@ -228,15 +228,16 @@ async function loadAttributes() {
const promoted = attributes.filter(attr => (attr.type === 'label-definition' || attr.type === 'relation-definition') && attr.value.isPromoted);
let idx = 1;
let idx = 2; // because idx is also tabIndex and 1 is the title
async function createRow(definitionAttr, valueAttr) {
const definition = definitionAttr.value;
const inputId = "promoted-input-" + (idx++);
const inputId = "promoted-input-" + idx;
const $tr = $("<tr>");
const $labelCell = $("<th>").append(valueAttr.name);
const $input = $("<input>")
.prop("id", inputId)
.prop("tabindex", idx)
.prop("attribute-id", valueAttr.isOwned ? valueAttr.attributeId : '') // if not owned, we'll force creation of a new attribute instead of updating the inherited one
.prop("attribute-type", valueAttr.type)
.prop("attribute-name", valueAttr.name)
@ -244,6 +245,8 @@ async function loadAttributes() {
.addClass("form-control")
.addClass("promoted-attribute-input");
idx++;
const $inputCell = $("<td>").append($("<div>").addClass("input-group").append($input));
const $actionCell = $("<td>");

2
src/public/javascripts/services/note_detail_code.js
View File

@ -32,7 +32,7 @@ async function show() {
lint: true,
gutters: ["CodeMirror-lint-markers"],
lineNumbers: true,
tabindex: 2 // so that tab from title will lead to code editor focus
tabindex: 100
});
codeEditor.on('change', noteDetailService.noteChanged);

2
src/views/index.ejs
View File

@ -184,7 +184,7 @@
<table id="note-detail-promoted-attributes"></table>
<div id="note-detail-component-wrapper">
<div id="note-detail-text" class="note-detail-component" tabindex="2"></div>
<div id="note-detail-text" class="note-detail-component" tabindex="100"></div>
<div id="note-detail-search" class="note-detail-component">
<div style="display: flex; align-items: center;">