Skip to content

[v6] Rebranded UI to Cohesivo - #422 - #3333

Draft
mnocon wants to merge 2 commits into
6.0from
cohesivo-ui-rebranding
Draft

[v6] Rebranded UI to Cohesivo - #422#3333
mnocon wants to merge 2 commits into
6.0from
cohesivo-ui-rebranding

Conversation

@mnocon

@mnocon mnocon commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Initial UI rebranding pass for v6 docs

@github-actions

Copy link
Copy Markdown

Preview of modified files

Preview of modified Markdown:

@github-actions

Copy link
Copy Markdown

code_samples/ change report

Before (on target branch)After (in current PR)

code_samples/back_office/calendar/config/packages/calendar.yaml

docs/administration/back_office/customize_calendar.md@25:``` yaml hl_lines="6"
docs/administration/back_office/customize_calendar.md@26:[[= include_file('code_samples/back_office/calendar/config/packages/calendar.yaml') =]]
docs/administration/back_office/customize_calendar.md@27:```

001⫶ibexa:
002⫶ system:
003⫶ admin_group:
004⫶ calendar:
005⫶ event_types:
006❇️ future_publication:

code_samples/back_office/calendar/config/packages/calendar.yaml

docs/administration/back_office/customize_calendar.md@25:``` yaml hl_lines="6"
docs/administration/back_office/customize_calendar.md@26:[[= include_file('code_samples/back_office/calendar/config/packages/calendar.yaml') =]]
docs/administration/back_office/customize_calendar.md@27:```

001⫶ibexa:
002⫶ system:
003⫶ admin_group:
004⫶ calendar:
005⫶ event_types:
006❇️ future_publication:
007⫶                        color: '#47BEDB'
007⫶                        color: '#19628F'
008⫶                        actions:
009⫶ reschedule:
010⫶ icon: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#alert-error'


code_samples/back_office/image_editor/assets/random_dot/random-dot.js

docs/content_management/images/extend_image_editor.md@68:``` js
docs/content_management/images/extend_image_editor.md@69:[[= include_file('code_samples/back_office/image_editor/assets/random_dot/random-dot.js', 26, 43) =]]
docs/content_management/images/extend_image_editor.md@70:```

