admiraljs/admiraljs/editors/image.js

Lightweight plug and play admin interface

define(['jquery',     // lib/jquery/jquery
  'underscore', // lib/underscore/underscore
  'backbone','editors/file'],
    function($, _, Backbone,FileClass) {
        //return a function to define "foo/title".
        //It gets or sets the window title.
		
		var View=FileClass.extend({
			
			initialize:function(options) {
				var that=this;
				
				
				var formats=null;
				if (options.formats==null ) {
					
					 formats={'thumbnail': {width: 80,height: 80}};
				
				
					
					}
					else formats=options.formats;
					this.subfolder=null;
					if (options.subfolder!=null) this.subfolder=options.subfolder;
						
						var imageVersions=JSON.stringify(formats)	
						console.log('FORMATS ARE',imageVersions)
				this.formData={"imageVersions":imageVersions};
				
				
				FileClass.prototype.initialize.call(this,options);
				
			
			
			
			//AJS.config.fileDir
				
			},getFileDir:function() {
				return (this.subfolder) ? AJS.config.fileDir+this.subfolder : AJS.config.fileDir;
				
			},displayValue:function() {
			
			this.display.empty();
								
								
									if (this.value) {
									
										var img=$('<img src="'+AJS.tools.getFilePath(this.value,this.fieldOptions,"thumbnail")+'" />');
										this.display.append(img)
									}
								
							
				
			}
		})
		
		View.display=function(val,name,model,schemaName) {
			
			//raw,column.name,this.model,this.schemaName
			
			console.log('display field',this.model)
			
			var img=$('<img/>');
			
		//	img.attr('src',AJS.config.fileDir+"thumbnail/"+val)
				img.attr('src',AJS.tools.getFilePathFromSchema(val,name,schemaName,"thumbnail"));
			return img;
			//return $("<div/>").html(val).text();
			
		}
		
        return View;
    }
);