bo integration

src/app/pages/item-detail/item-detail.component.html

@@ -55,7 +55,23 @@
         </div>
 
         <div class="novo-info">
-          <h1 class="novo-title">{{ item()!.name }}</h1>
+          <h1 class="novo-title">{{ getItemName() }}</h1>
+
+          @if (item()!.badges && item()!.badges!.length > 0) {
+            <div class="novo-badges">
+              @for (badge of item()!.badges!; track badge) {
+                <span class="item-badge" [class]="getBadgeClass(badge)">{{ badge }}</span>
+              }
+            </div>
+          }
+
+          @if (item()!.tags && item()!.tags!.length > 0) {
+            <div class="novo-tags">
+              @for (tag of item()!.tags!; track tag) {
+                <span class="item-tag">#{{ tag }}</span>
+              }
+            </div>
+          }
           
           <div class="novo-rating">
             <span class="stars">{{ getRatingStars(item()!.rating) }}</span>
@@ -77,10 +93,13 @@
 
           <div class="novo-stock">
             <span class="stock-label">Наличие:</span>
-            <div class="stock-indicator" [class.high]="item()!.remainings === 'high'" [class.medium]="item()!.remainings === 'medium'" [class.low]="item()!.remainings === 'low'">
+            <div class="stock-indicator" [class]="getStockClass()">
               <span class="dot"></span>
-              {{ item()!.remainings === 'high' ? 'В наличии' : item()!.remainings === 'medium' ? 'Мало' : 'Осталось немного' }}
+              {{ getStockLabel() }}
             </div>
+            @if (item()!.quantity != null) {
+              <span class="stock-qty">({{ item()!.quantity }} шт.)</span>
+            }
           </div>
 
           <button class="novo-add-cart" (click)="addToCart()">
@@ -93,8 +112,26 @@
           </button>
 
           <div class="novo-description">
-            <h3>Описание</h3>
-            <div [innerHTML]="getSafeHtml(item()!.description)"></div>
+            @if (getSimpleDescription()) {
+              <p class="novo-simple-desc">{{ getSimpleDescription() }}</p>
+            }
+
+            @if (hasDescriptionFields()) {
+              <h3>Характеристики</h3>
+              <table class="novo-specs-table">
+                <tbody>
+                  @for (field of getTranslatedDescriptionFields(); track field.key) {
+                    <tr>
+                      <td class="spec-key">{{ field.key }}</td>
+                      <td class="spec-value">{{ field.value }}</td>
+                    </tr>
+                  }
+                </tbody>
+              </table>
+            } @else {
+              <h3>Описание</h3>
+              <div [innerHTML]="getSafeHtml(item()!.description)"></div>
+            }
           </div>
         </div>
       </div>
@@ -249,7 +286,23 @@
 
       <!-- Item Info -->
       <div class="dx-info">
-        <h1 class="dx-title">{{ item()!.name }}</h1>
+        <h1 class="dx-title">{{ getItemName() }}</h1>
+
+        @if (item()!.badges && item()!.badges!.length > 0) {
+          <div class="dx-badges">
+            @for (badge of item()!.badges!; track badge) {
+              <span class="item-badge" [class]="getBadgeClass(badge)">{{ badge }}</span>
+            }
+          </div>
+        }
+
+        @if (item()!.tags && item()!.tags!.length > 0) {
+          <div class="dx-tags">
+            @for (tag of item()!.tags!; track tag) {
+              <span class="item-tag">#{{ tag }}</span>
+            }
+          </div>
+        }
         
         <div class="dx-rating">
           <div class="dx-stars">
@@ -277,13 +330,13 @@
 
         <div class="dx-stock">
           <span class="dx-stock-label">Наличие:</span>
-          <span class="dx-stock-status" 
-                [class.high]="item()!.remainings === 'high'" 
-                [class.medium]="item()!.remainings === 'medium'" 
-                [class.low]="item()!.remainings === 'low'">
+          <span class="dx-stock-status" [class]="getStockClass()">
             <span class="dx-stock-dot"></span>
-            {{ item()!.remainings === 'high' ? 'В наличии' : item()!.remainings === 'medium' ? 'Заканчивается' : 'Последние штуки' }}
+            {{ getStockLabel() }}
           </span>
+          @if (item()!.quantity != null) {
+            <span class="dx-stock-qty">({{ item()!.quantity }} шт.)</span>
+          }
         </div>
 
         <button class="dx-add-cart" (click)="addToCart()">
@@ -296,8 +349,26 @@
         </button>
 
         <div class="dx-description">
-          <h2>Описание</h2>
-          <div class="dx-description-text" [innerHTML]="getSafeHtml(item()!.description)"></div>
+          @if (getSimpleDescription()) {
+            <p class="dx-simple-desc">{{ getSimpleDescription() }}</p>
+          }
+
+          @if (hasDescriptionFields()) {
+            <h2>Характеристики</h2>
+            <table class="dx-specs-table">
+              <tbody>
+                @for (field of getTranslatedDescriptionFields(); track field.key) {
+                  <tr>
+                    <td class="spec-key">{{ field.key }}</td>
+                    <td class="spec-value">{{ field.value }}</td>
+                  </tr>
+                }
+              </tbody>
+            </table>
+          } @else {
+            <h2>Описание</h2>
+            <div class="dx-description-text" [innerHTML]="getSafeHtml(item()!.description)"></div>
+          }
         </div>
       </div>
     </div>