Skip to main content
100%

Gist a5d9bcffd06abdeae2e9

✓ Published0🌍 Public
Aandybak
Last edited Nov 14, 2015
Created on Nov 14, 2015

This example shows a Django admin widget that combines a file browser with an upload field, rendered via the `custom_browse_and_upload_field.html` template. It displays a text input for a file path, a browse button that opens the FileBrowser popup, and a drag-and-drop upload area powered by qq.FileUploader. The widget supports image previews using the `filebrowser` versioning system, shows an error message if the referenced file no longer exists, and includes JavaScript to handle upload progress, success, and failure states with a configurable template for each upload item.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 8784016

This example shows how to extend Django’s admin interface with custom JavaScript files using the `django_admin_blocks` library. It registers a configuration object that defines a `script_blocks` list, specifying two client-side resources: `js/jQuery.cookies.js` and `js/cms_admin.js`. The code relies on the `django_admin_blocks.register()` API to inject these scripts into the admin’s HTML output. The data source is the explicit URL paths in the list, and the rendering approach is the library’s block-based script loading mechanism.

Aandybak
63% match
Loading thumbnail…

Gist 3eaebe83fc5afdf2eb57

This example customizes Django’s admin change form template to conditionally control form submission buttons. It shows how the `submit_row` inclusion tag is suppressed for non-superusers with a `car.readonly` permission, while remaining visible for other users. The template extends `admin/base_site.html`, loads admin URL and static helpers, and uses Django’s template inheritance blocks like `field_sets` and `inline_field_sets`. It also includes JavaScript to autofocus the first form field on add pages and references admin media via `{{ media }}`. The code relies on Django’s built-in admin APIs, including `prepopulated_fields_js` and URL resolution through `{% url %}`.

Aachanda101
63% match
Loading thumbnail…

Gist 6442223

This example demonstrates a file upload interface with a progress bar, built using jQuery and the html5_upload plugin. The page allows multiple file selection, prompts for a server URL for each file, and displays upload progress with a blue progress bar. The CSS gives the page a cohesive blue gradient design with responsive layout adjustments for different screen sizes, including a playful rotation effect on images when clicked. The visualization highlights the interaction between custom JavaScript upload logic and dynamic CSS styling.

AAntonio24
63% match
Loading thumbnail…

Gist 9514712

This visualization example displays a user interface with a quick-links panel, built using the Django web framework and its templating system. It shows a list of navigation options, including product search, customer accounts, password change, and logout, arranged in an inline layout. The code uses Django’s `reverse()` function to generate URLs for the links, along with the `LinkList` module, which renders the menu items with attributes like draggable, deletable, and collapsible set to false. The data comes from the application’s URL configuration and admin paths.

Aandybak
62% match
Loading thumbnail…

Gist 5344001

This example presents a configuration file for a Django CMS development environment, not a visualization. It sets up local database connections, enables debugging tools like the Django Debug Toolbar and django_extensions, and configures media and static file paths. The code also includes settings for the django-compressor, devserver, filebrowser, and backup modules, with several options toggled for development. No data visualization libraries or rendering methods are present in this file.

Aandybak
62% match
Loading thumbnail…

Gist 6138a5680dbc66f83c6d

This example demonstrates a Django admin customization module that renders reverse foreign-key and one-to-one relationships as inline formsets, replacing the default select-box interface. The code uses Django’s `ModelAdmin`, `InlineModelAdmin`, and `BaseModelFormSet` to create `ReverseInlineFormSet`, which limits the formset to a single existing object or a single empty form, and supports tabular or stacked layouts via `inline_type`. It also references Django’s `csrf_protect_m`, `flatten_fieldsets`, and formset validation utilities, with the source being a gist by andybak adapted for Django 1.6.

Aandybak
61% match
Loading thumbnail…

Gist 80e860673485f5ffdb08

This example demonstrates a Django admin enhancement called ReverseModelAdmin, which improves the management of OneToOneField and ForeignKey relationships by rendering them as reverse inlines instead of standard select boxes. The code defines a custom formset, ReverseInlineFormSet, and a factory function to create inline formsets that display related models embedded within the parent admin page. It uses Django’s admin internals, including InlineModelAdmin, ModelForm, and modelformset_factory, to support tabular or stacked layouts for the related data.

Aandybak
59% match
Loading thumbnail…

Gist 6198f227114a9aeabdbc

This example demonstrates a Selenium-based automated test of the Django admin interface for the Hireable HQ application, specifically exercising the booking, stock request, and consignment workflows. The test uses the Selenium Python API to launch a Chrome browser, log in with credentials, and navigate through administrative pages by clicking links and buttons. It interacts with form elements using `sel.type` and `sel.select`, and verifies page loads via `sel.wait_for_page_to_load`. The rendering approach is plain HTML pages accessed through the Selenium WebDriver, with no visualization libraries involved.

Aandybak
58% match