func (self BlobRefController) NewInput(withLabel bool, metaData *model.MetaData, form *view.Form) (input view.View, err error) {
blobRef := metaData.Value.Addr().Interface().(*BlobRef)
hiddenInput := &view.HiddenInput{Name: metaData.Selector(), Value: blobRef.String()}
uploadList := &view.List{Class: "qq-upload-list"}
removeButton := &view.Div{
Class: "qq-upload-button",
Content: view.HTML("Remove"),
OnClick: fmt.Sprintf(
`jQuery("#%s").attr("value", "");
jQuery("#%s").empty();`,
hiddenInput.ID(),
uploadList.ID(),
),
}
chooseList := view.Views{
view.JQueryUIAutocompleteFromURL(".gostart-select-blob", API.AllBlobs, 2),
}
uploadButton := UploadBlobButton(
"",
"#"+uploadList.ID(),
fmt.Sprintf(
`function(id, fileName, responseJSON) {
jQuery("#%s").attr("value", responseJSON.blobID);
}`,
hiddenInput.ID(),
),
)
editor := view.DIV(Config.BlobRefController.Class,
view.RequireScriptURL("/media/media.js", 0),
view.RequireStyle(
`.qq-upload-button {
margin: 0 0 5px 10px;
cursor: pointer;
}
.qq-upload-button:hover {
background-color: #cc0000;
}`,
10,
),
hiddenInput,
view.DIV(Config.BlobRefController.ActionsClass, chooseList, removeButton, uploadButton),
uploadList,
view.DivClearBoth(),
)
if withLabel {
return view.AddStandardLabel(form, editor, metaData), nil
}
return editor, nil
}
// Uses https://github.com/valums/file-uploader
func UploadImageButton(thumbnailSize int, onComplete string) view.View {
if onComplete == "" {
onComplete = "function(){}"
}
const registerUploaderScript = `jQuery(function() {
var uploader = new qq.FileUploader({
debug: true,
element: jQuery("#%s")[0],
action: "%s",
allowedExtensions: ["png", "jpg", "jpeg", "gif", "bmp", "tif", "tiff"],
acceptFiles: ["image/png", "image/jpeg", "image/gif", "image/bmp", "image/tiff"],
multiple: false,
onComplete: %s
});
});`
uploader := view.DIV("uploader")
uploaderID := uploader.ID()
uploaderScript := view.RenderView(
func(ctx *view.Context) error {
uploadURL := UploadImage.URL(ctx.ForURLArgsConvert(thumbnailSize))
script := fmt.Sprintf(registerUploaderScript, uploaderID, uploadURL, onComplete)
ctx.Response.RequireScript(script, 20)
return nil
},
)
return view.Views{
&view.If{
Condition: !Config.NoDynamicStyleAndScript,
Content: view.Views{
view.RequireStyleURL("/media/fileuploader.css", 0),
view.RequireScriptURL("/media/fileuploader.js", 0),
// view.RequireScriptURL("/media/media.js", 10),
},
},
uploader,
uploaderScript,
}
}
func (self BlobRefController) NewInput(withLabel bool, metaData *model.MetaData, form *view.Form) (input view.View, err error) {
blobRef := metaData.Value.Addr().Interface().(*BlobRef)
// _, _, err = blobRef.TryGet()
// if err != nil {
// return nil, err
// }
selectModel := &view.ValueLabelSelectModel{
ValuesAndLabels: []string{"", ""},
SelectedValue: blobRef.String(),
}
var b Blob
for i := BlobIterator(); i.Next(&b); {
label := fmt.Sprintf("%s (%d kb)", b.Title, b.Size.Get()/1024)
selectModel.ValuesAndLabels = append(selectModel.ValuesAndLabels, b.ID.Get(), label)
}
selector := &view.Select{
Name: metaData.Selector(),
Model: selectModel,
Size: 1,
}
uploadList := &view.List{Class: "qq-upload-list"}
removeButton := &view.Div{
Class: "qq-upload-button",
Content: view.HTML("Remove"),
OnClick: fmt.Sprintf(
`jQuery("#%s").attr("value", "");
jQuery("#%s").empty();`,
selector.ID(),
uploadList.ID(),
),
}
uploadButton := UploadBlobButton(
"",
"#"+uploadList.ID(),
fmt.Sprintf(
`function(id, fileName, responseJSON) {
var select = jQuery("#%s");
select.append("<option value='"+ responseJSON.blobID +"'>" + fileName + " (" + Math.floor(responseJSON.blobSize / 1024) + " kb)</option>");
select.attr("value", responseJSON.blobID);
}`,
selector.ID(),
),
)
editor := view.DIV(Config.BlobRefController.Class,
view.RequireScriptURL("/media/media.js", 0),
view.RequireStyle(
`.qq-upload-button {
margin: 0 0 5px 10px;
cursor: pointer;
}
.qq-upload-button:hover {
background-color: #cc0000;
}`,
10,
),
view.DIV(
Config.BlobRefController.ActionsClass,
selector,
removeButton,
uploadButton),
uploadList,
view.DivClearBoth(),
)
if withLabel {
return view.AddStandardLabel(form, editor, metaData), nil
}
return editor, nil
}
func (self ImageRefController) NewInput(withLabel bool, metaData *model.MetaData, form *view.Form) (input view.View, err error) {
imageRef := metaData.Value.Addr().Interface().(*ImageRef)
thumbnailSize := Config.ImageRefController.ThumbnailSize
var img view.View
if imageRef.IsEmpty() {
img = view.IMG(Config.dummyImageURL, thumbnailSize, thumbnailSize)
} else {
image, found, err := imageRef.TryGet()
if err != nil {
return nil, err
}
if found {
version, err := image.Thumbnail(thumbnailSize)
if err != nil {
return nil, err
}
img = version.View("")
} else {
imageRef.Set(nil)
img = view.IMG(Config.dummyImageURL, thumbnailSize, thumbnailSize)
}
}
hiddenInput := &view.HiddenInput{Name: metaData.Selector(), Value: imageRef.String()}
thumbnailFrame := &view.Div{
Class: Config.ImageRefController.ThumbnailFrameClass,
Style: fmt.Sprintf("width:%dpx;height:%dpx;", thumbnailSize, thumbnailSize),
Content: img,
}
uploadList := &view.List{Class: "qq-upload-list"}
removeButton := &view.Div{
Class: "qq-upload-button",
Content: view.HTML("Remove"),
OnClick: fmt.Sprintf(
`jQuery("#%s").attr("value", "");
jQuery("#%s").empty().append("<img src='%s' width='%d' height='%d'/>");
jQuery("#%s").empty();`,
hiddenInput.ID(),
thumbnailFrame.ID(),
Config.dummyImageURL,
thumbnailSize,
thumbnailSize,
uploadList.ID(),
),
}
chooseDialogThumbnails := view.DIV("")
chooseDialogThumbnailsID := chooseDialogThumbnails.ID()
chooseDialog := &view.ModalDialog{
Style: "width:600px;height:400px;",
Content: view.Views{
view.H3("Choose Image:"),
chooseDialogThumbnails,
view.ModalDialogCloseButton("Close"),
},
}
chooseButton := view.DynamicView(
func(ctx *view.Context) (view.View, error) {
return &view.Div{
Class: "qq-upload-button",
Content: view.HTML("Choose existing"),
OnClick: fmt.Sprintf(
`gostart_media.fillChooseDialog('#%s', '%s', function(value){
jQuery('#%s').attr('value', value.id);
var img = '<img src=\"'+value.url+'\" alt=\"'+value.title+'\"/>';
jQuery('#%s').empty().append(img);
%s
});
%s;`,
chooseDialogThumbnailsID,
AllThumbnailsAPI.URL(ctx.ForURLArgsConvert(Config.ImageRefController.ThumbnailSize)),
hiddenInput.ID(),
thumbnailFrame.ID(),
view.ModalDialogCloseScript,
chooseDialog.OpenScript(),
),
}, nil
},
)
uploadButton := view.DIV("")
uploadButtonID := uploadButton.ID()
uploadButton.Content = UploadImageButton(
"#"+uploadButtonID,
"#"+thumbnailFrame.ID(),
"#"+uploadList.ID(),
thumbnailSize,
fmt.Sprintf(
`function(id, fileName, responseJSON) {
var img = "<img src='" + responseJSON.thumbnailURL + "' width='%d' height='%d'/>";
jQuery("#%s").empty().html(img);
jQuery("#%s").attr("value", responseJSON.imageID);
}`,
thumbnailSize,
thumbnailSize,
thumbnailFrame.ID(),
hiddenInput.ID(),
),
)
editor := view.DIV(Config.ImageRefController.Class,
view.RequireScriptURL("/media/media.js", 0),
view.RequireStyle(
`.qq-upload-button {
margin: 0 0 5px 10px;
cursor: pointer;
}
.qq-upload-button:hover {
background-color: #cc0000;
}`,
10,
),
chooseDialog,
hiddenInput,
thumbnailFrame,
&view.Div{
Class: Config.ImageRefController.ActionsClass,
Style: fmt.Sprintf("margin-left: %dpx", thumbnailSize+10),
Content: view.Views{
removeButton,
chooseButton,
uploadButton,
},
},
uploadList,
)
if withLabel {
return view.AddStandardLabel(form, editor, metaData), nil
}
return editor, nil
}