Nav mixin

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.

62% match

Set Active Class on Nav-Menu-Item in Nunjucks

This example demonstrates a Nunjucks template pattern for conditionally applying an "active" class to a navigation menu item based on the current page. It shows how a `page_title` variable, set in an extending template, is compared against each item in a `navItems` array from a `data.json` file. The `for` loop iterates through the items, and an inline `if` statement appends the `menu-item-current` class when the titles match. The resulting HTML output is displayed, highlighting the active "about" link.

LLucyI

Gist 2ad07f5c9a84e6823e08

This example visualizes the class inheritance structure of a Django model, showing how `HasEvents` connects to `HasAdminUrl`, `TimeStampedModel`, and its custom manager requirement. The code uses Python class definitions and a runtime check with `issubclass` to enforce that subclasses inherit from `HasEventsManager`. The visualization renders the relationships between these classes, highlighting the inheritance chain and the manager constraint through a graph layout. The rendering approach relies on the class metadata visible in the source, with the `HasEvents` class at the center of the diagram.

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.

Gist 87d684b75d7cf10a67ff

This visualization displays a set of URL link choices derived from a Django CMS admin view’s link list context, rendering them as a navigable selection interface. It retrieves link data through the `get_linklist_context` function, extracting entries from the `links`, `documents`, and `secure_documents` keys, then pairs each link’s title with its URL. The code builds a flat choice list by iterating over these keys and appending blank options, using Python list comprehensions and the `extend` method. No external visualization library is employed; the output appears as plain text options rather than a graphical chart.

nests

This visualization demonstrates hierarchical data grouping using D3’s nest operator, which organizes a flat dataset into a tree structure based on key functions. The example shows how nested groups are rendered as collapsible node-link diagrams, with each level of the nest corresponding to a depth in the tree. The code relies on `d3.nest()` to build the hierarchy and `d3.hierarchy()` plus `d3.tree()` for layout, while transitions animate the expansion and collapse of branches. The underlying data is generated from a small inline array, and the rendering uses SVG paths and circles styled with standard D3 scales.

Aaaizemberg

51% match

Fork of CSS Display 2 (lists)

This example demonstrates a simple horizontal navigation menu with links to Intro, Portfolio, and Projects sections. It shows how CSS list properties and inline-block positioning create a right-aligned, black-background nav bar where links appear in white and gain an underline on hover or focus. The code uses HTML unordered lists alongside CSS styling with Google Fonts’ Roboto typeface loaded via @import, relying on properties like list-style-type, display, margin-inline, and text-decoration to achieve the visual layout.

WWRCIECH

51% match