Мы рады объявить о значительных обновлениях Box Elements. Многие из вас уже открыли для себя преимущества Box Elements как инструментов пользовательского интерфейса для простого включения некоторых из самых популярных компонентов Box в ваши собственные приложения и сайты.

Чтобы расширить эту функциональность, мы выпускаем совершенно новый элемент боковой панели и делаем предыдущий бета-элемент, Open With, общедоступным для всех с сегодняшнего дня.

Новый элемент боковой панели

Наш первый выпуск, элемент боковой панели, дает вам возможность интегрировать боковую панель метаданных файлов из Box в ваши приложения. На боковой панели вы сможете увидеть информацию о версии, комментарии, задачи и многое другое.

Чтобы сделать все как можно более плавным, боковая панель очень похожа на все остальные элементы. После включения связанных файлов CSS и JS это так же просто, как создать новый объект боковой панели, добавить любую информацию о конфигурации и отобразить ее для связанного файла.

Полный HTML/CSS/JS может выглядеть примерно так:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Box Content Sidebar</title>
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Intl"></script>
    <link rel="stylesheet" href="https://cdn01.boxcdn.net/platform/elements/5.0.0/en-US/sidebar.css">
</head>
<body>
    <div class="container" style="height:600px;"></div>
    <script src="https://cdn01.boxcdn.net/platform/elements/5.0.0/en-US/sidebar.js"></script>
    <script type="text/javascript">
        var fileId = '24053226791';        
        var accessToken = '5tX3jefL21kc2Z1yPM3ESpD2RO';
        
        var contentSidebar = new Box.ContentSidebar();
        contentSidebar.show(fileId, accessToken, {
            container: '.container',
            detailsSidebarProps: {
                hasNotices: true,
                hasProperties: true,
                hasAccessStats: true,
                hasVersions: true
            },
            hasActivityFeed: true,
            hasSkills: true,
            hasMetadata: true
        });
    </script>
</body>
</html>

Подробнее об этом читайте в Документации по элементам боковой панели.

Общая доступность Open With Element

Еще в сентябре мы объявили о выпуске бета-версии элемента Открыть с помощью, позволяющего разработчикам заблаговременно изучить столь востребованную функцию пользовательского интерфейса — возможность загружать содержимое любого файла Box на вашем сайте с помощью простой кнопки.

С сегодняшнего дня мы сделали этот элемент общедоступным для всех, что позволяет вам открывать файлы Box с помощью Adobe Sign, Google Suite и Box Edit непосредственно в ваших собственных приложениях и на сайтах.

Если вы еще не видели его, ознакомьтесь с документацией Открыть с помощью элемента.

Удачного кодирования!