Wagtail ImageChooserPanel: upload only, do not show other images in collections - file-upload

I'm building a site with different users who should not see each others' uploaded images. The wagtailimages.Image model and ImageChooserPanel always show all the images in the various "collections".
How can I customize ImageChooserPanel so that it only offers image upload?
I can use a Django models.ImageField and its simple upload widget but then do not get the nice preview in an Orderable list, nor the different rendition sizes. A previous query on this goal was ill-informed: Limit ImageChooserPanel to children of current Page? and now I realize it's basically a widget UX change I want.
Thanks.

Perhaps this https://github.com/spapas/wagtail-faq/blob/master/README.md#ok-fine-but-i-dont-want-my-editors-to-be-able-to-select-small-images and this could help https://github.com/neon-jungle/wagtailmodelchooser

Related

how to pass multiple values for imagesize in google custom search api

I am using google custom search API to show images, now I want to display both xxlarge, huge images in search results.
Custom search api link:
https://www.googleapis.com/customsearch/v1?key={your Key}&cx={Search
Engine
Id}&q=hello&searchType=image&alt=json&safe=high&filter=1&num=10&fileType=jpg&
imgSize=huge&start=1
In the above link for image size currently I can get huge images, I want to include xxlarge images.
I have the same issue, there doesn't seem to be a way of specifying multiple image sizes, or indeed or doing larger than a certain size, as you can do with google search tools (i.e. on google.com).
so what I am thinking of doing to work around this is calling 2 searches, and adding both results that I want to an array to combine them.

Dynamic User Interface in iOS

Im struggling with a thought here. Let's say a user has his own CMS where he can fill the content for our app. One of his options is to create a view by uploading images and typing text. Well keep it very simple and imagine he only uploads a image (320 x 20) and some text. So an image on top and some textlines below.
What would be the best way to let my app know of this layout and download the contents? I was thinking of a downloadable XML file which defines the layout but don't really know how to implement this or if its even the best way.
Oh and the content and layout must be downloadable for offline use too.
Another option what I was thinking of is showing the layout in a webview but I can't figure out how to download the mobile website for offline use.
A push in the right direction would be appreciated!
We use a custom XML and it is working good. All texts inside 'label tags' are in XHTML
remember to:
be specific when defining the xml to save some effort
write a limiting XSD! So nothing 'surprising' creeps into the xml
remember not include everything in ONE xml file as that would get rather large rather quickly. Choose a scheme for portioning the XML

Show a single thumbnail when posting on facebook

A little background info is that my team and I developed a website for a Real Estate Agency and I've been assigned the task of setting the image of the currently selected property into facebook's sharing feature.
The webpage for the property is dynamic as there are several listings, so what I've done is select the first image that is loaded on the page and set it to the og:image meta tag.
Now let's say I copy the URL and post it on Facebook, it'll show the correct thumbnail, HOWEVER, it'll also show multiple thumbnails from other listings.
All images on the website are over 200 x 200px and are within an aspect ratio of 3:1.
My question is, how do I tell Facebook to only take my initial image and not grab others while it's as it.
Is there perhaps a SelectSingleImage property that I can apply?
I've already spent more time searching for the answer to this issue than I would have liked, so thanks for any help provided, it's much appreciated.
One method I use sometimes is to recognize Facebook's server and simply provide it with different data. This way you can actually only have one image on the page (as far as Facebook knows).
I don't know anything about vb.net, but here is a simple code sample in PHP. All it does is perform a regular expression on the user agent of the request to match it against the string "facebook".
$isFacebook = false;
if(preg_match("/facebook/",strtolower($_SERVER["HTTP_USER_AGENT"]))) {
$isFacebook = true;
}
Facebook may very well change their user agent signature one day, but for now, I'm pretty sure you'll be safe but keep synced with the Developers Blog and the Roadmap.
It seems that Facebook saved those images in cache for some bizarre reason, but to resolve this issue all I had to do was enter the URL into Facebook's Linter tool which in turn cleared the cache on their server.

Creating a image browser Boxee App

I am writing a Boxee App and I want to list all albums for a picasa account.
The problem I'm facing is that I have no idea of how to list albums and photos in the Boxee app.
The application itself should be fairly simple:
First a main screen where all your albums are listed, then when you click an album you see all your photos in a grid of say 4x5 photos
When you click a photo you go in to a view where one photo is displayed on the whole screen where back and forward lets users go back and forth in that gallery.
I have wrote a simple wrapper arround the gdata photos Python API which I was aiming to use so hopefully all the heavy lifting will be done by the gdata API.
Does anybody have some good links to example applications or tutorials to one or more of the features I want in the application?
Boxee uses an XML based approach for describing an application's interface. You'll need one XML for each screen of your application and you'll connect them together using the API.
You would build this XML screens using various controls defined by the XML API. Basically a control (a button, a list, a label, etc) is described as an XML node with attributes and child nodes. You can check a list of all the available controls here: http://developer.boxee.tv/UI_Controls
You can use the Python API to control various properties of the UI elements you coded in your XML files. For example you could fill a list with photos taken from a server, you could change the label on a button, load another screen and much more. Here are the Python API specs: http://developer.boxee.tv/Python_API
Make sure you read trough the Boxee dev pages and also remember that Boxee originated from the XBMC project so most of the documentation regarding XBMC skinning (http://wiki.xbmc.org/?title=Skinning_XBMC) also applies to Boxee.
Another thing that might help you is looking at other apps. Find an app that is somehow similar to what you want to do, find it in Boxee's app folder and peek at the code there.

How to upload and size a profile picture for a site?

I have a site that has a profile page and I would like to allow the users to upload an image for the profile picture. I forsee a problem if the user select an image that is larger than what I am allowing for the site. Is their a good refrence or example how to accomplish this?
The site is developed in Visual Studio 2008 with VB.NET 3.5.
The following site contains a good example of how to do this - Hybrid ASP.NET File Upload and Resize Sample (VB.NET).
If the image is the right shape but just too large you can use the method that Bermo talks about.
However if you'd like to choose the most interesting part of the image you can use the technique that Reddit uses for it's thumbnails.
See here for some info and the source code (Python) is here. Basically it splits the image up into sections and works out which ones are the most interesting by using the entropy value.