Начало работы - поправил форму, начал делать обработчик

ground/classes/Image.php

@@ -0,0 +1,107 @@
+<?php
+
+class Image
+{
+
+	/**
+	 *
+	 * @param string $path
+	 * @return mix string-base64 or false
+	 */
+	public static function toBase64($path)
+	{
+		if ($path)
+		{
+			$type = pathinfo($path, PATHINFO_EXTENSION);
+
+			if (!$type)
+			{
+				return FALSE;
+			}
+
+			$data = file_get_contents($path);
+
+			return $data ? 'data:image/' . $type . ';base64,' . base64_encode($data) : FALSE;
+		}
+
+		return FALSE;
+	}
+
+	/**
+	 * Ресайзит изображение. На входе запрос вида sizeX_sizeY_imgName.ext
+	 * @param type $name
+	 */
+	public static function resize($imgName, $sizeX, $sizeY = false, $quality = 85)
+	{
+		$dir = 'photos/';
+		$newDir = 'photos/resize/';
+
+		$sizeY = $sizeY ? $sizeY : $sizeX;
+
+
+		$oldImgName = $dir . $imgName;
+		$newImgName = $newDir . $sizeX . '_' . $sizeY . '_' . $imgName;
+
+		if (file_exists($newImgName) || self::imgResize($oldImgName, $newImgName, $sizeX, $sizeY, $quality))
+		{
+			return '/' . $newImgName;
+		}
+
+		return '/' . $oldImgName;
+	}
+
+	/**
+	 *  Функция img_resize(): генерация thumbnails
+	 *  Параметры:
+	 *  $src             - имя исходного файла
+	 *  $dest            - имя генерируемого файла
+	 *  $width, $height  - ширина и высота генерируемого изображения, в пикселях
+	 *  Необязательные параметры:
+	 *  $quality         - качество генерируемого JPEG, по умолчанию 90; максимальное 100;
+	 */
+	private static function imgResize($src, $dest, $width, $height, $quality = 90)
+	{
+		if (!file_exists($src))
+			return false;
+
+		$size = getimagesize($src);
+
+		if ($size === false)
+			return false;
+
+		// Определяем исходный формат по MIME-информации, предоставленной
+		// функцией getimagesize, и выбираем соответствующую формату
+		// imagecreatefrom-функцию.
+		$format = strtolower(substr($size['mime'], strpos($size['mime'], '/') + 1));
+		$icfunc = "imagecreatefrom" . $format;
+		if (!function_exists($icfunc))
+			return false;
+
+		$x_ratio = $width / $size[0];
+		$y_ratio = $height / $size[1];
+
+		$ratio = max($x_ratio, $y_ratio);
+		$use_x_ratio = ($x_ratio == $ratio);
+
+		$new_width = $use_x_ratio ? $width : floor($size[0] * $ratio);
+		$new_height = !$use_x_ratio ? $height : floor($size[1] * $ratio);
+		$new_left = $use_x_ratio ? 0 : floor(($width - $new_width) / 2);
+		$new_top = !$use_x_ratio ? 0 : floor(($height - $new_height) / 2);
+
+		$isrc = $icfunc($src);
+		$idest = imagecreatetruecolor($width, $height);
+
+		imagefill($idest, 0, 0, 0xFFFFFF);
+		imagecopyresampled($idest, $isrc, $new_left, $new_top, 0, 0, $new_width, $new_height, $size[0], $size[1]);
+
+		//$iofunct = "image".$format;
+		//$iofunct($idest, $dest, $quality);
+		imagejpeg($idest, $dest, $quality);
+
+		imagedestroy($isrc);
+		imagedestroy($idest);
+
+		return true;
+	}
+
+}

ground/config_template.php

@@ -8,6 +8,12 @@ return array(
 		'password' => 'root',
 		'dbname' => 'poi',
 	),
-    //'version' => trim(file_get_contents(dirname(__FILE__).'/version')),
+	'images' => array(
+		// 'dirName' => array(maxX, maxY, quality),
+		'small' => array(200, 150, 100),
+		'middle' => array(555, 450, 90),
+		'big' => array(1110, 900, 90),
+	),
+	//'version' => trim(file_get_contents(dirname(__FILE__).'/version')),
 );
 

