Initial commit.

This commit is contained in:
Olga Vlasiuk 2022-04-11 16:27:43 +03:00
parent ca1295dfe6
commit f39f2f1c17
17 changed files with 336 additions and 0 deletions

View File

@ -106,6 +106,7 @@
<li id="navitem_integration_plone"><a class="nav_2nd_menu_link" style="border-right: none" href="<%=VirtualPathUtility.ToAbsolute("~/integration/plone.aspx")%>">Plone</a></li> <li id="navitem_integration_plone"><a class="nav_2nd_menu_link" style="border-right: none" href="<%=VirtualPathUtility.ToAbsolute("~/integration/plone.aspx")%>">Plone</a></li>
<li id="navitem_integration_redmine"><a class="nav_2nd_menu_link" style="border-right: none" href="<%=VirtualPathUtility.ToAbsolute("~/integration/redmine.aspx")%>">Redmine</a></li> <li id="navitem_integration_redmine"><a class="nav_2nd_menu_link" style="border-right: none" href="<%=VirtualPathUtility.ToAbsolute("~/integration/redmine.aspx")%>">Redmine</a></li>
<li id="navitem_integration_share"><a class="nav_2nd_menu_link" style="border-right: none" href="<%=VirtualPathUtility.ToAbsolute("~/integration/sharepoint.aspx")%>">SharePoint</a></li> <li id="navitem_integration_share"><a class="nav_2nd_menu_link" style="border-right: none" href="<%=VirtualPathUtility.ToAbsolute("~/integration/sharepoint.aspx")%>">SharePoint</a></li>
<li id="navitem_integration_strapi"><a class="nav_2nd_menu_link" style="border-right: none" href="<%=VirtualPathUtility.ToAbsolute("~/integration/strapi.aspx")%>">Strapi</a></li>
</ul> </ul>
</div> </div>
</li> </li>

View File

@ -0,0 +1,3 @@
<%@ Control Language="C#" %>
<a class="crm-task-title sm_gettingstarted sm_integration sm_instegrating" id="link_176" title="Integrate ONLYOFFICE with Strapi."
href="<%=VirtualPathUtility.ToAbsolute("~/integration/Strapi.aspx")%>">Integrating ONLYOFFICE with Strapi</a>

View File

