Skip to content

Commit

Permalink
Merge pull request #782 from hlxsites/780-converter-for-workflow-caro…
Browse files Browse the repository at this point in the history 
…usels

780 Converter for workflow carousel
  • Loading branch information
@rgravitvl
rgravitvl authored Feb 12, 2024
2 parents 78c6c5d + b40ec00 commit 0293f89
Show file tree
Hide file tree
Showing 7 changed files with 438 additions and 0 deletions.
151 changes: 151 additions & 0 deletions tools/actions/convert/test/fixtures/workflow-carousel-converted.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
<html>
<body>
<header></header>
<main>
<div>
<p><strong>End to end workflow solutions</strong></p>
<p>Leverage an extensive portfolio and accelerate Cell Line Development.</p>
<div class="workflow-carousel">
<div>
<div><a href="/us/en/solutions/mabs/cell-line-development/process-steps.html">View All Steps</a></div>
</div>
<div>
<div>01</div>
<div>
<p>
<img src="https://author-dummy.adobeaemcloud.com/content/dam/danaher/solutions/cell-line-development/vector-construction.jpg" alt="Danaher Corporation">
</p>
<p>Vector Construction</p>
<p><a href="/us/en/solutions/mabs/cell-line-development/process-steps/vector-construction.html">Explore</a></p>
</div>
</div>
<div>
<div>02</div>
<div>
<p>
<img src="https://author-dummy.adobeaemcloud.com/content/dam/danaher/solutions/cell-line-development/sequence-verification.jpg" alt="Danaher Corporation">
</p>
<p>Sequence Verification</p>
<p><a href="/us/en/solutions/mabs/cell-line-development/process-steps/sequence-verification.html">Explore</a></p>
</div>
</div>
<div>
<div>03</div>
<div>
<p>
<img src="https://author-dummy.adobeaemcloud.com/content/dam/danaher/solutions/cell-line-development/stable-transfection.jpg" alt="Danaher Corporation">
</p>
<p>Stable Transfection &#x26; Selection</p>
<p><a href="/us/en/solutions/mabs/cell-line-development/process-steps/stable-transfection.html">Explore</a></p>
</div>
</div>
<div>
<div>04</div>
<div>
<p>
<img src="https://author-dummy.adobeaemcloud.com/content/dam/danaher/solutions/cell-line-development/pool-screening.jpg" alt="Danaher Corporation">
</p>
<p>Pool Screening</p>
<p><a href="/us/en/solutions/mabs/cell-line-development/process-steps/pool-screening.html">Explore</a></p>
</div>
</div>
<div>
<div>05</div>
<div>
<p>
<img src="https://author-dummy.adobeaemcloud.com/content/dam/danaher/solutions/cell-line-development/monoclonal-verification.jpg" alt="Danaher Corporation">
</p>
<p>Monoclonality Verification</p>
<p><a href="/us/en/solutions/mabs/cell-line-development/process-steps/monoclonality-verification.html">Explore</a></p>
</div>
</div>
<div>
<div>06</div>
<div>
<p>
<img src="https://author-dummy.adobeaemcloud.com/content/dam/danaher/solutions/cell-line-development/selection-stability-expansion.jpg" alt="Danaher Corporation">
</p>
<p>Selection Based on Stability/Expansion</p>
<p><a href="/us/en/solutions/mabs/cell-line-development/process-steps/selection-based-on-stability-expansion.html">Explore</a></p>
</div>
</div>
<div>
<div>07</div>
<div>
<p>
<img src="https://author-dummy.adobeaemcloud.com/content/dam/danaher/solutions/cell-line-development/sequence-verification.jpg" alt="Danaher Corporation">
</p>
<p>Sequence Verification</p>
<p><a href="/us/en/solutions/mabs/cell-line-development/process-steps/sequence-verification.html">Explore</a></p>
</div>
</div>
<div>
<div>08</div>
<div>
<p>
<img src="https://author-dummy.adobeaemcloud.com/content/dam/danaher/solutions/cell-line-development/antibody-characterization.jpg" alt="Danaher Corporation">
</p>
<p>Antibody Characterization</p>
<p><a href="/us/en/solutions/mabs/cell-line-development/process-steps/antibody-characterization.html">Explore</a></p>
</div>
</div>
<div>
<div>09</div>
<div>
<p>
<img src="https://author-dummy.adobeaemcloud.com/content/dam/danaher/solutions/cell-line-development/scale-up-growth-cell-growth-and-selection.jpg" alt="Danaher Corporation">
</p>
<p>Scale up – Cell Growth/Expansion</p>
<p><a href="/us/en/solutions/mabs/cell-line-development/process-steps/scale-up-cell-growth-expansion.html">Explore</a></p>
</div>
</div>
<div>
<div>10</div>
<div>
<p>
<img src="https://author-dummy.adobeaemcloud.com/content/dam/danaher/solutions/cell-line-development/sequence-verification.jpg" alt="Danaher Corporation">
</p>
<p>Sequence Verification</p>
<p><a href="/us/en/solutions/mabs/cell-line-development/process-steps/sequence-verification.html">Explore</a></p>
</div>
</div>
<div>
<div>11</div>
<div>
<p>
<img src="https://author-dummy.adobeaemcloud.com/content/dam/danaher/solutions/cell-line-development/antibody-characterization.jpg" alt="Danaher Corporation">
</p>
<p>Antibody Characterization</p>
<p><a href="/us/en/solutions/mabs/cell-line-development/process-steps/antibody-characterization.html">Explore</a></p>
</div>
</div>
<div>
<div>12</div>
<div>
<p>
<img src="https://author-dummy.adobeaemcloud.com/content/dam/danaher/solutions/cell-line-development/gmp-master-cell-bank.jpg" alt="Danaher Corporation">
</p>
<p>GMP Master Cell Bank</p>
<p><a href="/us/en/solutions/mabs/cell-line-development/process-steps/gmp-master-cell-bank.html">Explore</a></p>
</div>
</div>
</div>
<div class="metadata">
<div>
<div>Title</div>
<div>Workflow Carousels</div>
</div>
<div>
<div>creationDate</div>
<div></div>
</div>
<div>
<div>updateDate</div>
<div></div>
</div>
</div>
</div>
</main>
<footer></footer>
</body>
</html>
95 changes: 95 additions & 0 deletions tools/actions/convert/test/fixtures/workflow-carousel.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>