ground/controllers/JsonController.php

@@ -70,7 +70,29 @@ class JsonController extends Controller
      */
     static function actionAddPoint()
     {
-        $errors = array();
+		$photos = array();
+		$temp = pathinfo($_SERVER['SCRIPT_FILENAME']);
+		$uploaddir = $temp['dirname'] . '/photos/';
+//		print_r($_FILES);
+//		print_r($_REQUEST);
+//		die;
+		if (isset($_FILES) && !empty($_FILES))
+		{
+			foreach ($_FILES['photos']['name'] as $key => $fileName)
+			{
+				$temp = pathinfo($_FILES['photos']['name'][$key]);
+
+				$foto = strtolower('_' . substr(md5($fileName . time()), 0, 5) . '.' . $temp['extension']);
+				if (move_uploaded_file($_FILES['photos']['tmp_name'][$key], $uploaddir . $foto))
+				{
+					$photos[] = $foto;
+				}
+			}
+		}
+		print_r($photos);
+		die;
+
+		$errors = array();
 
         if(!( isset($_POST['name']) && $_POST['name'] && strlen($_POST['name']) > 1 )) $errors[1]='Неверное название точки';
         if(!( isset($_POST['img']) && $_POST['img'] && strlen($_POST['img']) > 13 )) $errors[2]='Плохая ссылка на изображение';

ground/views/modals/addPoint.php

@@ -6,29 +6,35 @@
                 <h4 class="modal-title" id="myModalLabel">Добавление новой точки</h4>
             </div>
             <div class="modal-body" style="padding-bottom: 0;">
-                <form method="POST" action="/json/addpoint/" id="addPointForm">
+                <form method="POST" action="/json/addpoint/" id="addPointForm" enctype="multipart/form-data">
                     <div class="form-group">
                         <label class="control-label" for="name">Название</label>
                         <label class="control-label error" for="name">(Слишком короткое название точки)</label>
                         <input type="text" id="addPointName" name="name" class="form-control" />
                     </div>
-                    <div class="form-group">
-                        <label class="control-label" for="img">URL изображения (по ссылке должна открываться фотография)</label>
-                        <label class="control-label error" for="img">(Что-то не так с сылкой на изображение)</label>
-                        <input type="text" id="addPointImg" name="img" class="form-control" />
-                    </div>
 
                     <div class="form-group">
                         <label class="control-label" for="description">Описание</label>
-                        <label class="control-label error" for="img">(Слишком короткое описание - минимум 25 символов)</label>
+                        <label class="control-label error" for="description">(Слишком короткое описание - минимум 25 символов)</label>
-                        <textarea id="addPointDescription" name="description" class="form-control"></textarea>
+                        <textarea id="addPointDescription" name="description" class="form-control" rows="4"></textarea>
+                    </div>
+
+					<div class="form-group extraImage asLink">
+                        <label class="control-label" for="img">Файлы и ссылки (URL) на изображения</label>
+                        <label class="control-label error" for="img">(Что-то не так с сылкой на изображение)</label>
+                        <div class="input-group">
+							<div class="input-group-addon type ico" title="Укажите ссылку на изображение"><span class="glyphicon glyphicon-link"></span></div>
+							<input type="text" id="" name="imgs[]" class="form-control" placeholder="http://" />
+							<div class="input-group-addon type button" onclick="switchType($(this))" title="Загрузить файл"><span class="glyphicon glyphicon-transfer"></span></div>
+							<div class="input-group-addon add button" onclick="addNewImage()" title="Добавить ещё одно изображение"><span class="glyphicon glyphicon-plus"></span></div>
+						</div>
                     </div>
 
                     <div class="form-group">
                         <label class="control-label" for="categoryId">Тип</label>
                         <select id="addPointCategoryId" name="categoryId" class="form-control">
                             <?php foreach ($categories as $category): ?>
-                                <option value="<?=$category['id']?>"><?=$category['name']?></option>
+                                <option value="<?=$category->id?>"><?=$category->name?></option>
                             <?php endforeach; ?>
                         </select>
                     </div>
@@ -40,16 +46,61 @@
 
 					<div class="form-group">
 						Координаты:
-						<input type="text" id="addPointLat" name="lat" class="form-control input-sm" style="width: 120px; display: inline-block;" readonly="readonly" disabled="disabled"/>
+						<input type="text" id="addPointLat" name="lat" class="form-control input-sm" style="width: 145px; display: inline-block;" readonly="readonly" disabled="disabled"/>
-						<input type="text" id="addPointLng" name="lng" class="form-control input-sm" style="width: 120px; display: inline-block;" readonly="readonly" disabled="disabled"/>
+						<input type="text" id="addPointLng" name="lng" class="form-control input-sm" style="width: 145px; display: inline-block;" readonly="readonly" disabled="disabled"/>
-						<button type="button" class="btn btn-sm btn-default" onclick="editSetNewCoords();"><span class="glyphicon glyphicon-flag"></span></button>
+						<button type="button" class="btn btn-sm btn-default" onclick="editSetNewCoords();"><span class="glyphicon glyphicon-screenshot"></span> изменить координаты</button>
 					</div>
                 </form>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-default" data-dismiss="modal">Отмена</button>
-                <button type="button" class="btn btn-primary" onclick="addPoint();">Сохранить</button>
+                <button type="button" class="btn btn-primary" onclick="$('#addPointForm').submit();">Сохранить</button>
             </div>
+
+			<div id="newIm">
+				<div class="form-group extraImage asLink" style="display: none;">
+					<label class="control-label error" for="img">(Что-то не так с сылкой на изображение)</label>
+					<div class="input-group">
+						<div class="input-group-addon type ico" title="Укажите ссылку на изображение"><span class="glyphicon glyphicon-link"></span></div>
+						<input type="text" name="imgs[]" class="form-control" />
+						<div class="input-group-addon type button" onclick="switchType($(this))" title="Изменить поле на загрузку файла"><span class="glyphicon glyphicon-transfer"></span></div>
+						<div class="input-group-addon remove button" onclick="removeInput($(this))" title="Удалить это поле"><span class="glyphicon glyphicon-trash"></span></div>
+					</div>
+				</div>
+			</div>
         </div>
     </div>
 </div>
+<script>
+	function addNewImage()
+	{
+		if ($('.extraImage', '#addPointForm').length < 10)
+			$('.extraImage', '#newIm').clone().insertAfter($('.extraImage', '#addPointForm').last()).show(200);
+	}
+
+	function removeInput(el)
+	{
+		$(el).parent().parent().hide(300, function(){$(el).remove()});
+	}
+
+	function switchType(el)
+	{
+		container = $(el).parent().parent();
+		if (container.hasClass('asLink'))
+		{
+			$('.ico span', container).removeClass('glyphicon-link').addClass('glyphicon-paperclip');
+			$('.form-control', container).attr('type', 'file').attr('name', 'photos[]');
+			container.removeClass('asLink');
+			el.attr('title', 'Указать ссылку на изображение');
+			$('.input-group-addon.type.ico', container).attr('title', 'Загрузите файл с изображением');
+		}
+		else
+		{
+			$('.ico span', container).removeClass('glyphicon-paperclip').addClass('glyphicon-link');
+			$('.form-control', container).attr('type', 'text').attr('name', 'imgs[]');
+			container.addClass('asLink');
+			el.attr('title', 'Загрузить файл');
+			$('.input-group-addon.type.ico', container).attr('title', 'Укажите ссылку на изображение');
+		}
+	}
+</script>

public/css/style.css

@@ -20,6 +20,11 @@ div.header a:hover {text-decoration: none;}
 div.header a:hover h1 {cursor: pointer;}
 div.add {cursor: pointer;}
 
+#addPointModal .extraImage .button {cursor: pointer;}
+#addPointModal .extraImage .remove:hover {background-color: #d44950; color: #fff;}
+#addPointModal .extraImage .add:hover {background-color: #49d450; color: #fff;}
+#addPointModal .extraImage .type.button:hover {background-color: #ddd;}
+
 .form-group .error {display: none;}
 .form-group.has-error .error {display: inline-block;}