Адаптируйте массив ширины столбцов в соответствии с сеточной системой Bootstrap

Я работаю над преобразованием системы в сетку Bootstrap, и проблема, с которой я столкнулся, заключается в том, как преобразовать текущую ширину из массива в PHP в ближайший / «наиболее подходящий» в Bootstrap?

Посмотреть демо phpfiddle

Идея состоит в том, чтобы основывать ширину столбцов Bootstrap на старых значениях, к сожалению, в старой базе данных есть некоторые странные значения, к которым мне нужно адаптироваться. Вот шесть примеров того, как может выглядеть строка ширины старого столбца и количество столбцов;

  1. %30,%40,%30,% | 3
  2. %,%,%,% | 4
  3. 180,1070,, | 2
  4. 20,80,, | 2
  5. 75%,25%,20%, | 2
  6. ,,, | 1

Код PHP:

// example of output from database
$numberOfColumnsFromDatabase = 3;
$stringFromDatabase = '%30,%40,%30,%';
// NOT WORKING as intended:
// 3 cols with string '%30,%40,%30,%'
// Working as intended:
// 2 cols with string '180,1070,,'
// 4 cols with string '%,%,%,%'
// 2 cols with string '75%,25%,20%,'
// 1 cols with string ',,,'
echo 'Original string: "'.$stringFromDatabase.'"'."\n";

// strip percentage and explode to array
$stringStripped = str_replace('%','',$stringFromDatabase);
$columnArrayOld = explode(",", $stringStripped);

// only use the amount of columns from database
$cols = $numberOfColumnsFromDatabase;
$arrayShortened = array_slice($columnArrayOld, 0, $cols);

// sum it up
$fullWidth = array_sum($arrayShortened);
echo 'Full width = '.$fullWidth."\n";

// valid Bootstrap widths
$arrayToSearch = array(8.3, 16.6, 25, 33.3, 41.6, 50, 58.3, 66.6, 75, 83.3, 91.6, 100);

// calculate % of full width
$columnArrayStripped = array();
$columnArrayNew = array();
if($fullWidth > 0){
foreach($arrayShortened as $key => $value){
if(array_key_exists($key, $arrayShortened)) {
if ($columnArrayOld[$key] == '') {
break;
} else {
$percentage = round($arrayShortened[$key]*10)/$fullWidth*10;
$closest = getClosest($percentage,$arrayToSearch);
array_push($columnArrayStripped,$closest);
array_push($columnArrayNew,$closest.'%');
}
}
}
}
else{
//generate new equal width Bootstrap layout based on number of columns
//but only if exploded array does not equal column number
$columnArrayNew = array();
if(count($columnArrayStripped) != $cols) {
// if we cant retrieve widths
for($i=0;$i<$cols;$i++){
$percentage = round(intval(1000/$cols))/10;
array_push($columnArrayStripped, $percentage);
array_push($columnArrayNew, $percentage.'%');
}
}
}

echo 'New clean string: "'.implode(',',$columnArrayStripped).'"'."\n";

echo 'New percentage string: "'.implode(',',$columnArrayNew).'"'."\n";

function getClosest($search, $arr) {
$closest = null;
foreach ($arr as $item) {
if ($closest === null || abs($search - $closest) > abs($item - $search)) {
$closest = $item;
}
}
return $closest;
}

Выход:

Original string: "%30,%40,%30,%"Full width = 100
New clean string: "33.3,41.6,33.3"New percentage string: "33.3%,41.6%,33.3%"

Как видите 33,3 + 41,6 + 33,3 это более 100%. Я понимаю, почему результат такой, потому что он стремится к ближайшему, но как я могу предотвратить подобные проблемы? Моя цель — получить результирующую строку с допустимой шириной начальной загрузки, но общая сумма должна быть между 99,7 и 100,3.

(Я тоже пометил регулярное выражение, если ответ есть)

0

Решение

Из-за отсутствия первоначального ответа (нет ответов и мало просмотров), я решил сам. Но я ненадолго оставлю лучший ответ без ответа, если есть хорошая идея, как решить его с помощью регулярных выражений.

Вот мое решение
phpfiddle demo

Измененный код:

if($fullWidth > 0){
foreach($arrayShortened as $key => $value){
if(array_key_exists($key, $arrayShortened)) {
if ($columnArrayOld[$key] == '') {
break;
} else {
$percentage = round($arrayShortened[$key]*10)/$fullWidth*10;
$closest = getClosest($percentage,$arrayToSearch);
array_push($columnArrayStripped,$closest);
array_push($columnArrayNew,$closest.'%');
}
}
}
echo 'Array sum: '.array_sum($columnArrayStripped)."\n";
// if max value in array > 100, reduce max value with 8.3
if(array_sum($columnArrayStripped) > 100){
$maxKey = array_search(max($columnArrayStripped),$columnArrayStripped);
if($maxKey) {
$columnArrayStripped[$maxKey] -= $arrayToSearch[0];
$columnArrayNew[$maxKey] = $columnArrayStripped[$maxKey].'%';
}
}
}
0

Другие решения

Других решений пока нет …