<link rel="stylesheet" href="/etc.clientlibs/foundation/clientlibs/main.lc-b4994788cf1eaeed300a0aa7af53f3c8-lc.min.css" type="text/css">
<script src="/etc.clientlibs/clientlibs/granite/jquery.lc-f9e8e8c279baf6a1a278042afe4f395a-lc.min.js"></script>
<script src="/etc.clientlibs/clientlibs/granite/utils.lc-899004cc02c33efc1f6694b1aee587fd-lc.min.js"></script>
<script src="/etc.clientlibs/clientlibs/granite/jquery/granite.lc-011c0fc0d0cf131bdff879743a353002-lc.min.js"></script>
<script src="/etc.clientlibs/foundation/clientlibs/jquery.lc-dd9b395c741ce2784096e26619e14910-lc.min.js"></script>
<script src="/etc.clientlibs/foundation/clientlibs/shared.lc-e9d9a3990d7779c2e8e3361187f3d36b-lc.min.js"></script>
<script src="/etc.clientlibs/foundation/clientlibs/main.lc-690ba627a9a2eeef0733ede272cf726b-lc.min.js"></script>





















<link rel="stylesheet" href="/etc.clientlibs/danaher/clientlibs/clientlib-dependencies.lc-d41d8cd98f00b204e9800998ecf8427e-lc.min.css" type="text/css">
<link rel="stylesheet" href="/etc.clientlibs/danaher/clientlibs/clientlib-site.lc-13e92da87938bcf480186f8d37f810ff-lc.min.css" type="text/css">






<title>Workflow Carousels</title>
</head>
<body class="xf-web-container">




<div id="danaher" class="container">
<div class="root responsivegrid">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">

<div class="text aem-GridColumn aem-GridColumn--default--12"><div data-cmp-data-layer="{&#34;text-6b725e1b32&#34;:{&#34;@type&#34;:&#34;danaher/components/content/marketing/text&#34;,&#34;repo:modifyDate&#34;:&#34;2023-08-08T14:17:26Z&#34;,&#34;xdm:text&#34;:&#34;&lt;p>&lt;b>End to end workflow solutions&lt;/b>&lt;/p>\r\n&lt;p>Leverage&amp;nbsp;an extensive portfolio and accelerate Cell Line Development.&lt;/p>\r\n&lt;p>&amp;nbsp;&lt;/p>\r\n&#34;}}" id="text-6b725e1b32" class="cmp-text href-text">

<p><b>End to end workflow solutions</b></p>
<p>Leverage an extensive portfolio and accelerate Cell Line Development.</p>
<p> </p>

</div>



</div>
<div class="workflow-carousel aem-GridColumn aem-GridColumn--default--12">

<workflow-carousel slidedata="[{&#34;title&#34;:&#34;&lt;p>Vector Construction&lt;/p>\r\n&#34;,&#34;description&#34;:&#34;description&#34;,&#34;image&#34;:&#34;/content/dam/danaher/solutions/cell-line-development/vector-construction.jpg&#34;,&#34;imgAlt&#34;:&#34;Image Alt&#34;,&#34;category&#34;:&#34;01&#34;,&#34;link&#34;:&#34;https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps/vector-construction.html&#34;,&#34;readTime&#34;:&#34;0 mins&#34;,&#34;date&#34;:&#34;date&#34;},{&#34;title&#34;:&#34;&lt;p>Sequence Verification&lt;/p>\r\n&#34;,&#34;description&#34;:&#34;description&#34;,&#34;image&#34;:&#34;/content/dam/danaher/solutions/cell-line-development/sequence-verification.jpg&#34;,&#34;imgAlt&#34;:&#34;Image Alt&#34;,&#34;category&#34;:&#34;02&#34;,&#34;link&#34;:&#34;https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps/sequence-verification.html&#34;,&#34;readTime&#34;:&#34;0 mins&#34;,&#34;date&#34;:&#34;date&#34;},{&#34;title&#34;:&#34;&lt;p>Stable Transfection &amp;amp; Selection&lt;/p>\r\n&#34;,&#34;description&#34;:&#34;description&#34;,&#34;image&#34;:&#34;/content/dam/danaher/solutions/cell-line-development/stable-transfection.jpg&#34;,&#34;imgAlt&#34;:&#34;Image Alt&#34;,&#34;category&#34;:&#34;03&#34;,&#34;link&#34;:&#34;https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps/stable-transfection.html&#34;,&#34;readTime&#34;:&#34;0 mins&#34;,&#34;date&#34;:&#34;date&#34;},{&#34;title&#34;:&#34;&lt;p>Pool Screening&lt;/p>\r\n&#34;,&#34;description&#34;:&#34;description&#34;,&#34;image&#34;:&#34;/content/dam/danaher/solutions/cell-line-development/pool-screening.jpg&#34;,&#34;imgAlt&#34;:&#34;Image Alt&#34;,&#34;category&#34;:&#34;04&#34;,&#34;link&#34;:&#34;https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps/pool-screening.html&#34;,&#34;readTime&#34;:&#34;0 mins&#34;,&#34;date&#34;:&#34;date&#34;},{&#34;title&#34;:&#34;&lt;p>Monoclonality Verification&lt;/p>\r\n&#34;,&#34;description&#34;:&#34;description&#34;,&#34;image&#34;:&#34;/content/dam/danaher/solutions/cell-line-development/monoclonal-verification.jpg&#34;,&#34;imgAlt&#34;:&#34;Image Alt&#34;,&#34;category&#34;:&#34;05&#34;,&#34;link&#34;:&#34;https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps/monoclonality-verification.html&#34;,&#34;readTime&#34;:&#34;0 mins&#34;,&#34;date&#34;:&#34;date&#34;},{&#34;title&#34;:&#34;&lt;p>Selection Based on Stability/Expansion&lt;/p>\r\n&#34;,&#34;description&#34;:&#34;description&#34;,&#34;image&#34;:&#34;/content/dam/danaher/solutions/cell-line-development/selection-stability-expansion.jpg&#34;,&#34;imgAlt&#34;:&#34;Image Alt&#34;,&#34;category&#34;:&#34;06&#34;,&#34;link&#34;:&#34;https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps/selection-based-on-stability-expansion.html&#34;,&#34;readTime&#34;:&#34;0 mins&#34;,&#34;date&#34;:&#34;date&#34;},{&#34;title&#34;:&#34;&lt;p>Sequence Verification&lt;/p>\r\n&#34;,&#34;description&#34;:&#34;description&#34;,&#34;image&#34;:&#34;/content/dam/danaher/solutions/cell-line-development/sequence-verification.jpg&#34;,&#34;imgAlt&#34;:&#34;Image Alt&#34;,&#34;category&#34;:&#34;07&#34;,&#34;link&#34;:&#34;https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps/sequence-verification.html&#34;,&#34;readTime&#34;:&#34;0 mins&#34;,&#34;date&#34;:&#34;date&#34;},{&#34;title&#34;:&#34;&lt;p>Antibody Characterization&lt;/p>\r\n&#34;,&#34;description&#34;:&#34;description&#34;,&#34;image&#34;:&#34;/content/dam/danaher/solutions/cell-line-development/antibody-characterization.jpg&#34;,&#34;imgAlt&#34;:&#34;Image Alt&#34;,&#34;category&#34;:&#34;08&#34;,&#34;link&#34;:&#34;https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps/antibody-characterization.html&#34;,&#34;readTime&#34;:&#34;0 mins&#34;,&#34;date&#34;:&#34;date&#34;},{&#34;title&#34;:&#34;&lt;p>Scale up – Cell Growth/Expansion&lt;/p>\r\n&#34;,&#34;description&#34;:&#34;description&#34;,&#34;image&#34;:&#34;/content/dam/danaher/solutions/cell-line-development/scale-up-growth-cell-growth-and-selection.jpg&#34;,&#34;imgAlt&#34;:&#34;Image Alt&#34;,&#34;category&#34;:&#34;09&#34;,&#34;link&#34;:&#34;https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps/scale-up-cell-growth-expansion.html&#34;,&#34;readTime&#34;:&#34;0 mins&#34;,&#34;date&#34;:&#34;date&#34;},{&#34;title&#34;:&#34;&lt;p>Sequence Verification&lt;/p>\r\n&#34;,&#34;description&#34;:&#34;description&#34;,&#34;image&#34;:&#34;/content/dam/danaher/solutions/cell-line-development/sequence-verification.jpg&#34;,&#34;imgAlt&#34;:&#34;Image Alt&#34;,&#34;category&#34;:&#34;10&#34;,&#34;link&#34;:&#34;https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps/sequence-verification.html&#34;,&#34;readTime&#34;:&#34;0 mins&#34;,&#34;date&#34;:&#34;date&#34;},{&#34;title&#34;:&#34;&lt;p>Antibody Characterization&lt;/p>\r\n&#34;,&#34;description&#34;:&#34;description&#34;,&#34;image&#34;:&#34;/content/dam/danaher/solutions/cell-line-development/antibody-characterization.jpg&#34;,&#34;imgAlt&#34;:&#34;Image Alt&#34;,&#34;category&#34;:&#34;11&#34;,&#34;link&#34;:&#34;https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps/antibody-characterization.html&#34;,&#34;readTime&#34;:&#34;0 mins&#34;,&#34;date&#34;:&#34;date&#34;},{&#34;title&#34;:&#34;&lt;p>GMP Master Cell Bank&lt;/p>\r\n&#34;,&#34;description&#34;:&#34;description&#34;,&#34;image&#34;:&#34;/content/dam/danaher/solutions/cell-line-development/gmp-master-cell-bank.jpg&#34;,&#34;imgAlt&#34;:&#34;Image Alt&#34;,&#34;category&#34;:&#34;12&#34;,&#34;link&#34;:&#34;https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps/gmp-master-cell-bank.html&#34;,&#34;readTime&#34;:&#34;0 mins&#34;,&#34;date&#34;:&#34;date&#34;}]" link="https://stage.lifesciences.danaher.com/content/danaher/ls/us/en/solutions/mabs/cell-line-development/process-steps.html" text="View All Steps"></workflow-carousel>
</div>


</div>
</div>

</div>








<script src="/etc.clientlibs/danaher/clientlibs/clientlib-dependencies.lc-d41d8cd98f00b204e9800998ecf8427e-lc.min.js"></script>
<script src="/etc.clientlibs/danaher/clientlibs/clientlib-site.lc-643810c5045d3b694e63a28c7a5b4592-lc.min.js"></script>


</body>
</html>
29 changes: 29 additions & 0 deletions tools/actions/convert/test/fixtures/workflow-tab-script-converted.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<html>
<body>
<header></header>
<main>
<div>
<div class="embed">
<div>
<div><a href="https://view.genial.ly/64edfe095509b700119a3187">CLD-Solution</a></div>
</div>
</div>
<div class="metadata">
<div>
<div>Title</div>
<div>Process By Solution</div>
</div>
<div>
<div>creationDate</div>
<div></div>
</div>
<div>
<div>updateDate</div>
<div></div>
</div>
</div>
</div>
</main>
<footer></footer>
</body>
</html>
83 changes: 83 additions & 0 deletions tools/actions/convert/test/fixtures/workflow-tab-script.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>





<link rel="stylesheet" href="/etc.clientlibs/foundation/clientlibs/main.lc-b4994788cf1eaeed300a0aa7af53f3c8-lc.min.css" type="text/css">
<script src="/etc.clientlibs/clientlibs/granite/jquery.lc-f9e8e8c279baf6a1a278042afe4f395a-lc.min.js"></script>
<script src="/etc.clientlibs/clientlibs/granite/utils.lc-899004cc02c33efc1f6694b1aee587fd-lc.min.js"></script>
<script src="/etc.clientlibs/clientlibs/granite/jquery/granite.lc-011c0fc0d0cf131bdff879743a353002-lc.min.js"></script>
<script src="/etc.clientlibs/foundation/clientlibs/jquery.lc-dd9b395c741ce2784096e26619e14910-lc.min.js"></script>
<script src="/etc.clientlibs/foundation/clientlibs/shared.lc-e9d9a3990d7779c2e8e3361187f3d36b-lc.min.js"></script>
<script src="/etc.clientlibs/foundation/clientlibs/main.lc-690ba627a9a2eeef0733ede272cf726b-lc.min.js"></script>





















<link rel="stylesheet" href="/etc.clientlibs/danaher/clientlibs/clientlib-dependencies.lc-d41d8cd98f00b204e9800998ecf8427e-lc.min.css" type="text/css">
<link rel="stylesheet" href="/etc.clientlibs/danaher/clientlibs/clientlib-site.lc-13e92da87938bcf480186f8d37f810ff-lc.min.css" type="text/css">






<title>Process By Solution</title>
</head>
<body class="xf-web-container">




<div id="danaher" class="container">
<div class="root responsivegrid">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">

<div class="script aem-GridColumn aem-GridColumn--default--12">
<div><div style="width: 100%;"><div style="position: relative; padding-bottom: 78%; padding-top: 0; height: 0;"><iframe title="CLD-Solution" frameborder="0" width="859" height="670" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/64edfe095509b700119a3187" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div></div>
</div>


</div>
</div>

</div>








<script src="/etc.clientlibs/danaher/clientlibs/clientlib-dependencies.lc-d41d8cd98f00b204e9800998ecf8427e-lc.min.js"></script>
<script src="/etc.clientlibs/danaher/clientlibs/clientlib-site.lc-643810c5045d3b694e63a28c7a5b4592-lc.min.js"></script>


</body>
</html>
21 changes: 21 additions & 0 deletions tools/importer/transformers/embedScript.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
/* global WebImporter */
const embedScript = (main, document) => {
const scriptEl = main.querySelector('div.script');
if (scriptEl) {
const iFrame = scriptEl.querySelector('iframe');
if (iFrame) {
const anc = document.createElement('a');
anc.textContent = iFrame.getAttribute('title');
anc.href = iFrame.getAttribute('src');

const cells = [
['embed'],
[anc],
];
const block = WebImporter.DOMUtils.createTable(cells, document);
scriptEl.innerHTML = '';
scriptEl.append(block);
}
}
};
export default embedScript;
Loading

0 comments on commit 0293f89

Please sign in to comment.