Хак: поворот фото в Фотоальбомах Для InstantCMS 2.X. 2 796 просмотров

Всем привет!

Давно ничего не писал, как обычно нет на все времени.

Предлагаю вашему вниманию функцию поворот фото на 90 градусов для стандартного компонента Фотоальбомы.

Компонент Фотоальбомы очень слабый по сравнению с остальным функционалом второй ветки и данной функции поворота очень не хватает.

Для себя решил следующим способом, буду рад любым подсказкам и правкам, также, очень надеюсь, что переработанное решение войдет в следующее обновление InstantCMS 2.x

1. Добавляем кнопку переворота:
файл /templates/default/controllers/photos/view.tpl.php строки:

 
if ($is_can_edit){
        $this->addToolButton(array(
            'class' => 'edit',
            'title' => LANG_PHOTOS_RENAME_PHOTO,
            'href'  => 'javascript:icms.photos.rename()'
        ));
	}

заменить на:

 
if ($is_can_edit){
        $this->addToolButton(array(
            'class' => 'edit',
            'title' => LANG_PHOTOS_RENAME_PHOTO,
            'href'  => 'javascript:icms.photos.rename()'
        ));
		$this->addToolButton(array(
            'class' => 'edit',
            'title' => LANG_PHOTOS_ROTATE_PHOTO,
            'href'  => 'javascript:icms.photos.rotate()'
        ));
	}

также в самом низу в <script> после строки:

 
var rename_url = '<?php echo $this->href_to('rename'); ?>';

добавляем:

 
var rotate_url = '<?php echo $this->href_to('rotate'); ?>';

2. Добавляем вызов функции поворота из JS
файл /templates/default/js/photos.js
после функции:

 
this.rename = function(){
        ...
}

добавляем новую функцию:

 
this.rotate = function(){
 
        var id = $('#album-photo-item').data('id');
 
        $.post(rotate_url, {id: id}, function(result){
			if (result.success){
				window.location.href='';
			}
		}, 'json');
 
    }

3. Создаем action функции переворота.
в директории /system/controllers/photos/actions создаем файл с названием rotate.php со следующим содержимым.

 
<?php
 
class actionPhotosRotate extends cmsAction{
 
    public function run($photo_id = null){
 
		if (!$this->request->isAjax()) { cmsCore::error404(); }
 
        if (!$photo_id) { 
			$photo_id = $this->request->get('id');
			if (!$photo_id) { cmsCore::error404(); }
		}
 
        $photo = $this->model->getPhoto($photo_id);
 
        $success = true;
 
        // проверяем наличие доступа
        $user = cmsUser::getInstance();
        if (!cmsUser::isAllowed('albums', 'edit')) { $success = false; }
        if (!cmsUser::isAllowed('albums', 'edit', 'all') && $photo['user_id'] != $user->id) { $success = false; }
 
        if (!$success){
            cmsTemplate::getInstance()->renderJSON(array(
                'success' => false
            ));
        }
 
        $this->model->rotatePhoto($photo_id);
 
        cmsTemplate::getInstance()->renderJSON(array(
            'success' => true
        ));
 
    }
 
}

4. Добавляем саму функцию поворота в модель
в файле /system/controllers/photos/model.php после функции:

 
public function renamePhoto($id, $title){
        ...
}

пишем новую функцию:

 
	public function rotatePhoto($id){
 
        $photo = $this->getPhoto($id);
 
        if(is_array($photo['image'])){
 
            $config = cmsConfig::getInstance();
 
            foreach($photo['image'] as $path){
 
				// получаем данные о картинке
				$size = getimagesize($config->upload_path . $path);
				//определяем тип (расширение) картинки
				$format = strtolower(substr($size['mime'], strpos($size['mime'], '/')+1));
				$icfunc = "imagecreatefrom" . $format;   //определение функции для расширения файла
				//если нет такой функции, то прекращаем работу скрипта
				if (!function_exists($icfunc)) return false;        
				// Загрузка изображения
				$source = $icfunc($config->upload_path . $path);
				// Поворот. Пустые углы заливаем цветом 0xffffff
				$rotate = imagerotate($source, 270, '0xffffff');
				// сохраняем картинку
				imagejpeg($rotate, $config->upload_path . $path, 100);
				// очищаем память
				imagedestroy($rotate);
            }
 
        }
 
    }

5. Добавляем языковую константу
в файл /system/languages/ru/controllers/photos/photos.php (и/или в другой язык)
добавляем:

 
define('LANG_PHOTOS_ROTATE_PHOTO',          'Повернуть фото на 90°');

P.S.
Этот пункт не обязателен, но мне показался крайне необходимым из-за того, что после поворота картинка показывается старая (не перевернутая из кэша).
Можно вопрос решить с переименованием файла после поворота, но мне это решение показалось более простым и универсальным.
В файле /system/libs/template.helper.php
в функции:

 
function html_image($image, $size_preset='small', $alt='', $attributes = array()){
        ...
}

меняем возвращение результата вместо:

 
return '<img src="'.$src.'" '.$size.' alt="'.htmlspecialchars($alt).'" '.$attr_str.$class.' />';

прописываем:

 
return '<img src="'.$src.'?'.filemtime(PATH.$src).'" '.$size.' alt="'.htmlspecialchars($alt).'" '.$attr_str.$class.' />';

P.S.S. Функция переворота работает с jpg, png, gif, но сохраняет все в формат jpg без переименования файла. Сохранить в исходном формате не получилось, появлялись ошибки, а исправлять было некогда. Пишите свои решения.

Жду тестов остальных участников сообщества, здравой критики и комментариев разработчиков.
Удачных выходных!

Хак: добавление комментариев в ленту активности

Хак: Умное Кеширование и Версионность в Javascript/CSS (2.x)

поворот фото

3 комментария

Реклама #