Matthias M
0063dcb3c8
Add CSS variable --button-bg
...
might be useful for add-on developers.
2021-05-23 01:18:00 +02:00
Matthias M
c612c41023
Make legacy buttons look like Svelte buttons
...
with extra night mode handling.
2021-05-23 00:50:02 +02:00
Matthias M
95cfd7e0b5
Invert legacy button content in night mode
...
for better visibility.
2021-05-22 22:40:21 +02:00
Henrik Giesel
6f31ab5990
Prefer event.which over event.{key,code}
...
It works better with alternative Latin-based keyboard layouts
2021-05-22 17:50:23 +02:00
Henrik Giesel
5cbda88605
Base shortcuts with letters no event.key, with symbols/numbers on event.code
2021-05-21 22:45:55 +02:00
Henrik Giesel
abf1418695
Switch to keyboard shortcuts based on event.key
2021-05-20 18:28:59 +02:00
Damien Elmes
4fc701eb1b
fix fields/cards font size & too-large toolbar on high DPI Windows
...
- enable default_css on editor again, so that the html element
is set to the system font size. If this is bringing in unwanted styling,
maybe we can come up with a different solution that just adjusts the
fonts
- make toolbar size relative to html font size, instead of hard-coding
it
2021-05-20 13:15:17 +10:00
Damien Elmes
991695b7f6
use standard toolbar colors for legacy items
2021-05-19 19:58:12 +10:00
Damien Elmes
390379ed62
disable svelte-check on Windows for now
2021-05-19 11:45:02 +10:00
Henrik Giesel
30d246d74b
WIP: Use our components in deckoptions sticky bar
2021-05-18 16:32:29 +02:00
Henrik Giesel
777d774545
Use StickyBar in deckoptions
2021-05-18 14:13:11 +02:00
Damien Elmes
2dab3f0487
disable broken svelte_check test on Windows for now
...
Likely caused by a lack of sandboxing on Windows, causing the generated
.d.ts files to be visible to svelte_check, and being picked up in
preference over the .svelte file.
2021-05-08 12:15:49 +10:00
Henrik Giesel
cd6599c301
Fix module name formatting
2021-05-07 02:14:54 +02:00
Henrik Giesel
1e5feffba0
Fix Preview tooltip
2021-05-07 02:04:44 +02:00
Henrik Giesel
8a558eb297
Fix unused CSS selector issue in graphs introduced by updating Svelte
2021-05-07 02:04:44 +02:00
Henrik Giesel
fbc9c8a250
Use any in toolbar.ts for using context as parameter
2021-05-07 02:04:44 +02:00
Henrik Giesel
8f2c5a0c1c
Turn on editor:eslint
2021-05-07 02:04:44 +02:00
Henrik Giesel
147617dff2
Add copyright header
2021-05-07 02:04:44 +02:00
Henrik Giesel
17bca7be6e
Add ts-expect-error for module import in EditorToolbar
2021-05-07 02:04:44 +02:00
Henrik Giesel
bb2fb8e9f5
Fix ButtonDropdown
2021-05-07 02:04:44 +02:00
Henrik Giesel
d92a0c44c7
Add lefttopbtns as AddonButtons
2021-05-07 02:04:44 +02:00
Henrik Giesel
d3bec1a584
Add ButtonToolbarItem as interface for modifying button groups
2021-05-07 02:04:44 +02:00
Henrik Giesel
55e8256f0e
Clean up ButtonGroup and factor out extension logic
2021-05-07 02:04:44 +02:00
Henrik Giesel
dd99524ae0
Enable setting of PreviewButton and hiding of cloze button again
2021-05-07 02:04:42 +02:00
Henrik Giesel
0612c3428b
Fix typing issues
2021-05-07 02:03:55 +02:00
Henrik Giesel
47edde0d00
Set tooltip for buttons correctly
2021-05-07 02:03:55 +02:00
Henrik Giesel
74dad42df3
Use ButtonGroupItem for all buttons in editor
2021-05-07 02:03:55 +02:00
Henrik Giesel
f724b45ae1
Add hiding functionality in ButtonGroup
2021-05-07 02:03:55 +02:00
Henrik Giesel
da5756822f
Add API for adding new buttons, updating existing ones in ButtonGroup
2021-05-07 02:03:55 +02:00
Henrik Giesel
5f8f4c06f8
Fix issue with dropdowns
2021-05-07 02:03:55 +02:00
Henrik Giesel
deafb0925c
Add .dropdown-menu class to DropdownMenu
2021-05-07 02:03:55 +02:00
Henrik Giesel
099325f407
Add back ColorButtons
2021-05-07 02:03:55 +02:00
Henrik Giesel
af7b1f7d7f
Activate FormatBlockButtons
2021-05-07 02:03:55 +02:00
Henrik Giesel
805ef26e20
Add all format inline buttons
2021-05-07 02:03:55 +02:00
Henrik Giesel
35267f30c9
Export module functions from EditorToolbar
2021-05-07 02:03:55 +02:00
Henrik Giesel
e7706bac6d
Refactor {CommandIcon,Icon,Square}Button into IconButton and WithState
2021-05-07 02:03:55 +02:00
Henrik Giesel
76ea48fade
Make StickyBar flex
2021-05-07 02:03:55 +02:00
Henrik Giesel
45c52f75aa
Translate ts files in ts/editor to svelte files
2021-05-07 02:03:55 +02:00
Henrik Giesel
8238ec5727
Rename editor-toolbar to components
2021-05-07 02:03:55 +02:00
Henrik Giesel
1515e07ea6
Add StickyBar.svelte WithTheming.svelte
2021-05-07 02:03:55 +02:00
Henrik Giesel
138e69bcf1
Move Notetype buttons to using slots instead of dynamic components
2021-05-07 02:03:55 +02:00
Henrik Giesel
a51eb42e7b
Simplify structure of EditorToolbar and ButtonGroup in editor HTML file
2021-05-07 02:03:55 +02:00
Damien Elmes
a24456d96f
fix missing keyboard modifier translations on Linux/Windows
...
https://forums.ankiweb.net/t/card-browser-hotkeys-semi-broken/9815
2021-05-07 09:30:06 +10:00
Henrik Giesel
b0988e43e1
Move EditorToolbar API into EditorToolbar.svelte
2021-04-25 19:15:00 +02:00
Henrik Giesel
a21a4d330b
Initialize editor toolbar via function, not web component
2021-04-25 18:32:01 +02:00
Henrik Giesel
438fcae263
Add addMenu and updateMenu, avoid using {buttons,menus}Promise outside of class
2021-04-24 01:08:55 +02:00
Henrik Giesel
9346e007c9
Add mostly working addcards topbar
2021-04-24 00:00:32 +02:00
Henrik Giesel
e66edd3887
Reduce typing overhead in ts/editor-toolbar/index.ts and export buttonGroup
2021-04-23 19:05:43 +02:00
Henrik Giesel
aebaaf1a70
Add IterableToolbarItem interface for easier typing
2021-04-23 18:53:52 +02:00
Henrik Giesel
59f0a2dd70
Make dynamicComponents usable for addons, rather than the components directly
...
rawButton({ html: ... })
instead of
{ component: RawButton, html: ... }
2021-04-23 16:43:36 +02:00
Damien Elmes
61dfa02b88
update remaining anki/ references
2021-04-23 10:16:40 +10:00
Henrik Giesel
31eaeef09b
Rename anki/ to lib/ for export
...
import _ from "anki/x";
will become
import _ from "lib/x";
to fit the directory name.
2021-04-23 10:02:28 +10:00
Henrik Giesel
d4e6fe6a34
Prefer optionalModifiers over register multiple shortcuts
2021-04-22 18:15:25 +02:00
Henrik Giesel
4ebad6f173
Add optionalModifiers parameter to registerShortcut
2021-04-22 17:28:38 +02:00
Henrik Giesel
0abcb86007
Use registerShortcut in inputHandlers + Avoid focus on color picker
2021-04-22 15:09:09 +02:00
Henrik Giesel
469c138ec1
Add shortcut labels for ColorPicker and Latex items
2021-04-22 14:35:44 +02:00
Henrik Giesel
e68d019b19
Add better better shortcutLabel support for buttons
2021-04-22 14:18:48 +02:00
Henrik Giesel
ffb0fd67e5
Add editing fluent strings without attached keyboard shortcuts
2021-04-22 13:38:37 +02:00
Henrik Giesel
3cbddf3e8c
Move up cloze id
2021-04-22 03:37:01 +02:00
Henrik Giesel
7ab5f736df
Move other buttons to WithShortcut
2021-04-22 03:25:31 +02:00
Henrik Giesel
b0ddae0f6c
Add first shortcuts for bold, italic, underline, removeFormat
2021-04-22 02:37:04 +02:00
Henrik Giesel
b66699355c
Fix isBlockElement()
2021-04-21 14:40:16 +02:00
Henrik Giesel
099ca563e3
Remove paragraph button
2021-04-21 14:36:24 +02:00
Henrik Giesel
ae801729ec
Prefer exec over matchAll
2021-04-21 14:18:44 +02:00
Henrik Giesel
18efdcac67
Gather editor-toolbar svelte components into filegroup
2021-04-21 13:18:31 +02:00
Henrik Giesel
29fef178d8
Add copyright headers
2021-04-20 15:43:59 +02:00
Henrik Giesel
282d9df02e
Remove last ts-expect-error
2021-04-20 15:41:26 +02:00
Henrik Giesel
6e2f2fc3a6
Move toolbar initialization into toolbar.ts
2021-04-20 15:32:02 +02:00
Henrik Giesel
f11db5579e
Move dynamic component initialization logic from editor to editor-toolbar
2021-04-20 14:23:28 +02:00
Henrik Giesel
94eb3af662
Improve behavior of paragraph command and add tooltip
2021-04-20 13:46:01 +02:00
Henrik Giesel
973b7008b7
Make indent outdent only work for list items
...
+ make paragraph show its active state
2021-04-20 13:44:44 +02:00
Henrik Giesel
5e978b28d4
Move button implementations from editor-toolbar to editor
2021-04-20 13:44:44 +02:00
Henrik Giesel
93136030e9
Include editor-toolbar as a library in editor
2021-04-20 13:44:44 +02:00
Henrik Giesel
85ea209d06
Generalize commandIconButton functionality of setting active state
2021-04-20 13:44:44 +02:00
Henrik Giesel
3adcad4ca3
Don't use <br>s when inside of paragraph
2021-04-20 13:44:44 +02:00
Henrik Giesel
ece4f75592
Generalize inListItem to getAnchorElement
2021-04-20 13:44:43 +02:00
Henrik Giesel
a3a085249d
Add CSS for making empty paragraph elements visible
2021-04-20 13:44:43 +02:00
Henrik Giesel
a71311b65e
Make fields square again
...
This was an experiment, to adjust the field border-radius to the
buttons, but I think it looks cleaner if the fields are square
2021-04-15 16:44:07 +02:00
Henrik Giesel
a0de8bef55
Switch from core to base CSS for editor view
2021-04-15 13:09:50 +02:00
Henrik Giesel
c432831a19
Move enabled/disabled logic to EditorToolbar
2021-04-15 13:09:50 +02:00
Henrik Giesel
ef9eb38d26
Utilize enableButtons disableButtons from Svelte component
2021-04-15 13:09:49 +02:00
Henrik Giesel
d976dd711c
Simplify General Toolbar structure
2021-04-15 13:09:49 +02:00
Henrik Giesel
e175c9348e
First implementation
2021-04-15 13:09:48 +02:00
Damien Elmes
57a1651113
deck config prototype work in progress
...
Still in the early stages, and not hooked up yet.
2021-04-14 22:33:10 +10:00
Henrik Giesel
fb26361274
Create explicit dependencies for the congrats,editor,graphs scss files
2021-04-13 19:47:03 +02:00
Henrik Giesel
8efbcddbb4
Do not include webview.css for editor
2021-04-13 19:47:03 +02:00
Damien Elmes
1f475a1709
add missing copyright headers to *.ts
2021-04-13 18:57:08 +10:00
Damien Elmes
fb1111623f
update to latest esbuild
2021-04-07 14:54:40 +10:00
Damien Elmes
188a8891fd
add docstring to forEditorField
2021-03-29 18:13:45 +10:00
Damien Elmes
efb8a4e61c
Merge pull request #1101 from Arthur-Milchior/TS_type
...
NF: add type ts
2021-03-29 18:09:56 +10:00
Damien Elmes
2e1104c724
move loader arg into esbuild() invocation
...
upstream.bzl should be kept as close to upstream as possible, so that
it's easier to send changes upstream and pull in future changes
2021-03-29 17:59:06 +10:00
Arthur Milchior
cfa2ee6774
NF: add type ts
2021-03-28 23:59:16 +02:00
Henrik Giesel
d01aa0de6f
Add copy_bootstrap_icons macro
2021-03-28 18:50:37 +02:00
Henrik Giesel
77c396c2a8
Include pin-angle icon via inline SVG
2021-03-28 16:15:30 +02:00
Damien Elmes
fb222149af
define file extension in .d.ts so typescript doesn't complain
2021-03-28 16:15:28 +02:00
Henrik Giesel
443ee54f7e
Unsuccessfully try to add text loader for .svg files
2021-03-28 16:14:52 +02:00
Henrik Giesel
ac46f6cb27
Utilize ts/tsconfig.js from ts/{editor,html-filter}
2021-03-28 19:41:20 +10:00
Henrik Giesel
d346ae6feb
No need to explicitly import from index
2021-03-28 19:41:20 +10:00
Henrik Giesel
1aefab95f8
Move html-filter into its own directory
2021-03-28 19:41:20 +10:00
Henrik Giesel
127b46d240
Insert break statements into switch
2021-03-28 19:41:20 +10:00
Henrik Giesel
4baa87348e
Create htmlFilter{Node,Styling} for better separation of concerns
2021-03-28 19:41:20 +10:00
Henrik Giesel
6822c56e53
Put filterElement logic completely into its own file
2021-03-28 19:41:20 +10:00
Henrik Giesel
a9fa7cd0db
Move most of tags allowed to its own file
2021-03-28 19:41:20 +10:00
Henrik Giesel
f4e3a9202f
Refactor htmlFilter to use function declarations
2021-03-28 19:41:20 +10:00
Damien Elmes
0edbd3fc4b
use relative link to sass file
...
links relative to workspace root break when invoked from an external
repo
2021-03-28 12:37:21 +10:00
Damien Elmes
460a071fe4
switch from rollup to esbuild
...
brings the 2+ second bundle on a module like the graphs down to 90ms
2021-03-21 16:06:36 +10:00
Henrik Giesel
f5bf50ed02
Fix bug with initially enabled toolbar in browser
2021-03-10 19:28:08 +01:00
Henrik Giesel
f56c510e86
Fix another import
2021-03-09 14:02:41 +01:00
Henrik Giesel
4424ae864b
Fix reversed sticky icon logic
2021-03-09 13:44:06 +01:00
Henrik Giesel
1ae13b7217
Satisfy formatter
2021-03-09 13:43:11 +01:00
Henrik Giesel
df20381a9e
Change to pin icon
2021-03-09 13:43:11 +01:00
Henrik Giesel
2ea0602347
Switch to bi-sticky icons, toggle opacity for state indiciation
2021-03-09 13:43:11 +01:00
Henrik Giesel
e72b5d6e14
Switch back to pin icons, use fill/unfilled versions
2021-03-09 13:43:11 +01:00
Henrik Giesel
df562c7c4c
Place sticky icons at the far right end of the labelContainer
2021-03-09 13:43:11 +01:00
Henrik Giesel
3a8fad5dc5
Make sure topleft buttons are rounded too, prefer Bootstrap's rounded class
2021-03-09 13:43:11 +01:00
Henrik Giesel
59c69bd8dd
Replace pin icon with lock icon
...
Credit goes out to @kleinerpirat
2021-03-09 13:43:11 +01:00
Henrik Giesel
f98ba1e412
Remove button highlight on disabling button (i.e. blur)
2021-03-09 13:43:09 +01:00
Henrik Giesel
5bba8cbfd9
Remove "true" return value from event handler
...
* this does not change any semantics
2021-03-09 13:41:39 +01:00
Henrik Giesel
e94fbdbc38
Separate index.ts into editable/editingArea/editorField/labelContainer.ts
2021-03-09 13:40:47 +01:00
Henrik Giesel
3f96290214
Connect icons to sticky fields values
2021-03-09 13:37:56 +01:00
Henrik Giesel
07e3812072
Add visual elements for pinned fields
2021-03-09 13:37:56 +01:00
Henrik Giesel
6f05c6eb85
Change font-size in topbar buttons
...
Bootstrap sets font-size to inherit, so it's not inherited from top.
Before, it defaulted to 13, so this should prevent add-ons, which
feature text in their buttons (like <select> buttons).
2021-03-09 13:37:56 +01:00
Henrik Giesel
adfe645966
Fix positioning of buttons
2021-03-09 13:37:56 +01:00
Henrik Giesel
a9ded7cc3c
Fix highlight for topright buttons
2021-03-09 13:37:56 +01:00
Henrik Giesel
261b93ea36
Remove field margins
...
* Bootstrap solves it more elegantly with line-height
* body { margin: 0 } is also defined by bootstrap
2021-03-09 13:37:56 +01:00
Henrik Giesel
dbcf0ffee1
Include bootstrap in editor
2021-03-09 13:37:56 +01:00
Damien Elmes
26a4e7b355
Merge pull request #1062 from abdnh/strip-html-comments
...
Strip HTML comments from external pastes
2021-03-09 11:55:59 +10:00
Damien Elmes
94795b9392
Merge pull request #1060 from hgiesel/focusplus
...
Fix focus handling by moving caretToEnd logic
2021-03-09 11:53:09 +10:00
abdo
45b4be4dd3
Strip HTML comments from external pastes
...
Fix a regression caused by 2efc2030f6
2021-03-09 03:15:08 +03:00
Henrik Giesel
b4a2f9930b
Satisfy formatter
2021-03-08 20:55:04 +01:00
Henrik Giesel
4dd565065f
Move caretToEnd logic out of focus handling
2021-03-08 20:40:23 +01:00
Henrik Giesel
eff90085ea
Improve focus handling
...
* Ported from #1046 :
* disabling buttons will clear button highlight
* enabling button will set button highlight
* move caret to end executed before enabling buttons (so button highlight will be for actual position of caret)
* move caret to end will also be executed if previousActiveElement is null, which will only be the case before the first onBlur was executed:
* so that caret will be moved to end on opening editor
2021-03-08 14:20:06 +01:00
abdo
5af6a63e20
Fix editor RTL check
2021-03-07 18:12:42 +03:00
Henrik Giesel
41c3c3ecf3
Do not execute caretToEnd when Alt-tabbing back to application
2021-03-06 17:57:04 +01:00
Henrik Giesel
e87d951a74
Fix focus handling when coming from top left buttons
2021-03-01 12:28:45 +01:00
Damien Elmes
7c03d184de
Merge pull request #1038 from hgiesel/imgmaxwidth
...
Fix scrollbar issue in anki-editable component in two ways
2021-02-24 10:16:12 +10:00
Henrik Giesel
e2bda7273e
Fix scrollbar issue in anki-editable component in two ways
...
- using :host-context(.nightMode) allows for applying the nightmode
scroll bar inside the component
- apply max-width: 100% to all element within editable, not just images
2021-02-23 15:52:20 +01:00
Henrik Giesel
561dbbb718
Satisfy formatter
2021-02-23 13:34:41 +01:00
Henrik Giesel
eed8fb06c6
Remove logic for pulling editor field in view
2021-02-23 12:55:04 +01:00
Henrik Giesel
7c31e7f09d
Increase the padding in the editable to 6px
2021-02-16 18:40:58 +01:00
Henrik Giesel
70e09bf70a
Add max-width: 100% to editable.scss
2021-02-16 18:28:40 +01:00
Damien Elmes
51ea2a14e8
add missing license headers
2021-02-09 13:38:04 +10:00
Henrik Giesel
c521ac1e94
Rework focusing code to fix two issues:
...
1. Clicking away from the editor window, and back on it should not focus old field
2. Clicking on a field, which is not fully visible, should scroll it into view
2021-02-09 01:09:16 +01:00
Henrik Giesel
f72bcc679d
Use mouseup intead of click for updateButtonState
2021-02-08 22:18:06 +01:00
Henrik Giesel
572aae1ae8
Refactor wrap code
2021-02-08 22:13:49 +01:00
Henrik Giesel
94ca6c0ffe
Give toolbar items a bottom margin to separate the rows when they wrap
2021-02-08 21:26:37 +01:00
Henrik Giesel
22e098f5c9
Put wrapping code into its own file
2021-02-08 21:02:46 +01:00
Henrik Giesel
c721e2fa2f
updateButtonState on clicking editor field
2021-02-08 20:49:33 +01:00
Henrik Giesel
de3b120031
Export saveNow
2021-02-08 20:28:02 +01:00
Henrik Giesel
3c9f3e7baa
Split up index.ts into several more files
...
This is to provide minimal closures for the mutable file-local variables:
- changeTimer
- previousActiveElement
- currentNoteId
This makes it clear, that they should not be used, but rather the
functions which wrap them in an API
2021-02-08 19:48:42 +01:00
Henrik Giesel
3287f61b75
Avoid making currentField a global
2021-02-08 17:00:27 +01:00
Henrik Giesel
d509bf6d3c
Export current field for editor
2021-02-08 15:44:56 +01:00
Henrik Giesel
c554d4ac28
Remove usage of window.event in onPaste
2021-02-05 13:42:49 +01:00
Henrik Giesel
e9f8ba14f9
Remove dead code kept for compatibility
2021-02-05 13:41:35 +01:00
Henrik Giesel
72259ed629
Export getEditorField and forEditorField
2021-01-31 20:56:28 +01:00
Henrik Giesel
8699c25bc5
Turn off eslint check for now
2021-01-31 20:55:36 +01:00
Henrik Giesel
9f3403d704
Move editor css to editor directory
2021-01-31 19:03:40 +01:00
Henrik Giesel
978258067b
Move editor to /ts/editor
2021-01-31 14:15:03 +01:00