Skip to content

This plugin allows you to generate slug data based on string field in content object form view

Notifications You must be signed in to change notification settings

flotiq/flotiq-ui-plugin-slug

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

About plugin

This plugin simplifies the process of creating slugs for your Content Object. It’s particularly useful when you want to generate slugs automatically based on existing data within a Content Object (e.g. the title of a blog post).

Plugin outcome

In the Content Object form, look for the refresh icon next to the slug field. If you’re creating a new object and the field is currently empty, it will be auto-filled. If you’re editing an existing object or the field contains data, click the refresh icon to regenerate the slug.

plugin-item

Configuring plugin

To manage a plugin, you must first add it to your plugins. Click the "+" icon to add the plugin to your library and click the "Manage" button. It will open the plugin settings.

plugin-settings

Field descriptions:

  • Content Type - Defines the type of objects for which the slug will be generated.
  • Slug source field - Determines the field on which the slug will be based.
  • Target field - Specifies the field to which the slug will be entered.

Development

Quickstart:

  1. yarn
  2. yarn start
  3. work work work
  4. update your src/plugin-manifest.json file to contain the production URL and other plugin information
  5. yarn build
  6. paste js code from ./build/static/js/main.xxxxxxxx.js to Flotiq console
  7. navigate to affected Flotiq pages

Deployment

Loading the plugin

URL

  1. Open Flotiq editor
  2. Open Chrome Dev console
  3. Execute the following script
    FlotiqPlugins.loadPlugin('plugin-id', '<URL TO COMPILED JS>')
  4. Navigate to the view that is modified by the plugin

Directly

  1. Open Flotiq editor
  2. Open Chrome Dev console
  3. Paste the content of static/js/main.xxxxxxxx.js
  4. Navigate to the view that is modified by the plugin

Deployment

  1. Open Flotiq editor
  2. Add a new plugin and paste the URL to the hosted plugin-manifest.json file (you can use https://localhost:3050/plugin-manifest.json as long as you have accepted self-signed certificate for this url)
  3. Navigate to the view that is modified by the plugin