@eturnity/eturnity_reusable_components 1.2.19-EPDM-5295.6 → 1.2.19-EPDM-5295.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.19-EPDM-5295.6",
+  "version": "1.2.19-EPDM-5295.7",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/App.vue

@@ -41,6 +41,7 @@
             :isEditable="true"
             :gettext="gettext"
             :date="'23.07.2022'"
+            cursor="pointer"
             @editHandler="consoleLog('edit index ' + index)"
             @deleteHandler="consoleLog('delete id ' + item.id)"
           />

package/src/components/projectMarker/index.vue

@@ -6,6 +6,7 @@
       :hasIcon="!!iconName"
       :isEditionAllowed="editionAllowed"
       :isActive="activated"
+      :cursor="cursor"
       @click.native="editionAllowed
         ? activated = !activated
         : ''
@@ -16,7 +17,7 @@
         :name="iconName"
         color="white"
         size="10px"
-        cursor="default"
+        :cursor="cursor"
       />
       <span>{{ markerData.translations[activeLanguage].name }}</span>
       <dot-wrapper
@@ -121,7 +122,8 @@ const MarkerAttrs = {
   backgroundColor: String,
   hasIcon: Boolean,
   isEditionAllowed: Boolean,
-  isActive: Boolean
+  isActive: Boolean,
+  cursor: String
 }
 const MarkerContainer = styled('div', MarkerAttrs)`
   display: grid;
@@ -136,8 +138,7 @@ const MarkerContainer = styled('div', MarkerAttrs)`
   props.backgroundColor ? props.backgroundColor : props.theme.colors.grey3};
   border-radius: 4px;
   white-space: nowrap;
-  cursor: ${(props) =>
-  props.isEditionAllowed? 'pointer' : 'default'};
+  cursor: ${(props) => props.isEditionAllowed ? 'pointer' : props.cursor};
 
   .dotContainer {
     display: ${(props) => (props.isActive ? 'flex' : 'none')};
@@ -238,6 +239,10 @@ export default {
       required: false,
       default: false
     },
+    cursor: {
+      required: false,
+      default: 'default'
+    }
   },
   data() {
     return {
@@ -262,6 +267,9 @@ export default {
     }
   },
   methods: {
+    $gettext(str) {
+      return str.toUpperCase()
+    },
     clickOutsideActionHandler() {
       this.activated = false
     },