fix: align preland root sets with Index

components/examples.php

@@ -1,10 +1,10 @@
 <?php
 
-$demoDirName = 'demo' . ($indpic === '1' ? '' : '-' . $indpic);
-$demoBasePath = rtrim($assetsUriPrefix, '/') . "/images/{$demoDirName}";
-$demoLocalPath = __DIR__ . "/../images/{$demoDirName}";
+$demoBasePath = rtrim($assetsUriPrefix, '/') . "/{$indpic}";
+$demoLocalPath = __DIR__ . "/../{$indpic}";
 
-$getAssetUrl = function (string $relativePath) use ($demoBasePath, $demoLocalPath): string {
+$getAssetUrl = function (int $number, string $device, string $role) use ($demoBasePath, $demoLocalPath): string {
+	$relativePath = sprintf('%02d', $number) . "_{$device}_{$role}.avif";
     $fullPath = $demoLocalPath . '/' . ltrim($relativePath, '/');
     $version = file_exists($fullPath) ? filemtime($fullPath) : '1';
     return $demoBasePath . '/' . ltrim($relativePath, '/') . '?v=' . $version;
@@ -13,11 +13,11 @@ $getAssetUrl = function (string $relativePath) use ($demoBasePath, $demoLocalPat
 $labelBefore = Yii::t('app', 'До');
 $labelAfter  = Yii::t('app', 'После');
 
-$sourceMob  = $getAssetUrl('1/source_mob.avif');
-$sourceOrig = $getAssetUrl('1/source.avif');
+$sourceMob  = $getAssetUrl(1, 'mob', '1-source');
+$sourceOrig = $getAssetUrl(1, 'desk', '1-source');
 
-$resultMob  = $getAssetUrl('1/result_mob.avif');
-$resultOrig = $getAssetUrl('1/result.avif');
+$resultMob  = $getAssetUrl(1, 'mob', '2-result');
+$resultOrig = $getAssetUrl(1, 'desk', '2-result');
 
 ?>
 
@@ -49,15 +49,15 @@ $resultOrig = $getAssetUrl('1/result.avif');
         <div class="image-examples-label"><?= Yii::t('app', 'Примеры улучшения') ?></div>
         <div class="image-examples-list">
             <?php for ($i = 1; $i <= 5; $i++): 
-                $thumbMob  = $getAssetUrl("{$i}/thumb_mob.avif");
-                $thumbOrig = $getAssetUrl("{$i}/thumb.avif");
+                $thumbMob  = $getAssetUrl($i, 'mob', '3-thumb');
+                $thumbOrig = $getAssetUrl($i, 'desk', '3-thumb');
             ?>
                 <div class="image-examples-item <?= $i === 1 ? 'active' : '' ?>" 
                      data-index="<?= $i ?>"
-                     data-source="<?= $getAssetUrl("{$i}/source.avif") ?>" 
-                     data-result="<?= $getAssetUrl("{$i}/result.avif") ?>"
-                     data-source-mob="<?= $getAssetUrl("{$i}/source_mob.avif") ?>" 
-                     data-result-mob="<?= $getAssetUrl("{$i}/result_mob.avif") ?>">
+                     data-source="<?= $getAssetUrl($i, 'desk', '1-source') ?>"
+                     data-result="<?= $getAssetUrl($i, 'desk', '2-result') ?>"
+                     data-source-mob="<?= $getAssetUrl($i, 'mob', '1-source') ?>"
+                     data-result-mob="<?= $getAssetUrl($i, 'mob', '2-result') ?>">
                     <div class="image-examples-image">
                         <?php if ($i === 1): ?>
                             <picture>