формирование массива с формирует элемент: атрибуты тега, значения стиля и т. д. c. и l oop (php foreach) - PullRequest
0 голосов
/ 06 августа 2020

# вопрос к oop этой части (php foreach). При формировании массива я должен взять все, что формирует элемент: атрибуты тегов, значения стилей и т. Д. c. а я не знаю как это сделать ????

<div class="d-flex mt-2">
    My Tasks
    <span class="d-inline-block ml-auto">130 / 500</span>
</div>
<div class="progress progress-sm mb-3">
    <div class="progress-bar bg-fusion-400" role="progressbar" style="width: 65%;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="d-flex">
    Transfered
    <span class="d-inline-block ml-auto">440 TB</span>
</div>
<div class="progress progress-sm mb-3">
    <div class="progress-bar bg-success-500" role="progressbar" style="width: 34%;" aria-valuenow="34" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="d-flex">
    Bugs Squashed
    <span class="d-inline-block ml-auto">77%</span>
</div>
<div class="progress progress-sm mb-3">
    <div class="progress-bar bg-info-400" role="progressbar" style="width: 77%;" aria-valuenow="77" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="d-flex">
    User Testing
    <span class="d-inline-block ml-auto">7 days</span>
</div>
<div class="progress progress-sm mb-g">
    <div class="progress-bar bg-primary-300" role="progressbar" style="width: 84%;" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
</div>

1 Ответ

0 голосов
/ 06 августа 2020

Просто создайте данные, как это

$config = [];
$config[] = array(
    'box-style' => ' mt-2',
    'title' => 'My Tasks',
    'label' => '130 / 500',
    'bar-outer-style' => ' mb-3',
    'bar-style' => 'bg-fusion-400',
    'width' => 65
);

И вашему foreach l oop это понравится:

foreach ($config as $row) {
    print_r($row);
    echo '
    <div class="d-flex'.$row['box-style'].'">
        '.$row['title'].'
        <span class="d-inline-block ml-auto">'.$row['label'].'</span>
        </div>
        <div class="progress progress-sm'.$row['bar-outer-style'].'">
        <div class="progress-bar '.$row['bar-style'].'" role="progressbar" style="width: '.$row['width'].'%;" aria-valuenow="'.$row['width'].'" aria-valuemin="0" aria-valuemax="100"></div>
    </div>
    ';
}
...