Добавления новых цветов для раскраски ячеек в таблицах Atlassian Confluence


Нас очень расстраивало, что в Конфле всего пять цветов для раскраски ячеек таблиц. Просьба об этом направлена в Атлассиан в 2012 году —  и лишь в ноябре они выпустили анонс, что выкатят в ближайшие полгода фичу с новыми цветами.

Мы решили не ждать полгода, потому что там три строчки поменять.

Итак:

  • Скачай файлы atlassian-editor-6.0.5.jar и confluence-editor-6.0.5.jar из /opt/atlassian/confluence/confluence/WEB-INF/atlassian-bundled-plugins  (имя файла будет отличаться в зависимости от вашей версии конфлы, размещение папки будет зависеть от того, куда вы её установили)
  • Открываешь архиватором файл atlassian-editor-6.0.5.jar и достаёшь файл atlassian-editor-6.0.5\css\editor-toolbar-split-buttons.less
  • В него нужно добавить:
#table-highlight-group.highlight-orange .highlight-indicator,#table-highlight-group .table-highlight-picker a.highlight-orange{background-color:#ffd3b6}
#table-highlight-group.highlight-violet .highlight-indicator,#table-highlight-group .table-highlight-picker a.highlight-violet{background-color:#deddfa}
#table-highlight-group.highlight-brown .highlight-indicator,#table-highlight-group .table-highlight-picker a.highlight-brown{background-color:#bd8e68}
#table-highlight-group.highlight-pink .highlight-indicator,#table-highlight-group .table-highlight-picker a.highlight-pink{background-color:#997a8d}
#table-highlight-group.highlight-hotred .highlight-indicator,#table-highlight-group .table-highlight-picker a.highlight-hotred{background-color:#f96161}
#table-highlight-group.highlight-hotgreen .highlight-indicator,#table-highlight-group .table-highlight-picker a.highlight-hotgreen{background-color:#61f961}
  • Достаём файл confluence-editor-6.0.5\tinymce3\plugins\customtoolbar\table-toolbar.js и в нём меняем
    var colourClasses = ["grey", "red", "green", "blue", "yellow", ""];
    var removeColour = [false, false, false, false, false, true];

    на
    var colourClasses = ["grey", "red", "green", "blue", "yellow", "orange","violet", "brown","pink","hotred", "hotgreen", ""];
    var removeColour = [false, false, false, false, false,false, false,false,false, false,false, true];

    Достаём файл confluence-editor-6.0.5\tinymce3\plugins\customtoolbar\table-toolbar-min.js
    C=[false,false,false,false,false,true];c.each(["grey","red","green","blue","yellow",""]
    заменяем на
    C=[false, false, false, false, false,false, false,false,false, false,false, true];c.each(["grey", "red", "green", "blue", "yellow", "orange","violet", "brown","pink","hotred", "hotgreen", ""]

Теперь эти извлечённые файлы обратно кладём в jar-архивы с помощью архиватора.

Удаляй кэш-папку /var/atlassian/application-data/confluence/plugins-osgi-cache

Закачивай изменённые jar-файлы обратно на сервер.
Запускай Confluence
Затем в General Configuration в админке, выбираем раздел Stylesheet и добавляем в него
table.confluenceTable th.confluenceTh.highlight-orange,
table.confluenceTable th.confluenceTh.highlight-orange>p,
table.confluenceTable td.confluenceTd.highlight-orange,
table.confluenceTable td.confluenceTd.highlight-orange>p {
background-color:#ffd3b6
}
table.confluenceTable th.confluenceTh.highlight-violet,
table.confluenceTable th.confluenceTh.highlight-violet>p,
table.confluenceTable td.confluenceTd.highlight-violet,
table.confluenceTable td.confluenceTd.highlight-violet>p {
background-color:#deddfa
}
table.confluenceTable th.confluenceTh.highlight-brown,
table.confluenceTable th.confluenceTh.highlight-brown>p,
table.confluenceTable td.confluenceTd.highlight-brown,
table.confluenceTable td.confluenceTd.highlight-brown>p {
background-color:#bd8e68
}
table.confluenceTable th.confluenceTh.highlight-pink,
table.confluenceTable th.confluenceTh.highlight-pink>p,
table.confluenceTable td.confluenceTd.highlight-pink,
table.confluenceTable td.confluenceTd.highlight-pink>p {
background-color:#997a8d
}
table.confluenceTable th.confluenceTh.highlight-hotred,
table.confluenceTable th.confluenceTh.highlight-hotred>p,
table.confluenceTable td.confluenceTd.highlight-hotred,
table.confluenceTable td.confluenceTd.highlight-hotred>p {
background-color:#f96161
}
table.confluenceTable th.confluenceTh.highlight-hotgreen,
table.confluenceTable th.confluenceTh.highlight-hotgreen>p,
table.confluenceTable td.confluenceTd.highlight-hotgreen,
table.confluenceTable td.confluenceTd.highlight-hotgreen>p {
background-color:#61f961
}

Всё, проверяем, на всякий случай можно сбросить кэш браузера.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *