Project

General

Profile

Feature #9517

Input multiple tags with typeahead

Added by Carsten Rose 12 months ago. Updated 8 months ago.

Status:
In Progress
Priority:
High
Assignee:
Target version:
Start date:
06.11.2019
Due date:
% Done:

40%

Estimated time:
Discuss:

Description

  • Fuer Suchfilter waere es gut wenn man Tags eingeben koennten, die via Typeahead vorgeschlagen werden.
  • Die Vorschlagsliste wird gebaut mit den tags die zuvor mal eingegben wurden.

Folgende Libs koennten intressant sein:


Related issues

Related to QFQ - Bug #10150: typeAheadTag: pedantic=0 does not workRejected2020-02-20

Associated revisions

Revision a9953016 (diff)
Added by Marc Egger 9 months ago

Marc tags typeahead

Revision 000b6d3c
Added by Marc Egger 9 months ago

Merge branch 'marcTagsTypeahead' into 'develop'

Marc tags typeahead

See merge request typo3/qfq!253

Revision 2093d735 (diff)
Added by Marc Egger 9 months ago

add development documentation for tag field implementation

Revision 7658d95a (diff)
Added by Carsten Rose 9 months ago

Refs #9517. First server side implementation of TypeAhead Tag. OK: Load & Save tag list as a string. Broken: update after save.

Revision 7bf7d517 (diff)
Added by Carsten Rose 8 months ago

Refs #9517: TypeAhead - Implements insert/delete glue records

Revision d4614f8c (diff)
Added by Carsten Rose 8 months ago

Refs #9517: TypeAhead - Mainly update Manual.rst

Revision 952bfb6e (diff)
Added by Carsten Rose 8 months ago

Refs #9517: TypeAhead - escaping ':' ',' partly implemented.

History

#1 Updated by Carsten Rose 12 months ago

  • Due date set to 22.11.2019
  • Priority changed from Normal to High

#2 Updated by Benjamin Baer 11 months ago

  • Due date changed from 22.11.2019 to 18.12.2019

#3 Updated by Carsten Rose 11 months ago

  • Status changed from New to Some day maybe

#4 Updated by Carsten Rose 11 months ago

  • Status changed from Some day maybe to New

#5 Updated by Benjamin Baer 11 months ago

  • Status changed from New to Priorize

#6 Updated by Carsten Rose 9 months ago

  • Target version changed from 146 to next

#7 Updated by Carsten Rose 9 months ago

  • Target version changed from next to next2

#8 Updated by Marc Egger 9 months ago

  • Assignee changed from Benjamin Baer to Marc Egger

#9 Updated by Marc Egger 9 months ago

  • Status changed from Priorize to In Progress

#10 Updated by Marc Egger 9 months ago

Habe den code von hier ( https://maxfavilli.com/jquery-tag-manager ) in das neue File javascript/src/Helper/tagManager.js kopiert und ein paar Bugs bzw. Lint Fehler behoben.

Der TagManager wird von TypeAhead.js aufgerufen. Ich habe möglichst nichts an dem Code vom tagManager.js geändert und stattdessen dessen API benutzt. Es wäre sauberer den tagManager.js raus zu schmeissen und selber zu implementieren. Doch die bestehende Lösung funktioniert.

Mockup: Die Tag Felder Mockups befinden sich in mockup/typahead.php

API: Da die Tag Felder Typahead integrieren, sind die Attribute von QFQ-Typahead auch hier anwendbar. neu dazu kommen:

data-typeahead-tags="true"                 # tags Feld aktivieren
data-typeahead-pedantic="true"             # nur tags die vom Typahead vorgeschlagen werden, sind erlaubt
data-typeahead-tag-delimiters="[9, 44]"    # Ascii code der Tasten die man drücken kann, um einen Tag abzuschliessen. (Form submit mit Enter ist in diesem Feld deaktiviert)
value="<?php echo $tagsSafeJson; ?>"       # Json encodierte tags die schon gesetzt wurden. JSON: [{value: "Alaska", key: "AK"}, {value: "Alabama", key: "AL"}]
                                           # falls man keine Keys brauch, einfach die den key gleich wie value setzen

Post data: Json encodierter String von der Form:

[{value: "Alaska", key: "AK"}, {value: "Alabama", key: "AL"}]

Typeahead: Das Tag feld ruft die Typeahead API exakt gleich auf wie die bestehenden Typeahead Felder.

#11 Updated by Carsten Rose 9 months ago

  • Assignee changed from Marc Egger to Carsten Rose
  • Target version changed from next2 to 20.9.1

#12 Updated by Carsten Rose 9 months ago

QFQ Keywords:

typeAheadTag=0|1
typeAheadTagDelimiter=9,44 (TAB, COMMA)

#13 Updated by Carsten Rose 9 months ago

  • Due date deleted (18.12.2019)

#14 Updated by Carsten Rose 8 months ago

  • Related to Bug #10150: typeAheadTag: pedantic=0 does not work added

Also available in: Atom PDF