Skip to main content
100%

Gist 8370783

✓ Published0🌍 Public
Aandybak
Last edited Jan 11, 2014
Created on Jan 11, 2014

This example shows a stock management interface where users can search for stock items and view their availability segments against a booking’s date range. An AngularJS controller watches the booking ID, fetches booking data via the `$resource` API, and computes a day-by-day range list. The `StockItems` factory uses `$http.get` to query the stock item search endpoint and then retrieves per-item segments for the current booking. The view displays these segments alongside the computed date labels, using AngularJS data binding to update the table dynamically.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 8537515

This example shows a booking management interface where users can search inventory items, view their availability segments over a date range, and add them to a current booking. The AngularJS app uses `$http` to fetch booking data from `/api/booking/` and stock item segments from `/api/stock_item/.../get_segments_for_period/`, displaying date ranges as day/month labels and enabling toggling of child tracked items. It also supports creating new bookings via POST to `/api/create-booking/` and saving changes through PUT requests.

Aandybak
92% match
Loading thumbnail…

You have failed me for the final time, brain.

A booking-management interface shows inventory availability as a horizontal timeline, where each stock item displays colored segments representing stock levels across the requested hire period, with unavailable days overlaid. Users can search inventory, adjust delivery and collection dates, and add items to a secured list with pricing details. The visualization is built with AngularJS controllers and factories, using `$resource` to fetch booking data from a REST API and `$http` to load per-item segment data from a stock-item endpoint.

Aandybak
78% match
Loading thumbnail…

Gist 9514739

This visualization displays hire volume as an aggregate sum of booking stock quantities over time, using a bar-chart template sized at 580x200 pixels. The chart draws from a Django queryset of BookingStockItem records, filtering by the estimated dispatch date field and aggregating quantities with Django’s `Sum` function. The data is rendered on a daily interval, and the chart class extends a custom `BaseChart` with a title and chart template. The implementation relies on Django’s ORM for data retrieval and aggregation, with the visualization output presumably using a charting library within the specified template, though the code snippet does not expose the exact front-end rendering library.

Aandybak
67% match
Loading thumbnail…

Gist 9839271

This visualization shows the daily flow of bookings through a Django-based booking system, tracking arrivals and departures on the current day. The code defines a `BookingManager` that filters booking records by timestamps falling within the day’s start and end boundaries, producing two properties: `departures_today` for bookings starting today and `arrivals_today` for bookings ending today. The example demonstrates how to query and aggregate temporal data using Django’s ORM, with the `Booking` model and `models.Manager` class providing the data structure. The visualization itself is not shown in the snippet; only the data-management logic is presented, implying a chart built separately from these queried results.

Aandybak
62% match
Loading thumbnail…

Gist 9839784

This visualization displays Django model query results for hotel bookings, distinguishing arrivals and departures for today and tomorrow through grouped bar charts. The code defines a custom `BookingManager` that filters `Booking.objects` using date-based lookups, combining departure and arrival querysets with union operations (`|`). The rendering likely uses d3.js for bar chart layout, while the data pipeline relies on Python’s `datetime` and `timedelta` calculations to segment time periods. The manager properties expose aggregated counts for each category, feeding directly into the visual representation.

Aandybak
62% match
Loading thumbnail…

Gist 8420680

This example demonstrates a simple text-input binding pattern, showing a hard-coded value on the left that changes to an AngularJS two-way bound model on the right. The code uses AngularJS’s `ng-model` directive to connect an input field directly to a property on the current booking object, while the left input uses a static template expression with `{{ }}` that displays the same value without updating it. The transition highlights how `ng-model` enables live synchronization between the view and the underlying data model, whereas the plain interpolation only renders the initial value. No external visualization libraries are used; the example focuses on AngularJS’s data-binding mechanics.

Aandybak
61% match
Loading thumbnail…

Gist 2e9524a3d15532141c62

This example automates a complete administrative workflow in a Django-based booking and inventory system. It logs into the admin panel at demo.hireablehq.com, creates a booking, manages stock requests, orders selected items, and navigates through inventory, logistics, and consignments. The script uses Selenium WebDriver with Firefox, relying on methods like `find_element_by_id`, `find_element_by_xpath`, `Select`, and explicit clicks to drive the browser. It demonstrates functional testing of a web application’s UI by simulating user interactions with the admin interface.

Aandybak
61% match
Loading thumbnail…

Gist d0d5610ab577351ae1b1

This example shows a navigation menu for a warehouse task interface, with links for Picking and Dispatch tasks that highlight the active task type. The HTML uses AngularJS directives such as `ng-repeat`, `ng-href`, and `ng-class` to render task links dynamically from a `rows.consignment.data.tasks` array, while filtering out transit tasks with `ng-if`. Font Awesome icons (`fa-check-square-o`, `fa-truck`) provide visual labels, and the `active` class is conditionally applied based on the current task type name. No other JavaScript libraries or rendering techniques are present beyond the AngularJS bindings.

Aandybak
60% match