Customization

Cards

Use avatars:

Switchbutton: false/true // {1}

1. Whether to use linked avatars or signature from author Concepts

Colors/Icons mapping

Event color mapping:

"draft": {
    "key": "imext:draft", //{1}
    "color": "#fff", //{2}
    "background": "#757575", //{3}
    "label": "Draft" //{4}
},
"done": {
    "key": "imext:done",
    "background": "#2EAB50",
    "label": "Done"
},
"published": {
    "key": "stat:usable",
    "background": "#288DC0",
    "label": "Published"
}

1. The key used to match status from NewsML/extension format

2. Color of the text in Event details

3. Base background color for cards as well as the dropdown in detail view for Event

4. Label to display for dropdown in Event detail view

PlanningItems color mapping:

{
    "draft": {
        "key": "imext:draft", //{1}
        "color": "#fff", //{2}
        "background": "#757575", //{3}
        "label": "Draft" //{4}
    },
    "done": {
        "key": "imext:done", //{1}
        "background": "#2EAB50", //{3}
        "label": "Done" //{4}
    },
    "usable": {
        "key": "stat:usable", //{1}
        "background": "#288DC0", //{3}
        "label": "Usable" //{4}
    },
    "withheld": {
        "key": "stat:withheld", //{1}
        "background": "#01D5E0", //{3}
        "label": "Withheld", //{4}
        "inverted": true //{5}
    }
}

1. The key used to match status from NewsML/extension format

2. Color of the text for a item in Planning detail view status dropdown

3. Base background color for cards as well as the dropdown in detail view for Planning items

4. Label to display for dropdown in Planning detail view

5. A specific flag that will turn the border of cards striped

Assignments color mapping:

{
    "draft": {
        "key": "imext:draft", //{1}
        "color": "#ffffff", //{2}
        "background": "#757575", //{3}
        "label": "Draft"
    },
    "done": {
        "key": "imext:done", //{1}
        "color": "#ffffff", //{2}
        "background": "#29bf3b", //{3}
        "label": "Done" //{4}
    },
    "usable": {
        "key": "stat:usable", //{1}
        "color": "#ffffff", //{2}
        "background": "#288DC0", //{3}
        "label": "Usable" //{4}
    },
    "withheld": {
        "key": "stat:withheld", //{1}
        "color": "#000000", //{2}
        "background": "#f5af00", //{3}
        "label": "Pending" //{4}
    }
}

1. The key used to match status from NewsML/extension format

2. Color of the text for a item in Assignment detail view status dropdown

3. Base background color for cards as well as the dropdown in detail view for Assignment items

4. Label to display for dropdown in Assignment detail view

Articles color mapping:

{
    "draft": {
        "key": "draft", //{1}
        "background": "#9d9d9d" //{2}
    },
    "withheld": {
        "key": "withheld", //{1}
        "background": "#01b9fc", //{2}
    },
    "done": {
        "key": "done", //{1}
        "background": "#18c391" //{2}
    },
    "usable": {
        "key": "usable", //{1}
        "background": "#01b9fc" //{2}
    }
}

1. The key used to match status from NewsML/extension format. (Usually shortened version of pubStatus qcode i.e stat:usable -> usable)

2. Color of the icons for an article with specific status

Assignment types:

[
    {
        "key": "ninat:text", //{1}
        "label": "Text", //{2}
        "iconClass": "document-new" //{3}
    },
    {
        "key": "ninat:picture", //{1}
        "label": "Image", //{2}
        "iconClass": "photo" //{3}
    },
    {
        "key": "ninat:graphic", //{1}
        "label": "Graphic", //{2}
        "iconClass": "graph-pie" //{3}
    },
    {
        "key": "ninat:video", //{1}
        "label": "Video", //{2}
        "iconClass": "media-play" //{3}
    }
]

1. News codes following the IPTC standard (http://cv.iptc.org/newscodes/ninature/)

2. A readable label used to display the type in detail view

3. Icon to display type on cards, using the built in types of Dashboard (http://demo.amitjakhu.com/dripicons/)

Columns

Default number of columns:

• The starting amount of columns to display (default 7)

Max number of columns:

• The max amount of columns to display (default 7)

Column width (px):

• The amount of pixels wide a column should be (default 300)