Radiant Tiny-Paper Extension gets improved UI 6

Posted by cristi on April 08, 2009

Seeing that Radiant Tiny-Paper Extension got some attention we decided to improve the UI and usability.

As a learning experience and following a notice I read a couple of days ago that said something like “if the erb is too hard to pull in haml, it is likely a code smell” I decided to re-write all the views using HAML.

The Image Browser, has basically the same actions as before but a different layout. The list of images uses the vertical alignment facility I wrote about some time ago. There are two types of views (text-list and thumbnails), you have filtering, sorting and paginating facilities and an upload form to directly upload image assets. The major difference is the way you choose the image size. When you click an image a context menu popup will appear with all the image sizes. The popup also presents the image dimensions in pixels for each size.

Radiant Tiny Paper Images Browser

The File Browser also has a new layout. There are two sections, one for adding a link to a Radiant Page, and one for adding a link to an uploaded file. The Files Tab has filtering, sorting and paginating facilities and an upload form to directly upload assets. The Pages Tab presents a tree structure of the Radiant pages, excluding the ones that are not published.

Radiant Tiny Paper Files Browser

Check out the source code on github.

For installation and configuration details visit the Radiant Tiny-Paper Extension documentation page.

Trackbacks

Use this link to trackback from your own site.

Comments

Leave a response

  1. Arthur Tue, 14 Apr 2009 15:52:32 EEST

    Hi,
    It looks great, but I have one problem:
    Snippets!
    How can I use snippets in tinymce?
    ’cause my current radius tag got converted to a HR :)

  2. cristi Wed, 15 Apr 2009 08:34:28 EEST

    You can’t use radiant tags in parts that have the Rich Text Editor filter.
    A good practice is to separate the static content from the dynamic content. Keep in the TinyMCE parts only the content, and keep in other parts, snippets or layouts the radius tags.

  3. Phil Mon, 08 Mar 2010 15:29:45 EET

    Thanks for your work! Your extensions are great, but i’ve got a problem. I work with Radiant 0.9.0 and after installation the extension works. But if I want to insert an image i get this error:

    NoMethodError in Admin/tiny_paper#images

    Showing vendor/extensions/tiny_paper/app/views/admin/tiny_paper/_images_sizes.html.haml where line #6 raised:

    undefined method `each’ for #
    Extracted source (around line #6):

    3: %p= asset.title
    4: %div
    5: %table#sizes
    6: - @thumbnails.each do |k, v|
    7: %tr
    8: %th= link_to k, asset.asset.url(k)
    9: %td= asset.width(k).to_s + ‘px x ‘ + asset.height(k).to_s + ‘px’

    How can I resolve this problem? :)

  4. xain Fri, 30 Apr 2010 13:17:52 EEST

    I got the same error with radiant 0.90rc2.

  5. cristi Sat, 01 May 2010 16:16:25 EEST

    the extension hasn’t been updated to radiant 0.9 RC2, and we don’t plan an update until 0.9 (which won’t be long). But it should work with 0.9 RC1. Be sure to check the right branch. And also, get a version of paperclipped compatible with 0.9.

  6. AJ Tue, 04 May 2010 04:34:37 EEST

    I seem to have “fixed” this in radiant 0.8.2, but I cannot see the thumbnail sizes.

    I changed
    @thumbnails = Asset.asset_definitions[:asset][:styles]

    to
    @thumbnails = Asset.thumbnail_definitions

    but all my dimensions show up as 0×0

    At least I can select an image.

Comments