vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

tiptap editor #2222

Merged
konrad merged 66 commits from dpschen/frontend:feature/feat-tiptap-editor into main 2023-10-22 13:49:01 +00:00
Conversation 3 Commits 66 Files Changed 28 +16 -16
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit af9eb358ee - Show all commits

32
src/components/base/EditorToolbar.vue
View File

@ -264,91 +264,91 @@
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().addColumnBefore().run()" @click="editor.chain().focus().addColumnBefore().run()"
:disabled="!editor.can().addColumnBefore()" :disabled="!editor.can().addColumnBefore"
> >
addColumnBefore addColumnBefore
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().addColumnAfter().run()" @click="editor.chain().focus().addColumnAfter().run()"
:disabled="!editor.can().addColumnAfter()" :disabled="!editor.can().addColumnAfter"
> >
addColumnAfter addColumnAfter
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().deleteColumn().run()" @click="editor.chain().focus().deleteColumn().run()"
:disabled="!editor.can().deleteColumn()" :disabled="!editor.can().deleteColumn"
> >
deleteColumn deleteColumn
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().addRowBefore().run()" @click="editor.chain().focus().addRowBefore().run()"
:disabled="!editor.can().addRowBefore()" :disabled="!editor.can().addRowBefore"
> >
addRowBefore addRowBefore
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().addRowAfter().run()" @click="editor.chain().focus().addRowAfter().run()"
:disabled="!editor.can().addRowAfter()" :disabled="!editor.can().addRowAfter"
> >
addRowAfter addRowAfter
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().deleteRow().run()" @click="editor.chain().focus().deleteRow().run()"
:disabled="!editor.can().deleteRow()" :disabled="!editor.can().deleteRow"
> >
deleteRow deleteRow
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().deleteTable().run()" @click="editor.chain().focus().deleteTable().run()"
:disabled="!editor.can().deleteTable()" :disabled="!editor.can().deleteTable"
> >
deleteTable deleteTable
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().mergeCells().run()" @click="editor.chain().focus().mergeCells().run()"
:disabled="!editor.can().mergeCells()" :disabled="!editor.can().mergeCells"
> >
mergeCells mergeCells
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().splitCell().run()" @click="editor.chain().focus().splitCell().run()"
:disabled="!editor.can().splitCell()" :disabled="!editor.can().splitCell"
> >
splitCell splitCell
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().toggleHeaderColumn().run()" @click="editor.chain().focus().toggleHeaderColumn().run()"
:disabled="!editor.can().toggleHeaderColumn()" :disabled="!editor.can().toggleHeaderColumn"
> >
toggleHeaderColumn toggleHeaderColumn
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().toggleHeaderRow().run()" @click="editor.chain().focus().toggleHeaderRow().run()"
:disabled="!editor.can().toggleHeaderRow()" :disabled="!editor.can().toggleHeaderRow"
> >
toggleHeaderRow toggleHeaderRow
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().toggleHeaderCell().run()" @click="editor.chain().focus().toggleHeaderCell().run()"
:disabled="!editor.can().toggleHeaderCell()" :disabled="!editor.can().toggleHeaderCell"
> >
toggleHeaderCell toggleHeaderCell
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().mergeOrSplit().run()" @click="editor.chain().focus().mergeOrSplit().run()"
:disabled="!editor.can().mergeOrSplit()" :disabled="!editor.can().mergeOrSplit"
> >
mergeOrSplit mergeOrSplit
</BaseButton> </BaseButton>
@ -370,21 +370,21 @@
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().fixTables().run()" @click="editor.chain().focus().fixTables().run()"
:disabled="!editor.can().fixTables()" :disabled="!editor.can().fixTables"
> >
fixTables fixTables
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().goToNextCell().run()" @click="editor.chain().focus().goToNextCell().run()"
:disabled="!editor.can().goToNextCell()" :disabled="!editor.can().goToNextCell"
> >
goToNextCell goToNextCell
</BaseButton> </BaseButton>
<BaseButton <BaseButton
class="editor-toolbar__button" class="editor-toolbar__button"
@click="editor.chain().focus().goToPreviousCell().run()" @click="editor.chain().focus().goToPreviousCell().run()"
:disabled="!editor.can().goToPreviousCell()" :disabled="!editor.can().goToPreviousCell"
> >
goToPreviousCell goToPreviousCell
</BaseButton> </BaseButton>