@allurereport/web-allure2/src/components/side-by-side/SideBySideView.js

The static files for Allure Classic Report

import { View } from "backbone.marionette";
import split from "split.js";
import { className, regions } from "@/decorators/index.js";
import gtag from "@/utils/gtag.js";
import settings from "@/utils/settings.js";
import template from "./SideBySideView.hbs";
import "./styles.scss";

@className("side-by-side")
@regions({
  left: ".side-by-side__left",
  right: ".side-by-side__right",
})
class SideBySideView extends View {
  template = template;

  onAttach() {
    const splitter = split([".side-by-side__left", ".side-by-side__right"], {
      gutterSize: 7,
      sizes: settings.getSideBySidePosition(),
      onDragEnd: function () {
        const sizes = splitter.getSizes();
        settings.setSideBySidePosition(sizes);
        gtag("side-by-side-resize", { sizes });
      },
    });
  }

  onRender() {
    const { left, right } = this.options;
    this.showChildView("left", left);
    this.showChildView("right", right);
  }

  templateContext() {
    return {
      cls: "side-by-side",
    };
  }
}

export default SideBySideView;