Link pic & post

masks/upload.html

@@ -4,12 +4,13 @@
 	<div id="progress">
     	<div class="bar" style="width: 0%;"></div>
 	</div>
+	<div id="comments"></div>
 	<div id="status"></div>
 </div>
 <script type="text/javascript">
-oSpot.pageInit = function(asHash)
-{
+oSpot.pageInit = function(asHash) {
 	var asProject = self.vars(['projects', self.vars('default_project_codename')]);
+	self.tmp('status-box', $('#status'));
 	if(asProject.mode == self.consts.modes.blog) {
 		$('#fileupload')
 			.attr('data-url', self.getActionLink('upload'))
@@ -17,13 +18,14 @@ oSpot.pageInit = function(asHash)
 				dataType: 'json',
 				acceptFileTypes: /(\.|\/)(gif|jpe?g|png|mov)$/i,
 				done: function (e, asData) {
-					var $Status = $('#status');
-					
-					console.log(asData);
-					
 					$.each(asData.result.files, function(iKey, oFile) {
-						var sMsg = ('error' in oFile)?oFile.error:(self.lang('upload_success', [oFile.name]));
-						$Status.append($('<p>').text(sMsg));
+						var bError = ('error' in oFile);
+						
+						//Feedback
+						addStatus(bError?oFile.error:(self.lang('upload_success', [oFile.name])));
+						
+						//Comments
+						if(!bError) addCommentBox(oFile.id, oFile.thumbnail);
 					});
 				},
 				progressall: function (e, data) {
@@ -32,6 +34,35 @@ oSpot.pageInit = function(asHash)
 				}
 			});
 	}
-	else $('#status').empty().append(self.lang('upload_wrong_mode', [asProject.name]));
+	else addStatus(self.lang('upload_wrong_mode', [asProject.name]), true);
 };
+
+function addCommentBox(iMediaId, sThumbnailPath) {
+	$('#comments').append($('<div>', {'class':'comment'})
+		.append($('<img>', {'class':'thumb', 'src':sThumbnailPath}))
+		.append($('<form>')
+			.append($('<input>', {'class':'content', 'name':'content', 'type':'text'}))
+			.append($('<input>', {'class':'id', 'name':'id', 'type':'hidden', 'value':iMediaId}))
+			.append($('<button>', {'class':'save', 'type':'button'})
+				.click(function(){
+					var $Form = $(this).parent();
+					oSpot.get(
+						'add_comment',
+						function(asData){addStatus(self.lang('media_comment_update', asData.filename));},
+						{id:$Form.find('.id').val(), content:$Form.find('.content').val()},
+						function(sMsgId){addStatus(self.lang(sMsgId));},
+					);
+				})
+				.text(self.lang('save'))
+			)
+		)
+	);
+}
+
+function addStatus(sMsg, bClear) {
+	bClear = bClear || false;
+	if(bClear) self.tmp('status-box').empty();
+	
+	self.tmp('status-box').append($('<p>').text(sMsg));
+}
 </script>