@ -0,0 +1,239 @@
<%@ Control Language="C#" Inherits="BaseContentUserControls"%>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<script runat="server">
protected override void Init()
{
PageTitle = PageCaption = "Integration. Getting Started. Strapi";
MetaKeyWords = "integration, connector, online editing, strapi, edit, share, store";
MetaDescription = "Integrate ONLYOFFICE with Strapi open-source content manager system.";
var guides = new GuidesModel();
guides.CaptionRelatedTips = "Related Tips & Tricks";
guides.Title = "Import Files from Other Sources";
guides.RelatedTips = "Do you have some documents stored in other web-sources like Zoho, Google Drive or Box? You can easily import them to the Documents module.";
guides.LearnMore = "Learn more...";
(Page as BasePage).Guides = guides;
}
</script>
<div class="MainHelpCenter GettingStarted">
<ul class="TableOfContents">
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#Overview_block")%>">About the ONLYOFFICE and Strapi integration</a>
<ul class="TableOfContentsSub">
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#MainFeatures_block")%>">Main features</a></li>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#SupportedFormats_block")%>">Supported formats</a></li>
<%--<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#Whatsnew_block")%>">What's new</a></li>--%>
</ul></li>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#OnlineEditorsIntegration_block")%>">Connecting ONLYOFFICE Docs to Strapi</a>
<ul class="TableOfContentsSub">
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#Requirements_block")%>">Requirements</a></li>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#Install_block")%>">Installing the ONLYOFFICE integration plugin for Strapi</a></li>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#Configure_block")%>">Configuring the ONLYOFFICE integration plugin for Strapi</a></li>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#JWT_block")%>">Protecting you documents with JWT</a></li>
</ul>
</li>
<li>
<a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#StartUsing_block")%>">Start using ONLYOFFICE Docs within Strapi</a>
<ul class="TableOfContentsSub">
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#Uploading_block")%>">Uploading files to Strapi</a></li>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#ViewEdit_block")%>">Viewing and editing files in Strapi</a></li>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#Access_block")%>">Access rights</a></li>
</ul>
</li>
</ul>
<div class="keyword_block">
<ul>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/collaborative-editing/collaborative-editing.ascx" /></li>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/docker-version/docker-version.ascx" /></li>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/linux-version/linux-version.ascx" /></li>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/local-server/local-server.ascx" /></li>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/document-server/document-server.ascx" /></li>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/open-source-version/open-source-version.ascx" /></li>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/install-onlyoffice/install-onlyoffice.ascx" /></li>
</ul>
</div>
<div class="gs_content" id="Overview_block">
<h2>About the ONLYOFFICE and Strapi integration</h2>
<div class="PortalHelp">
<p>Strapi is an open-source content manager system used for building APIs. ONLYOFFICE offers an official connector to integrate ONLYOFFICE Docs with Strapi and edit office documents in your Strapi media library. You can get the ONLYOFFICE integration plugin from the <a href="https://www.npmjs.com/package/onlyoffice-strapi">npm</a> library<%--, the marketplace--%> or the <a href="https://github.com/ONLYOFFICE/onlyoffice-strapi">GitHub</a> page. The connector is distributed under the Apache-2.0 license.</p>
<div class="gs_content gs_submenu" id="MainFeatures_block">
<h3>Main features</h3>
<p> </p>
<ul>
<li>Editing and viewing text documents, spreadsheets, and presentations.</li>
<li>Co-editing documents in real-time: two co-editing modes (Fast and Strict), the Track Changes mode, comments, and the built-in chat.</li>
<li><b>JWT support</b> to secure your traffic so that no one can have access to your documents with the exception of the users with proper rights.</li>
</ul>
</div>
<div class="gs_content gs_submenu" id="SupportedFormats_block">
<h3>Supported formats</h3>
<p> </p>
<ul>
<li>For viewing and editing: DOCX, XLSX, PPTX, TXT, CSV</li>
<li>For viewing only: PDF</li>
<li>For converting to Office Open XML formats: ODT, ODS, ODP, DOC, XLS, PPT, PPS, EPUB, RTF, HTML, HTM</li>
</ul>
</div>
<%--<div class="gs_content gs_submenu" id="Whatsnew_block">
<h3>What's new in version ...</h3>
<p>...</p>
<ul>
<li>...</li>
</ul>
<p>The full change log is available <a href="https://github.com/ONLYOFFICE/onlyoffice-strapi/blob/main/CHANGELOG.md" target="_blank"><b>here</b></a>.</p>
</div>--%>
</div>
</div>
<div class="gs_content" id="OnlineEditorsIntegration_block">
<h2>Connecting ONLYOFFICE Docs to Strapi</h2>
<div class="gs_content gs_submenu" id="Requirements_block">
<h3>Requirements</h3>
<p> </p>
<ul>
<li>ONLYOFFICE Docs (Document Server) v4.2.7 or higher
<p>You need an instance of ONLYOFFICE Docs that is resolvable and connectable both from Strapi and any end clients. It must be able to POST to Strapi directly.</p>
<div class="notehelp">
Please refer to the official <a href="https://helpcenter.onlyoffice.com/installation/docs-index.aspx" target="_blank"><b>documentation page</b></a> to learn more about installing ONLYOFFICE Docs.
</div>
</li>
<li>Strapi v... or later</li>
<li>ONLYOFFICE connector v1.0.3 for Strapi</li>
</ul>
</div>
<div class="gs_content gs_submenu" id="Install_block">
<h3>Installing the ONLYOFFICE integration plugin for Strapi</h3>
<ol>
<li>To allow inserting a frame with the editor and loading api.js, replace the <code>strapi::security line</code> in the <code>strapi/config/middlewares.js</code> file with the following config:
<pre><code>
{
name: "strapi::security",
config: {
contentSecurityPolicy: {
useDefaults: true,
directives: {
"script-src": ["'self'", "https:", "http:"],
"frame-src": ["'self'", "https:", "http:"],
},
},
}
},
</code></pre>
<p>If such a config already exists, you just need to add <code>directives</code>.</p>
</li>
<li>Install the plugin in your Strapi project:
<pre><code>npm install onlyoffice-stapi --save</code></pre>
</li>
<li>Rebuild and restart Strapi to include ONLYOFFICE plugin into admin UI. Run:
<pre><code>
# using yarn
yarn build
yarn develop
# using npm
npm run build
npm run develop
</code></pre>
<p>Now the ONLYOFFICE integration plugin for Strapi is installed and ready to be configured. The plugin can be accessed via the left panel in the <b>Plugins</b> section under the name ONLYOFFICE.</p>
<div class="screen_block">
<img alt="ONLYOFFICE installed" target="ONLYOFFICE_installed" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/GettingStarted/Integration/Strapi/small/oo_installed.png")%>" />
<img alt="ONLYOFFICE installed" id="ONLYOFFICE_installed" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/GettingStarted/Integration/Strapi/big/oo_installed.png")%>" />
<div target="ONLYOFFICE_installed" class="screenphoto magnifier"></div>
</div>
</li>
</ol>
</div>
<div class="gs_content gs_submenu" id="Configure_block">
<h3>Configuring the ONLYOFFICE integration plugin for Strapi</h3>
<p>To configure the ONLYOFFICE integration plugin in Strapi:</p>
<ol>
<li>Open the <b>Settings</b> section via the left panel.</li>
<li>In the <b>Global settings</b> section, click the <b>ONLYOFFICE</b> menu item.</li>
<li>On the <b>ONLYOFFICE</b> settings page, enter the <b>Document server address</b>, i.e. the URL of the installed ONLYOFFICE Docs.</li>
</ol>
<div class="gs_content gs_submenu" id="JWT_block">
<h3>Protecting you documents with JWT</h3>
<p>JWT or JSON Web Token is a string sent from client to server within the HTTP request to validate the authenticity of the client. JWT is saved on the client-side only so the transmission between parties is protected and digitally signed.</p>
<p>The token is generated using the JWT (<a href="https://jwt.io/">JSON Web Tokens</a>) standard. The tokens are signed by the server's key, so the client is able to verify that the token is legitimate.</p>
<p>ONLYOFFICE Docs validates the token. The data from the payload is considered valid and is used instead of the corresponding data from the main parameters. If the token is invalid, the command is not executed. To learn more, please read the <a href="https://api.onlyoffice.com/editors/security">API Security</a> guide.</p>
<p>To protect your documents with JWT,</p>
<ol>
<li>Open the <b>Settings</b> section via the left panel.</li>
<li>In the <b>Global settings</b> section, click the <b>ONLYOFFICE</b> menu item.</li>
<li>On the <b>ONLYOFFICE</b> settings page, enter the secret key in the <b>Document server JWT secret key</b> field. Further information can be found <a href="https://api.onlyoffice.com/editors/signature/">here</a>.
<div class="screen_block">
<img alt="ONLYOFFICE plugin" target="ONLYOFFICE_plugin" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/GettingStarted/Integration/Strapi/small/oo_plugin.png")%>" />
<img alt="ONLYOFFICE plugin" id="ONLYOFFICE_plugin" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/GettingStarted/Integration/Strapi/big/oo_plugin.png")%>" />
<div target="ONLYOFFICE_plugin" class="screenphoto magnifier"></div>
</div>
<p>Now that the ONLYOFFICE integration plugin is configured, you can start using it.</p>
</li>
</ol>
</div>
</div>
</div>
<div class="gs_content" id="StartUsing_block">
<h2>Start using ONLYOFFICE Docs within Strapi</h2>
<div class="PortalHelp">
<p>To let users edit the office documents from Strapi in the ONLYOFFICE Docs editors and save the changes back to Strapi, upload the files and set corresponding access rights.</p>
<div class="gs_content gs_submenu" id="Uploading_block">
<h3>Uploading files to Strapi</h3>
<ol>
<li>In the <b>Plugins</b> section in the left panel, open the <b>Media Library</b> page.</li>
<li>Click the <b>Add new assets</b> button in the top right corner.
<div class="screen_block">
<img alt="Media Library" target="Media_Library" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/GettingStarted/Integration/Strapi/small/library.png")%>" />
<img alt="Media Library" id="Media_Library" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/GettingStarted/Integration/Strapi/big/library.png")%>" />
<div target="Media_Library" class="screenphoto magnifier"></div>
</div>
</li>
<li>The Add new assets window opens. Choose whether you want to upload a file <b>from your computer</b> or <b>from URL</b> clicking the corresponding tab in the top panel.
<div class="screen_block">
<img alt="Add new assets" target="Add_assets" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/GettingStarted/Integration/Strapi/small/add_assets.png")%>" />
<img alt="Add new assets" id="Add_assets" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/GettingStarted/Integration/Strapi/big/add_assets.png")%>" />
<div target="Add_assets" class="screenphoto magnifier"></div>
</div>
</li>
</ol>
</div>
<div class="gs_content gs_submenu" id="ViewEdit_block">
<h3>Viewing and editing files in Strapi</h3>
<p>To view, edit, and co-author documents added to the Strapi Media Library,</p>
<ol>
<li>In the <b>Plugins</b> section in the left panel, open the <b>ONLYOFFICE</b> file page within Strapi.</li>
<li>To open the file in the ONLYOFFICE editor, click the file name or click the <b>Edit in ONLYOFFICE</b> button to the right.
<div class="screen_block">
<img alt="View and edit in ONLYOFFICE" target="ViewEdit_OO" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/GettingStarted/Integration/Strapi/small/view_edit.png")%>" />
<img alt="View and edit in ONLYOFFICE" id="ViewEdit_OO" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/GettingStarted/Integration/Strapi/big/view_edit.png")%>" />
<div target="ViewEdit_OO" class="screenphoto magnifier"></div>
</div>
</li>
</ol>
</div>
<div class="gs_content gs_submenu" id="Access_block">
<h3>Access rights</h3>
<p>To manage access rights to files added to the Strapi Media Library:</p>
<ol>
<li>Go to the <b>Settings</b> tab located in the <b>General</b> section on the left panel.</li>
<li>In the <b>Administration panel</b> section, go to the <b>Roles</b> tab.</li>
<li>Edit the role by clicking the <b>Edit</b> icon to the right of the role name.</li>
</ol>
<p>To allow users to <b>edit</b> files, set the <em>Update + Delete</em> access rights for the required user role.</p>
<p>To allow users to <b>view</b> files only, set the <em>Access the Media Library</em> access right for the required user role.</p>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,52 @@
<%@ Control Language="C#" Inherits="BaseContentUserControls" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<script runat="server">
protected override void Init()
{
PageTitle = PageCaption = "Integration Guides - Strapi";
MetaKeyWords = "";
MetaDescription = "ONLYOFFICE Integration Guides - Strapi.";
}
</script>
<div id="toggleMenuEditors" class="MainHelpCenter PageGuides integration_guides">
<h1>Integration Guides</h1>
<ul class="block-editor">
<li>
<h2 class="doceditor">Strapi</h2>
<div class="described">
<p>Strapi is an open-source content manager system used for building APIs. You can get the ONLYOFFICE integration plugin from the <a href="https://www.npmjs.com/package/onlyoffice-strapi">npm</a> library or the <a href="https://github.com/ONLYOFFICE/onlyoffice-strapi">GitHub</a> page. The connector is distributed under the Apache-2.0 license.</p>
</div>
<ul>
<li>
<h6>About the ONLYOFFICE and Strapi integration</h6>
<ul>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#MainFeatures_block")%>">Main features</a></li>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#SupportedFormats_block")%>">Supported formats</a></li>
</ul>
</li>
<li>
<h6>Connecting ONLYOFFICE Docs to Strapi</h6>
<ul>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#Requirements_block")%>">Requirements</a></li>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#Install_block")%>">Installing the ONLYOFFICE integration plugin for Strapi</a></li>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#Configure_block")%>">Configuring the ONLYOFFICE integration plugin for Strapi</a></li>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#JWT_block")%>">Protecting you documents with JWT</a></li>
</ul>
</li>
<li>
<h6>Getting Started</h6>
<ul>
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/integration/gettingstarted-strapi.aspx#StartUsing_block")%>">Start using ONLYOFFICE Docs within Strapi</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>

