zadam/trilium
1
1
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2024-09-20 23:55:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

add link dialog now allows switching between reference link and normal hyperlink

Browse source
This commit is contained in:
zadam 2020-03-22 11:41:00 +01:00
parent 9b17e9976e
commit a36d6bf9be
5 changed files with 39 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
libraries/ckeditor/ckeditor.js vendored
View file

File diff suppressed because one or more lines are too long

2
libraries/ckeditor/ckeditor.js.map
View file

File diff suppressed because one or more lines are too long

20
src/public/javascripts/dialogs/add_link.js
View file

@ -6,6 +6,7 @@ const $dialog = $("#add-link-dialog");
const $form = $("#add-link-form");
const $autoComplete = $("#add-link-note-autocomplete");
const $linkTitle = $("#link-title");
const $addLinkTitleSettings = $("#add-link-title-settings");
const $addLinkTitleFormGroup = $("#add-link-title-form-group");
/** @var TextTypeWidget */
@ -14,7 +15,10 @@ let textTypeWidget;
export async function showDialog(widget) {
textTypeWidget = widget;
$addLinkTitleFormGroup.toggle(!textTypeWidget.hasSelection());
$addLinkTitleSettings.toggle(!textTypeWidget.hasSelection());
updateTitleFormGroupVisibility();
$addLinkTitleSettings.find('input[type=radio]').on('change', updateTitleFormGroupVisibility);
utils.openDialog($dialog);
@ -50,13 +54,25 @@ export async function showDialog(widget) {
noteAutocompleteService.showRecentNotes($autoComplete);
}
function getLinkType() {
return $addLinkTitleSettings.find('input[type=radio]:checked').val();
}
function updateTitleFormGroupVisibility() {
const visible = getLinkType() === 'hyper-link';
$addLinkTitleFormGroup.toggle(visible);
}
$form.on('submit', () => {
const notePath = $autoComplete.getSelectedPath();
if (notePath) {
$dialog.modal('hide');
textTypeWidget.addLink(notePath, $linkTitle.val());
const linkTitle = getLinkType() === 'reference-link' ? null : $linkTitle.val();
textTypeWidget.addLink(notePath, linkTitle);
}
else {
console.error("No path to add link.");

2
src/public/javascripts/widgets/type_widgets/text.js
View file

@ -220,7 +220,7 @@ export default class TextTypeWidget extends TypeWidget {
async addLink(notePath, linkTitle) {
await this.initialized;
if (linkTitle && false) {
if (linkTitle) {
if (this.hasSelection()) {
this.textEditor.execute('link', '#' + notePath);
} else {

21
src/views/dialogs/add_link.ejs
View file

@ -20,9 +20,24 @@
</div>
</div>
<div class="form-group" id="add-link-title-form-group">
<label for="link-title">Link title</label>
<input id="link-title" class="form-control" style="width: 100%;">
<div id="add-link-title-settings">
<div class="form-check">
<input class="form-check-input" type="radio" name="link-type" value="reference-link" id="add-link-reference-link" checked>
<label class="form-check-label" for="add-link-reference-link">
link title mirrors the note's current title
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="link-type" value="hyper-link" id="add-link-hyper-link">
<label class="form-check-label" for="add-link-hyper-link">
link title can be changed arbitrarily
</label>
</div>
<div class="form-group" id="add-link-title-form-group">
<label for="link-title">Link title</label>
<input id="link-title" class="form-control" style="width: 100%;">
</div>
</div>
</div>
<div class="modal-footer">