001⫶ const drawDot = () => {
002⫶ const ctx = canvas.current.getContext('2d');
003⫶ const positionX = Math.random() * canvas.current.width;
004⫶ const positionY = Math.random() * canvas.current.height;
005⫶
006⫶ ctx.save();
007⫶
008⫶                        actions:
009⫶ reschedule:
010⫶ icon: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#alert-error'


code_samples/back_office/image_editor/assets/random_dot/random-dot.js

docs/content_management/images/extend_image_editor.md@68:``` js
docs/content_management/images/extend_image_editor.md@69:[[= include_file('code_samples/back_office/image_editor/assets/random_dot/random-dot.js', 26, 43) =]]
docs/content_management/images/extend_image_editor.md@70:```

001⫶ const drawDot = () => {
002⫶ const ctx = canvas.current.getContext('2d');
003⫶ const positionX = Math.random() * canvas.current.width;
004⫶ const positionY = Math.random() * canvas.current.height;
005⫶
006⫶ ctx.save();
007⫶
008⫶        ctx.fillStyle = '#ae1164';
008⫶        ctx.fillStyle = '#4e24a5';
009⫶
010⫶ ctx.beginPath();
011⫶ ctx.arc(positionX, positionY, 20, 0, Math.PI * 2, true);
012⫶ ctx.fill();
013⫶
014⫶ ctx.restore();
015⫶
016⫶ saveInHistory();
017⫶ };

docs/content_management/images/extend_image_editor.md@76:``` js
docs/content_management/images/extend_image_editor.md@77:[[= include_file('code_samples/back_office/image_editor/assets/random_dot/random-dot.js', 17, 26) =]]
docs/content_management/images/extend_image_editor.md@78:```

001⫶ const saveInHistory = () => {
002⫶ const newImage = new Image();
003⫶
004⫶ newImage.onload = () => {
005⫶ dispatchImageHistoryAction({ type: 'ADD_TO_HISTORY', image: newImage, additionalData });
006⫶ };
007⫶
008⫶ newImage.src = canvas.current.toDataURL();
009⫶ };

docs/content_management/images/extend_image_editor.md@82:``` js
docs/content_management/images/extend_image_editor.md@83:[[= include_file('code_samples/back_office/image_editor/assets/random_dot/random-dot.js') =]]
docs/content_management/images/extend_image_editor.md@84:```

001⫶import React, { useContext } from 'react';
002⫶import PropTypes from 'prop-types';
003⫶
004⫶import {
005⫶ CanvasContext,
006⫶ ImageHistoryContext,
007⫶ AdditionalDataContext,
008⫶} from '../../vendor/ibexa/image-editor/src/bundle/ui-dev/src/modules/image-editor/image.editor.modules';
009⫶
010⫶const { ibexa } = window;
011⫶
012⫶const IDENTIFIER = 'dot';
013⫶
014⫶const Dot = () => {
015⫶ const [canvas, setCanvas] = useContext(CanvasContext);
016⫶ const [imageHistory, dispatchImageHistoryAction] = useContext(ImageHistoryContext);
017⫶ const [additionalData, setAdditionalData] = useContext(AdditionalDataContext);
018⫶ const saveInHistory = () => {
019⫶ const newImage = new Image();
020⫶
021⫶ newImage.onload = () => {
022⫶ dispatchImageHistoryAction({ type: 'ADD_TO_HISTORY', image: newImage, additionalData });
023⫶ };
024⫶
025⫶ newImage.src = canvas.current.toDataURL();
026⫶ };
027⫶ const drawDot = () => {
028⫶ const ctx = canvas.current.getContext('2d');
029⫶ const positionX = Math.random() * canvas.current.width;
030⫶ const positionY = Math.random() * canvas.current.height;
031⫶
032⫶ ctx.save();
033⫶
009⫶
010⫶ ctx.beginPath();
011⫶ ctx.arc(positionX, positionY, 20, 0, Math.PI * 2, true);
012⫶ ctx.fill();
013⫶
014⫶ ctx.restore();
015⫶
016⫶ saveInHistory();
017⫶ };

docs/content_management/images/extend_image_editor.md@76:``` js
docs/content_management/images/extend_image_editor.md@77:[[= include_file('code_samples/back_office/image_editor/assets/random_dot/random-dot.js', 17, 26) =]]
docs/content_management/images/extend_image_editor.md@78:```

001⫶ const saveInHistory = () => {
002⫶ const newImage = new Image();
003⫶
004⫶ newImage.onload = () => {
005⫶ dispatchImageHistoryAction({ type: 'ADD_TO_HISTORY', image: newImage, additionalData });
006⫶ };
007⫶
008⫶ newImage.src = canvas.current.toDataURL();
009⫶ };

docs/content_management/images/extend_image_editor.md@82:``` js
docs/content_management/images/extend_image_editor.md@83:[[= include_file('code_samples/back_office/image_editor/assets/random_dot/random-dot.js') =]]
docs/content_management/images/extend_image_editor.md@84:```

001⫶import React, { useContext } from 'react';
002⫶import PropTypes from 'prop-types';
003⫶
004⫶import {
005⫶ CanvasContext,
006⫶ ImageHistoryContext,
007⫶ AdditionalDataContext,
008⫶} from '../../vendor/ibexa/image-editor/src/bundle/ui-dev/src/modules/image-editor/image.editor.modules';
009⫶
010⫶const { ibexa } = window;
011⫶
012⫶const IDENTIFIER = 'dot';
013⫶
014⫶const Dot = () => {
015⫶ const [canvas, setCanvas] = useContext(CanvasContext);
016⫶ const [imageHistory, dispatchImageHistoryAction] = useContext(ImageHistoryContext);
017⫶ const [additionalData, setAdditionalData] = useContext(AdditionalDataContext);
018⫶ const saveInHistory = () => {
019⫶ const newImage = new Image();
020⫶
021⫶ newImage.onload = () => {
022⫶ dispatchImageHistoryAction({ type: 'ADD_TO_HISTORY', image: newImage, additionalData });
023⫶ };
024⫶
025⫶ newImage.src = canvas.current.toDataURL();
026⫶ };
027⫶ const drawDot = () => {
028⫶ const ctx = canvas.current.getContext('2d');
029⫶ const positionX = Math.random() * canvas.current.width;
030⫶ const positionY = Math.random() * canvas.current.height;
031⫶
032⫶ ctx.save();
033⫶
034⫶        ctx.fillStyle = '#ae1164';
034⫶        ctx.fillStyle = '#4e24a5';
035⫶
036⫶ ctx.beginPath();
037⫶ ctx.arc(positionX, positionY, 20, 0, Math.PI * 2, true);
038⫶ ctx.fill();
039⫶
040⫶ ctx.restore();
041⫶
042⫶ saveInHistory();
043⫶ };
044⫶
045⫶ return (
046⫶ <div className="c-image-editor-dot">
047⫶ <button type="button" onClick={drawDot} className="btn btn-secondary">
048⫶ Add dot
049⫶ </button>
050⫶ </div>
051⫶ );
052⫶};
053⫶
054⫶Dot.propTypes = {};
055⫶
056⫶Dot.defaultProps = {};
057⫶
058⫶export default Dot;
059⫶
060⫶ibexa.addConfig(
061⫶ 'imageEditor.actions.dot',
062⫶ {
063⫶ label: 'Dot',
064⫶ component: Dot,
065⫶ icon: ibexa.helpers.icon.getIconPath('form-radio'),
066⫶ identifier: IDENTIFIER,
067⫶ },
068⫶ true,
069⫶);

035⫶
036⫶ ctx.beginPath();
037⫶ ctx.arc(positionX, positionY, 20, 0, Math.PI * 2, true);
038⫶ ctx.fill();
039⫶
040⫶ ctx.restore();
041⫶
042⫶ saveInHistory();
043⫶ };
044⫶
045⫶ return (
046⫶ <div className="c-image-editor-dot">
047⫶ <button type="button" onClick={drawDot} className="btn btn-secondary">
048⫶ Add dot
049⫶ </button>
050⫶ </div>
051⫶ );
052⫶};
053⫶
054⫶Dot.propTypes = {};
055⫶
056⫶Dot.defaultProps = {};
057⫶
058⫶export default Dot;
059⫶
060⫶ibexa.addConfig(
061⫶ 'imageEditor.actions.dot',
062⫶ {
063⫶ label: 'Dot',
064⫶ component: Dot,
065⫶ icon: ibexa.helpers.icon.getIconPath('form-radio'),
066⫶ identifier: IDENTIFIER,
067⫶ },
068⫶ true,
069⫶);

Download colorized diff

@github-actions

Copy link
Copy Markdown

Summary

Status Count
🔍 Total 736645
🔗 Unique 14782
✅ Successful 6191
⏳ Timeouts 0
🔀 Redirected 3
👻 Excluded 730453
❓ Unknown 0
🚫 Errors 1
⛔ Unsupported 0

Errors per input

Errors in site/resources/new_in_doc/index.html

  • [ERROR] file:///home/runner/work/documentation-developer/documentation-developer/repositories/userdoc-4.6/site/content_management/block_reference/index.html#bestsellers-block (at 19441:14) | Cannot find fragment

Redirects per input

Redirects in site/ai/mcp/mcp_guide/index.html

Redirects in site/ai/mcp/mcp_usage/index.html

Full Github Actions output

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant