10498867251

Committed 21 Aug 2024 11:12PM UTC coverage: 26.973% (+0.1%) from 26.831%

Build # 10498867251

Build Type

push

github

Committed by

caleb531

Commit Message

Replace classnames utility with clsx

Run Details

72 of 101 branches covered (71.29%)

Branch coverage included in aggregate %.

0 of 14 new or added lines in 7 files covered. (0.0%)

386 of 1597 relevant lines covered (24.17%)

3.64 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/scripts/components/control.js

import m from 'mithril';
import clsx from 'clsx';
import PanelComponent from './panel.jsx';

class ControlComponent {

  view({attrs: {id, title, icon = null, label = null, action = null, panel = null, panelPosition = 'top'}}) {
    return m(`div.control.control-${id}`, {
      class: clsx({'control-has-label': label})
    }, [
      panel ? m(PanelComponent, {id, position: panelPosition}, panel) : null,
      m('button.control-button', {
        title,
        onclick: ({target}) => {
          if (panel) {
            PanelComponent.togglePanel(id);
          } else if (action) {
            // Do not close the panel where the clicked control resides
            if (!target.closest('.panel')) {
              PanelComponent.closeAllPanels();
            }
            action();
          }
        }
      }, [
        icon ? m('img.control-icon', {src: `icons/${icon}.svg`, alt: title}) : null,
        label ? m('span.control-label', label) : null
      ])
    ]);
  }

}

export default ControlComponent;

1	import m from 'mithril';	×
NEW 2	import clsx from 'clsx';	×
3	import PanelComponent from './panel.jsx';	×
4		×
5	class ControlComponent {	×
6		×
7	view({attrs: {id, title, icon = null, label = null, action = null, panel = null, panelPosition = 'top'}}) {	×
8	return m(`div.control.control-${id}`, {	×
NEW 9	class: clsx({'control-has-label': label})	×
10	}, [	×
11	panel ? m(PanelComponent, {id, position: panelPosition}, panel) : null,	×
12	m('button.control-button', {	×
13	title,	×
14	onclick: ({target}) => {	×
15	if (panel) {	×
16	PanelComponent.togglePanel(id);	×
17	} else if (action) {	×
18	// Do not close the panel where the clicked control resides	×
19	if (!target.closest('.panel')) {	×
20	PanelComponent.closeAllPanels();	×
21	}	×
22	action();	×
23	}	×
24	}	×
25	}, [	×
26	icon ? m('img.control-icon', {src: `icons/${icon}.svg`, alt: title}) : null,	×
27	label ? m('span.control-label', label) : null	×
28	])	×
29	]);	×
30	}	×
31		×
32	}	×
33		×
34	export default ControlComponent;	×

caleb531 / flip-book / 10498867251

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous