@saooti/octopus-sdk 41.1.14 → 41.1.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
<!-- eslint-disable vue/no-v-html -->
|
|
39
39
|
<div
|
|
40
40
|
ref="descriptionEmission"
|
|
41
|
-
v-html="
|
|
41
|
+
v-html="description"
|
|
42
42
|
/>
|
|
43
43
|
<!-- eslint-enable -->
|
|
44
44
|
</div>
|
|
@@ -71,6 +71,7 @@ import { ListClassicReturn } from "@/stores/class/general/listReturn";
|
|
|
71
71
|
import ClassicImageBanner from '../../misc/ClassicImageBanner.vue';
|
|
72
72
|
|
|
73
73
|
import { useI18n } from "vue-i18n";
|
|
74
|
+
import { useResizePhone } from "../../composable/useResizePhone";
|
|
74
75
|
|
|
75
76
|
//Props
|
|
76
77
|
const props = defineProps<{
|
|
@@ -111,6 +112,25 @@ onMounted(()=>{
|
|
|
111
112
|
}
|
|
112
113
|
})
|
|
113
114
|
|
|
115
|
+
const { isPhone } = useResizePhone();
|
|
116
|
+
const description = computed((): string => {
|
|
117
|
+
let str = props.emission.description;
|
|
118
|
+
if (!str) {
|
|
119
|
+
return '';
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
// Truncate description on phones
|
|
123
|
+
if (isPhone.value === true) {
|
|
124
|
+
const pattern = /^(.+?<\/p>)/;
|
|
125
|
+
const matches = str.match(pattern);
|
|
126
|
+
if (matches && matches.length === 2) {
|
|
127
|
+
str = matches[1];
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
return urlify(str);
|
|
132
|
+
});
|
|
133
|
+
|
|
114
134
|
//Methods
|
|
115
135
|
function urlify(text:string|undefined){
|
|
116
136
|
return displayHelper.urlify(text);
|
|
@@ -142,8 +162,8 @@ article {
|
|
|
142
162
|
max-height: 500px;
|
|
143
163
|
|
|
144
164
|
a {
|
|
145
|
-
flex-direction: column;
|
|
146
|
-
flex-wrap: nowrap;
|
|
165
|
+
flex-direction: column !important;
|
|
166
|
+
flex-wrap: nowrap !important;
|
|
147
167
|
}
|
|
148
168
|
|
|
149
169
|
.element-name {
|