Coder Social home page Coder Social logo

sanctuarycomputer / contentful-fragment Goto Github PK

View Code? Open in Web Editor NEW
29.0 29.0 1.0 5.59 MB

Build model fragments inside of your contentful models without needing another content type

Home Page: https://www.contentful-fragment.io

JavaScript 61.17% HTML 32.13% CSS 6.70%

contentful-fragment's People

Contributors

aliciakw avatar conordavidson avatar dependabot[bot] avatar ember-tomster avatar hhff avatar joshiefishbein avatar limsohee1002 avatar mokaymokay avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Forkers

jsdelivrbot

contentful-fragment's Issues

too-large-image bug

If a image size is too big, it wouldn't allow uploading. Help text to tell limited image size when there is image option would be helpful.

Add Singleton Mode

  • There should be a checkbox you can add that only allows the content editor to modify a single entry (ie - you set the schema, but there can only be one)

"Uncaught TypeError" when adding field to new schema

What I expected to happen

I want to create a new field in a new schema on a new content model (Millions > Block: Community Registration > Field: Community Functions)

What happened instead

I stepped through creating and publishing a new content model with 3 fields:

  • Text:title
  • Fragment:communityFunctions
  • Media:images

I then went to create an entry for this content model and was able to add a title and images, but upon stepping through adding schema I encountered this error. I can click "Setup Schema" and receive the expected result, but upon clicking "Add Field" the first time nothing happens to the UI. I open the console to find the error below:

Uncaught TypeError: Cannot read property 'pushObject' of undefined
    at r.addSchemaField (contentful-fragment-42ef4b44ac540fbd1a92dcd273a68b42.js:58)
    at r.addEmptySchemaField (contentful-fragment-42ef4b44ac540fbd1a92dcd273a68b42.js:13)
    at r.send (vendor-41efc319637f06f350e3043c1913afe6.js:3090)

screen shot 2018-09-21 at 10 07 52 pm

I can reproduce this and see the error only occurring when I try to add the first field.

Draggable reorder

It would be nice to be able to reorder the list of fragments without having to delete them.

QA

(This URL is a proxy that serves the initial app, you just need to merge into master on this repo and that proxy will update automatically)

  • When there's no fragments, this visual glitch occurs:
    image

  • JSON preview should have the following styling:
    mt2 p2
    background color: #f7f9fa
    border: #c3d0d5
    line-height: 16px

  • show/hide JSON toggle should be contextual with contentful icons (+ Show JSON Preview or X Hide JSON Preview)

  • show/hide JSON toggle should be inline with "Add Entry" and "Edit Fragment"

  • I should not be able to save a fragment schema thing unless it is valid:
    image

  • Closed Fragment state should mimic the look n feel of the new Contentful Ref Editor:

  • Field title should be above the value (in grey) and value in black (same text styles)

  • Vertical Padding between Key / Values is too big

  • New hover state & Draggable Handle (double dots)

Fragment:
image
Native:
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.