6bd7579a-30c4-40ea-9a8a-1291e094e81e

Committed 01 Oct 2025 01:42PM UTC coverage: 34.694% (-9.9%) from 44.618%

Build # 6bd7579a-30c4-40ea-9a8a-1291e094e81e

Build Type

push

circleci

Committed by

edwh

Commit Message

MT: In /map, don't show the centre points for groups which are not supposed to show on the map.

Run Details

1053 of 3928 branches covered (26.81%)

Branch coverage included in aggregate %.

2722 of 6953 relevant lines covered (39.15%)

37.76 hits per line

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

0.0

/components/MessagePromised.vue

<template>
  <div class="promised" @click="clicked">
    <div v-if="summary">
      <b-img lazy src="/promised.jpg" class="promised__image" />
      <b-popover
        v-if="message.fromuser !== myid"
        v-model="showing"
        :content="title"
        placement="top"
        variant="primary"
        triggers="hover"
        :target="'msg-' + id"
        custom-class="primary"
        @shown="shown"
        @hidden="hidden"
      />
    </div>
    <div v-else>
      <notice-message v-if="!toMe" variant="warning">
        This item has already been promised to someone. You can still reply, but
        you'll probably only get it if someone else drops out.
      </notice-message>
      <notice-message v-else variant="primary">
        This has been promised to you.
      </notice-message>
    </div>
  </div>
</template>
<script setup>
import { computed, ref, onBeforeUnmount } from 'vue'
import NoticeMessage from './NoticeMessage'
import { useMessageStore } from '~/stores/message'
import { useMe } from '~/composables/useMe'

const props = defineProps({
  id: {
    type: Number,
    required: true,
  },
  toMe: {
    type: Boolean,
    required: false,
    default: false,
  },
  summary: {
    type: Boolean,
    required: false,
    default: false,
  },
})

const emit = defineEmits(['click'])

const { myid } = useMe()
const messageStore = useMessageStore()

let scrollHandler = null
const showing = ref(false)

const title = computed(() => {
  if (!props.toMe) {
    return "This item has already been promised to someone. You can still reply, but you'll probably only get it if someone else drops out."
  } else {
    return 'This has been promised to you.'
  }
})

const message = computed(() => {
  return messageStore?.byId(props.id)
})

function shown() {
  if (!scrollHandler) {
    scrollHandler = window.addEventListener('scroll', handleScroll)
  }
}

function hidden() {
  if (scrollHandler) {
    window.removeEventListener('scroll', handleScroll)
    scrollHandler = null
  }
}

function handleScroll() {
  showing.value = false
}

function clicked() {
  emit('click')
}

onBeforeUnmount(() => {
  if (scrollHandler) {
    window.removeEventListener('scroll', scrollHandler)
    scrollHandler = null
  }
})
</script>
<style scoped lang="scss">
@import 'bootstrap/scss/_functions';
@import 'bootstrap/scss/_variables';
@import 'bootstrap/scss/mixins/_breakpoints';

.promised__image {
  position: absolute;
  z-index: 2;
  transform: rotate(15deg);
  top: 50%;
  left: 50%;

  width: 150px;
  margin-left: -75px;

  @include media-breakpoint-up(md) {
    width: 225px;
    margin-left: -125px;
  }
}
</style>

1	<template>
2	<div class="promised" @click="clicked">
3	<div v-if="summary">
4	<b-img lazy src="/promised.jpg" class="promised__image" />
5	<b-popover
6	v-if="message.fromuser !== myid"
7	v-model="showing"
8	:content="title"
9	placement="top"
10	variant="primary"
11	triggers="hover"
12	:target="'msg-' + id"
13	custom-class="primary"
14	@shown="shown"
15	@hidden="hidden"
16	/>
17	</div>
18	<div v-else>
19	<notice-message v-if="!toMe" variant="warning">
20	This item has already been promised to someone. You can still reply, but
21	you'll probably only get it if someone else drops out.
22	</notice-message>
23	<notice-message v-else variant="primary">
24	This has been promised to you.
25	</notice-message>
26	</div>
27	</div>
28	</template>
29	<script setup>
30	import { computed, ref, onBeforeUnmount } from 'vue'
31	import NoticeMessage from './NoticeMessage'
32	import { useMessageStore } from '~/stores/message'
33	import { useMe } from '~/composables/useMe'
34
35	const props = defineProps({	×
36	id: {
37	type: Number,
38	required: true,
39	},
40	toMe: {
41	type: Boolean,
42	required: false,
43	default: false,
44	},
45	summary: {
46	type: Boolean,
47	required: false,
48	default: false,
49	},
50	})
51
52	const emit = defineEmits(['click'])	×
53
54	const { myid } = useMe()	×
55	const messageStore = useMessageStore()	×
56
57	let scrollHandler = null	×
58	const showing = ref(false)	×
59
60	const title = computed(() => {	×
61	if (!props.toMe) {	×
62	return "This item has already been promised to someone. You can still reply, but you'll probably only get it if someone else drops out."	×
63	} else {
64	return 'This has been promised to you.'	×
65	}
66	})
67
68	const message = computed(() => {	×
69	return messageStore?.byId(props.id)	×
70	})
71
72	function shown() {	×
73	if (!scrollHandler) {	×
74	scrollHandler = window.addEventListener('scroll', handleScroll)	×
75	}
76	}
77
78	function hidden() {	×
79	if (scrollHandler) {	×
80	window.removeEventListener('scroll', handleScroll)	×
81	scrollHandler = null	×
82	}
83	}
84
85	function handleScroll() {	×
86	showing.value = false	×
87	}
88
89	function clicked() {	×
90	emit('click')	×
91	}
92
93	onBeforeUnmount(() => {	×
94	if (scrollHandler) {	×
95	window.removeEventListener('scroll', scrollHandler)	×
96	scrollHandler = null	×
97	}
98	})
99	</script>
100	<style scoped lang="scss">
101	@import 'bootstrap/scss/_functions';
102	@import 'bootstrap/scss/_variables';
103	@import 'bootstrap/scss/mixins/_breakpoints';
104
105	.promised__image {
106	position: absolute;
107	z-index: 2;
108	transform: rotate(15deg);
109	top: 50%;
110	left: 50%;
111
112	width: 150px;
113	margin-left: -75px;
114
115	@include media-breakpoint-up(md) {
116	width: 225px;
117	margin-left: -125px;
118	}
119	}
120	</style>

Freegle / iznik-nuxt3 / 6bd7579a-30c4-40ea-9a8a-1291e094e81e

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