96d66927-bff9-456b-a1e3-8b518174b9ab

Committed 16 Jun 2026 04:37PM UTC coverage: 58.531% (-41.5%) from 99.988%

Build # 96d66927-bff9-456b-a1e3-8b518174b9ab

Build Type

Pull #1725

circleci

Committed by

nmajor25

Commit Message

feat(forms): add 'See draft status' tooltip to draft status button

Do not show tooltip when droplist is open

Pull Request Pull Request #1725: feat(forms): UI updates to draft status button & droplist

Coverage Stats

1035 of 1925 branches covered (53.77%)

Branch coverage included in aggregate %.

10 of 10 new or added lines in 1 file covered. (100.0%)

2481 existing lines in 125 files now uncovered.

3723 of 6204 relevant lines covered (60.01%)

66.42 hits per line

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

57.14

/src/js/views/programs/programs-all_views.js

import Radio from 'backbone.radio';
import hbs from 'handlebars-inline-precompile';
import { View, CollectionView } from 'marionette';

import { alphaSort } from 'js/utils/sorting';

import PreloadRegion from 'js/regions/preload_region';

import 'scss/modules/list-pages.scss';
import 'scss/modules/table-list.scss';
import './programs-list.scss';

const EmptyView = View.extend({
  className: 'table-list__empty-list',
  template: hbs`<h2>{{ @intl.programs.programsAllViews.emptyView }}</h2>`,
});

const ItemView = View.extend({
  className: 'table-list__item',
  template: hbs`
    <div data-testid="program-list-name">{{ name }}</div>
    <div class="programs-list__published{{#if published}} is-published{{/if}}">
      {{#if published}}{{fas "toggle-on"}}{{else}}{{far "toggle-off"}}{{/if}}
      {{formatMessage (intlGet "programs.programsAllViews.itemView.published") published=published}}
    </div>
    <div class="programs-list__updated-ts">{{formatDateTime updated_at "TIME_OR_DAY"}}</div>
  `,
  templateContext() {
    return {
      published: !!this.model.get('published_at'),
    };
  },
  triggers: {
    'click': 'click',
  },
  onClick() {
    Radio.trigger('event-router', 'program:details', this.model.id);
  },
});

const LayoutView = View.extend({
  className: 'flex-region',
  template: hbs`
    <div class="list-page__header">
      <div class="flex list-page__title">
        <div class="flex list-page__title-filter">
          <span class="list-page__title-icon">{{far "screwdriver-wrench"}}</span>{{ @intl.programs.programsAllViews.layoutView.title }}
        </div>
      </div>
      <button class="u-margin--b-16 button-primary js-add">{{far "circle-plus"}}<span>{{ @intl.programs.programsAllViews.addProgramBtn }}</span></button>
    </div>
    <div class="table-list programs-list__table-list">
      <div class="table-list__header list-page__list-header">
        <div>{{ @intl.programs.programsAllViews.layoutView.programHeader }}</div>
        <div>{{ @intl.programs.programsAllViews.layoutView.stateHeader }}</div>
        <div>{{ @intl.programs.programsAllViews.layoutView.updatedHeader }}</div>
      </div>
      <div class="table-list__list" data-list-region></div>
    </div>
  `,
  regions: {
    list: {
      el: '[data-list-region]',
      regionClass: PreloadRegion,
      replaceElement: true,
    },
  },
  triggers: {
    'click .js-add': 'click:add',
  },
});

const ListView = CollectionView.extend({
  className: 'table-list__list list-page__list',
  childView: ItemView,
  emptyView: EmptyView,
  viewComparator(viewA, viewB) {
    return alphaSort('desc', viewA.model.get('updated_at'), viewB.model.get('updated_at'));
  },
});

export {
  LayoutView,
  ListView,
};

1	import Radio from 'backbone.radio';
2	import hbs from 'handlebars-inline-precompile';
3	import { View, CollectionView } from 'marionette';
4
5	import { alphaSort } from 'js/utils/sorting';
6
7	import PreloadRegion from 'js/regions/preload_region';
8
9	import 'scss/modules/list-pages.scss';
10	import 'scss/modules/table-list.scss';
11	import './programs-list.scss';
12
13	const EmptyView = View.extend({	24✔
14	className: 'table-list__empty-list',
15	template: hbs`<h2>{{ @intl.programs.programsAllViews.emptyView }}</h2>`,
16	});
17
18	const ItemView = View.extend({	24✔
19	className: 'table-list__item',
20	template: hbs`
21	<div data-testid="program-list-name">{{ name }}</div>
22	<div class="programs-list__published{{#if published}} is-published{{/if}}">
23	{{#if published}}{{fas "toggle-on"}}{{else}}{{far "toggle-off"}}{{/if}}
24	{{formatMessage (intlGet "programs.programsAllViews.itemView.published") published=published}}
25	</div>
26	<div class="programs-list__updated-ts">{{formatDateTime updated_at "TIME_OR_DAY"}}</div>
27	`,
28	templateContext() {
UNCOV 29	return {	×
30	published: !!this.model.get('published_at'),
31	};
32	},
33	triggers: {
34	'click': 'click',
35	},
36	onClick() {
UNCOV 37	Radio.trigger('event-router', 'program:details', this.model.id);	×
38	},
39	});
40
41	const LayoutView = View.extend({	24✔
42	className: 'flex-region',
43	template: hbs`
44	<div class="list-page__header">
45	<div class="flex list-page__title">
46	<div class="flex list-page__title-filter">
47	<span class="list-page__title-icon">{{far "screwdriver-wrench"}}</span>{{ @intl.programs.programsAllViews.layoutView.title }}
48	</div>
49	</div>
50	<button class="u-margin--b-16 button-primary js-add">{{far "circle-plus"}}<span>{{ @intl.programs.programsAllViews.addProgramBtn }}</span></button>
51	</div>
52	<div class="table-list programs-list__table-list">
53	<div class="table-list__header list-page__list-header">
54	<div>{{ @intl.programs.programsAllViews.layoutView.programHeader }}</div>
55	<div>{{ @intl.programs.programsAllViews.layoutView.stateHeader }}</div>
56	<div>{{ @intl.programs.programsAllViews.layoutView.updatedHeader }}</div>
57	</div>
58	<div class="table-list__list" data-list-region></div>
59	</div>
60	`,
61	regions: {
62	list: {
63	el: '[data-list-region]',
64	regionClass: PreloadRegion,
65	replaceElement: true,
66	},
67	},
68	triggers: {
69	'click .js-add': 'click:add',
70	},
71	});
72
73	const ListView = CollectionView.extend({	24✔
74	className: 'table-list__list list-page__list',
75	childView: ItemView,
76	emptyView: EmptyView,
77	viewComparator(viewA, viewB) {
UNCOV 78	return alphaSort('desc', viewA.model.get('updated_at'), viewB.model.get('updated_at'));	×
79	},
80	});
81
82	export {
83	LayoutView,
84	ListView,
85	};

RoundingWell / care-ops-frontend / 96d66927-bff9-456b-a1e3-8b518174b9ab

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