@eturnity/eturnity_reusable_components 7.48.1-EPDM-12680.2 → 7.48.1-EPDM-12680.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.48.1-EPDM-12680.2",
+  "version": "7.48.1-EPDM-12680.3",
   "files": [
     "dist",
     "src"

package/src/components/buttons/mainButton/index.vue

@@ -47,6 +47,7 @@
     height: String,
   }
   const ButtonContainer = styled('div', ButtonAttrs)`
+    display: flex;
     padding: 7px 15px;
     font-size: 13px;
     color: ${(props) =>

package/src/components/inputs/select/index.vue

@@ -351,12 +351,14 @@
   `}
     background-color:${(props) =>
       props.disabled && props.showDisabledBackground
-        ? props.theme.colors.grey5
+        ? props.theme.colors.disabled
         : props.theme.colors[props.bgColor]
         ? props.theme.colors[props.bgColor]
         : props.bgColor};
     color: ${(props) =>
-      props.theme.colors[props.fontColor]
+      props.disabled && props.showDisabledBackground
+        ? props.theme.colors.black
+        : props.theme.colors[props.fontColor]
         ? props.theme.colors[props.fontColor]
         : props.fontColor};
     ${(props) => (props.disabled ? 'pointer-events: none' : '')};

package/src/components/stringDesign/DropdownMenu/index.vue

@@ -40,20 +40,42 @@
               cursor="pointer"
               name="document"
               size="14px"
+              @click="$emit('on-datasheet', item)"
             />
           </IconWrapper>
         </IconsContainer>
       </TitleContainer>
       <MarkersContainer>
-        <MarkerItem>??%</MarkerItem>
-        <MarkerItem>{{
-          item.hasTemplate ? 'Template!' : $gettext('no_template')
-        }}</MarkerItem>
+        <MarkerItem>{{ 100 * item.getTargetRatio().toFixed(2) }}%</MarkerItem>
+        <MarkerItem>
+          <span
+            :title="
+              item.hasTemplate
+                ? item.company_product_template_name
+                  ? item.company_product_template_name
+                  : $gettext('no_template_selected')
+                : $gettext('no_template')
+            "
+          >
+            {{
+              item.hasTemplate
+                ? item.company_product_template_name
+                  ? item.company_product_template_name
+                  : $gettext('no_template_selected')
+                : $gettext('no_template')
+            }}
+          </span>
+        </MarkerItem>
         <MarkerItem>
           <RCIcon color="white" :name="getIconName(item.type)" size="14px" />
           <div>{{ getTypeName(item.type) }}</div>
         </MarkerItem>
-        <ContainerValue>? kWp</ContainerValue>
+        <ContainerValue v-if="item.getkWp() > 1">
+          {{ item.getkWp().toFixed(0) }} kWp
+        </ContainerValue>
+        <ContainerValue v-else>
+          {{ 1000 * item.getkWp().toFixed(3) }} Wp
+        </ContainerValue>
       </MarkersContainer>
       <BoxContainer
         v-for="mppt in item.mppts"
@@ -178,6 +200,14 @@
         : props.theme.colors.grey6};
     font-size: 11px;
     color: ${(props) => props.theme.colors.white};
+    max-width: 11ch;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    & > span {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
   `
 
   const ContainerValue = styled.div`
@@ -333,22 +363,6 @@
       getNumberOfMpptModules(strings) {
         return strings.reduce((acc, curr) => acc + curr.modules.length, 0)
       },
-      getStringColor(idx) {
-        // ToDo: get correct colors
-        const colors = [
-          '#FF6B6B', // coral red
-          '#4ECDC4', // turquoise
-          '#45B7D1', // sky blue
-          '#96CEB4', // sage green
-          '#FFEEAD', // cream yellow
-          '#D4A5A5', // dusty rose
-          '#9B59B6', // purple
-          '#3498DB', // bright blue
-          '#E67E22', // orange
-          '#27AE60', // emerald green
-        ]
-        return colors[idx]
-      },
       isExpanded(id) {
         return this.expandedInverters.includes(id)
       },