View File

@ -14,4 +14,5 @@
<li><a class="leftmenu_integration_plone" href="<%=VirtualPathUtility.ToAbsolute("~/integration/plone.aspx")%>">Plone</a></li> <li><a class="leftmenu_integration_plone" href="<%=VirtualPathUtility.ToAbsolute("~/integration/plone.aspx")%>">Plone</a></li>
<li><a class="leftmenu_integration_redmine" href="<%=VirtualPathUtility.ToAbsolute("~/integration/redmine.aspx")%>">Redmine</a></li> <li><a class="leftmenu_integration_redmine" href="<%=VirtualPathUtility.ToAbsolute("~/integration/redmine.aspx")%>">Redmine</a></li>
<li><a class="leftmenu_integration_sharepoint" href="<%=VirtualPathUtility.ToAbsolute("~/integration/sharepoint.aspx")%>">SharePoint</a></li> <li><a class="leftmenu_integration_sharepoint" href="<%=VirtualPathUtility.ToAbsolute("~/integration/sharepoint.aspx")%>">SharePoint</a></li>
<li><a class="leftmenu_integration_strapi" href="<%=VirtualPathUtility.ToAbsolute("~/integration/strapi.aspx")%>">Strapi</a></li>
</ul> </ul>

View File

@ -0,0 +1,21 @@
<%@ Page Title="" Language="C#" MasterPageFile="~/Masters/Integration/IntegrationArticles.master" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="pagebodyidpage" runat="Server">
<% ((BasePage)Page).EditionVersion = "Integration Guides Strapi"; %>
<% ((BasePage)Page).CommandName = "strapi"; %>
<body class="integration_strapi">
</asp:Content>
<asp:Content ID="content3" ContentPlaceHolderID="breadstop" runat="server">
<cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/VariousControls/TopControls/IntegrationTop/IntegrationTop.ascx" />
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="content" runat="Server">
<cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/GettingStarted/Integration/Strapi/StrapiGettingStarted.ascx" />
</asp:Content>
<asp:Content ID="content5" ContentPlaceHolderID="leftmenupage" runat="server">
<div class="integration_strapi">
<div id="SeeAlsoBlockLinks">
<div class="caption gs one">
<cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/ArticlesCompleteList/GettingStarted/Integration/166_owncloud/166_owncloud.ascx" />
</div>
</div>
</asp:Content>

View File

@ -0,0 +1,19 @@
<%@ Page Title="" Language="C#" MasterPageFile="~/Masters/Integration/IntegrationArticles.master" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="pagebodyidpage" runat="Server">
<body class="integration_strapi">
</asp:Content>
<asp:Content ID="content3" ContentPlaceHolderID="breadstop" runat="server">
<cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/VariousControls/TopControls/IntegrationTop/IntegrationTop.ascx" />
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="content" runat="Server">
<cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Integration/Strapi.ascx" />
</asp:Content>
<asp:Content ID="content5" ContentPlaceHolderID="leftmenupage" runat="server">
<div class="integration_strapi">
<div id="SeeAlsoBlockLinks">
<div class="caption gs one">
<cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/ArticlesCompleteList/GettingStarted/Integration/166_owncloud/166_owncloud.ascx" />
</div>
</div>
</asp:Content>

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB