OFRAG Frontend Components Library v0.0.0

Explosion Drawing 

<div class="explosion-drawing">
    <div class="image ">
        <picture class="taggd">
            <img src="/example-assets/images/explosion-drawing/explosion-drawing.png" class="image__img image-tooltip-map__img is-loading" alt="explosion-drawing" title="explosion-drawing" srcset="/example-assets/images/explosion-drawing/explosion-drawing.png 1x, /example-assets/images/explosion-drawing/explosion-drawing.png 2x" data-tooltip-info=[{&quot;top&quot;:15,&quot;left&quot;:72.8,&quot;data&quot;:[{&quot;name&quot;:&quot;Sprung-sicherung&quot;,&quot;value&quot;:&quot;http://www.fuchs-movesa.ch&quot;}]}] onload="this.classList.remove('is-loading')" />
        </picture>
    </div>

</div>
 
{% include '@SharedComponents/modules/b2b-product-detail/components/explosion-drawing/explosion-drawing.twig' %}
 
{
  "explosionDrawing": {
    "include": "...image-tooltip-map--with-equipment-height-smaller-than-700px",
    "markerInfos": [
      {
        "top": 15,
        "left": 72.8,
        "data": [
          {
            "name": "Sprung-sicherung",
            "value": "http://www.fuchs-movesa.ch"
          }
        ]
      }
    ],
    "image": {
      "src": "/example-assets/images/explosion-drawing/explosion-drawing.png",
      "src2x": "/example-assets/images/explosion-drawing/explosion-drawing.png",
      "alt": "explosion-drawing",
      "title": "explosion-drawing"
    }
  }
}
  • Content: 
    import './explosion-drawing.scss';
import ExplosionDrawing, {selector as sel} from 'cando-cx-components-library/components/modules/b2b-product-detail/components/explosion-drawing/explosion-drawing';

export default ExplosionDrawing;
export const selector = sel;
  • URL: /components/raw/explosion-drawing/explosion-drawing.js
  • Filesystem Path: src/components/modules/b2b-product-detail/components/explosion-drawing/explosion-drawing.js
  • Size: 261 Bytes
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/b2b-product-detail/components/explosion-drawing/explosion-drawing";
  • URL: /components/raw/explosion-drawing/explosion-drawing.scss
  • Filesystem Path: src/components/modules/b2b-product-detail/components/explosion-drawing/explosion-drawing.scss
  • Size: 148 Bytes

No notes defined.