Skip to content

Commit f644ca4

Browse files
EkaterinaPoddubskayaEkaterinaPoddubskaya
committed
Refine GTM selectors for images
1 parent fa3c86e commit f644ca4

File tree

3 files changed

+20
-20
lines changed

3 files changed

+20
-20
lines changed

‎sources/views/subviews/gallery/galleryMobile.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -263,16 +263,16 @@ export default class GalleryMobileView extends JetView {
263263
const html = `<div class="mobile-gallery-images-info">
264264
<div class="thumbnails-name" style="font-size: 20px">${obj.isic_id}</div>
265265
<div class="mobile-gallery-images-buttons" style="bottom: ${imageIconDimensions[2]}px;">
266-
<div class="gtm-image-enlargement gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions[0].width}px; height: ${imageIconDimensions[0].height}px;">
267-
<span class="gallery-images-button resize-icon tooltip-title">
266+
<div class="gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions[0].width}px; height: ${imageIconDimensions[0].height}px;">
267+
<span class="gtm-image-enlargement gallery-images-button resize-icon tooltip-title">
268268
<svg viewBox="0 0 26 26" class="gallery-icon-svg" style="width: ${imageIconDimensions[1].width}px; height: ${imageIconDimensions[1].height}px;">
269269
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#resize-icon" class="gallery-icon-use"></use>
270270
</svg>
271271
</span>
272272
<span class="tooltip-block tooltip-block-top" style="display: block">Enlarge</span>
273273
</div>
274-
<div class="gtm-image-metadata gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions[0].width}px; height: ${imageIconDimensions[0].height}px;">
275-
<span class="gallery-images-button info-icon tooltip-title">
274+
<div class="gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions[0].width}px; height: ${imageIconDimensions[0].height}px;">
275+
<span class="gtm-image-metadata gallery-images-button info-icon tooltip-title">
276276
<svg viewBox="0 0 26 26" class="gallery-icon-svg" style="width: ${imageIconDimensions[1].width}px; height: ${imageIconDimensions[1].height}px;">
277277
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#info-icon" class="gallery-icon-use"></use>
278278
</svg>

‎sources/views/subviews/gallery/parts/galleryDataview.js‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -128,8 +128,8 @@ const dataview = {
128128
const disabledBadge = lesion
129129
? ""
130130
: " disabled-badge";
131-
const lesionIcon = `<div class="gtm-lesion-viewer ${lesionIconElementClass} tooltip-container tooltip-gallery-images" style="height:${imageIconDimensions[0].height}px;width:${imageIconDimensions[0].width}px;">
132-
<span class="gallery-images-button layer-group tooltip-title">
131+
const lesionIcon = `<div class="${lesionIconElementClass} tooltip-container tooltip-gallery-images" style="height:${imageIconDimensions[0].height}px;width:${imageIconDimensions[0].width}px;">
132+
<span class="gtm-lesion-viewer gallery-images-button layer-group tooltip-title">
133133
<svg viewBox="0 0 26 26" class="gallery-icon-svg" style="width: ${imageIconDimensions[1].width}px; height: ${imageIconDimensions[1].height}px">
134134
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#layer-group" class="gallery-icon-use"></use>
135135
</svg>
@@ -155,24 +155,24 @@ const dataview = {
155155
<div class="thumbnails-name" style="font-size: ${util.getNewThumnailsNameFontSize()}px">${obj.isic_id}</div>
156156
</div>
157157
<div class="gallery-images-buttons" style="bottom: ${imageIconDimensions[2]}px;">
158-
<div class="gtm-image-enlargement gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions[0].width}px; height: ${imageIconDimensions[0].height}px;">
159-
<span class="gallery-images-button resize-icon tooltip-title">
158+
<div class="gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions[0].width}px; height: ${imageIconDimensions[0].height}px;">
159+
<span class="gtm-image-enlargement gallery-images-button resize-icon tooltip-title">
160160
<svg viewBox="0 0 26 26" class="gallery-icon-svg" style="width: ${imageIconDimensions[1].width}px; height: ${imageIconDimensions[1].height}px;">
161161
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#resize-icon" class="gallery-icon-use"></use>
162162
</svg>
163163
</span>
164164
<span class="tooltip-block tooltip-block-top" style="display: block">Enlarge</span>
165165
</div>
166-
<div class="gtm-image-metadata gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions[0].width}px; height: ${imageIconDimensions[0].height}px;">
167-
<span class="gallery-images-button info-icon tooltip-title">
166+
<div class="gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions[0].width}px; height: ${imageIconDimensions[0].height}px;">
167+
<span class="gtm-image-metadata gallery-images-button info-icon tooltip-title">
168168
<svg viewBox="0 0 26 26" class="gallery-icon-svg" style="width: ${imageIconDimensions[1].width}px; height: ${imageIconDimensions[1].height}px;">
169169
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#info-icon" class="gallery-icon-use"></use>
170170
</svg>
171171
</span>
172172
<span class="tooltip-block tooltip-block-top">Metadata</span>
173173
</div>
174-
<div class="gtm-single-download gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions[0].width}px; height: ${imageIconDimensions[0].height}px;">
175-
<span class="gallery-images-button batch-icon tooltip-title">
174+
<div class="gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions[0].width}px; height: ${imageIconDimensions[0].height}px;">
175+
<span class="gtm-single-download gallery-images-button batch-icon tooltip-title">
176176
<svg viewBox="0 0 26 26" class="gallery-icon-svg" style="width: ${imageIconDimensions[1].width}px; height: ${imageIconDimensions[1].height}px;">
177177
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#batch-icon" class="gallery-icon-use"></use>
178178
</svg>

‎sources/views/subviews/gallery/windows/multiImageLesionWindow.js‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -376,8 +376,8 @@ function getTopSlider(topPanelID, sliderID, prevButtonID, nextButtonID) {
376376
</span>
377377
<span class="tooltip-block tooltip-block-top" style="z-index: 1000000">Multirater</span>
378378
</div>` : "";
379-
const lesionIcon = `<div class="gtm-lesion-viewer ${lesionIconElementClass} tooltip-container tooltip-gallery-images" style="style="width: ${imageIconDimensions.iconContainerDimensions.width}px; height: ${imageIconDimensions.iconContainerDimensions.height}px;">
380-
<span class="gallery-images-button layer-group tooltip-title">
379+
const lesionIcon = `<div class="${lesionIconElementClass} tooltip-container tooltip-gallery-images" style="style="width: ${imageIconDimensions.iconContainerDimensions.width}px; height: ${imageIconDimensions.iconContainerDimensions.height}px;">
380+
<span class="gtm-lesion-viewer gallery-images-button layer-group tooltip-title">
381381
<svg viewBox="0 0 26 26" class="gallery-icon-svg" style="width: ${imageIconDimensions.iconContainerDimensions.width}px; height: ${imageIconDimensions.iconContainerDimensions.height}px">
382382
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#layer-group" class="gallery-icon-use"></use>
383383
</svg>
@@ -401,24 +401,24 @@ function getTopSlider(topPanelID, sliderID, prevButtonID, nextButtonID) {
401401
<div class="thumbnails-name" style="font-size: ${util.getNewThumnailsNameFontSize()}px">${lesionsModel.getItemID(obj)}</div>
402402
</div>
403403
<div class="gallery-images-buttons" style="bottom: 0px;">
404-
<div class="gtm-image-enlargement gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions.iconDimensions.width}px; height: ${imageIconDimensions.iconDimensions.height}px;">
405-
<span class="gallery-images-button resize-icon tooltip-title" style="width: ${imageIconDimensions.iconContainerDimensions.width}px; height: ${imageIconDimensions.iconContainerDimensions.height}px;">
404+
<div class="gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions.iconDimensions.width}px; height: ${imageIconDimensions.iconDimensions.height}px;">
405+
<span class="gtm-image-enlargement gallery-images-button resize-icon tooltip-title" style="width: ${imageIconDimensions.iconContainerDimensions.width}px; height: ${imageIconDimensions.iconContainerDimensions.height}px;">
406406
<svg viewBox="0 0 14 14" class="gallery-icon-svg" style="width: ${imageIconDimensions.iconDimensions.width}px; height: ${imageIconDimensions.iconDimensions.height}px;">
407407
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#resize-icon" class="gallery-icon-use"></use>
408408
</svg>
409409
</span>
410410
<span class="tooltip-block tooltip-block-top" style="display: block">Enlarge</span>
411411
</div>
412-
<div class="gtm-image-metadata gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions.iconDimensions.width}px; height: ${imageIconDimensions.iconDimensions.height}px;">
413-
<span class="gallery-images-button info-icon tooltip-title" style="width: ${imageIconDimensions.iconContainerDimensions.width}px; height: ${imageIconDimensions.iconContainerDimensions.height}px;">
412+
<div class="gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions.iconDimensions.width}px; height: ${imageIconDimensions.iconDimensions.height}px;">
413+
<span class="gtm-image-metadata gallery-images-button info-icon tooltip-title" style="width: ${imageIconDimensions.iconContainerDimensions.width}px; height: ${imageIconDimensions.iconContainerDimensions.height}px;">
414414
<svg viewBox="0 0 14 14" class="gallery-icon-svg" style="width: ${imageIconDimensions.iconDimensions.width}px; height: ${imageIconDimensions.iconDimensions.height}px;">
415415
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#info-icon" class="gallery-icon-use"></use>
416416
</svg>
417417
</span>
418418
<span class="tooltip-block tooltip-block-top">Metadata</span>
419419
</div>
420-
<div class="gtm-single-download gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions.iconDimensions.width}px; height: ${imageIconDimensions.iconDimensions.height}px;">
421-
<span class="gallery-images-button batch-icon tooltip-title" style="width: ${imageIconDimensions.iconContainerDimensions.width}px; height: ${imageIconDimensions.iconContainerDimensions.height}px;">
420+
<div class="gallery-images-button-elem tooltip-container tooltip-gallery-images" style="width: ${imageIconDimensions.iconDimensions.width}px; height: ${imageIconDimensions.iconDimensions.height}px;">
421+
<span class="gtm-single-download gallery-images-button batch-icon tooltip-title" style="width: ${imageIconDimensions.iconContainerDimensions.width}px; height: ${imageIconDimensions.iconContainerDimensions.height}px;">
422422
<svg viewBox="0 0 14 14" class="gallery-icon-svg" style="width: ${imageIconDimensions.iconDimensions.width}px; height: ${imageIconDimensions.iconDimensions.height}px;">
423423
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#batch-icon" class="gallery-icon-use"></use>
424424
</svg>

0 commit comments

Comments
 (0)