CookieService

100%

✓ Published0🌍 Public

Last edited Jan 5, 2019

Created on Jan 31, 2019

This example shows an Angular service class, `CookieService`, that provides typed methods for setting and retrieving browser cookies. It demonstrates a fluent API for specifying cookie expiration in units from milliseconds up to years, converting the requested duration into a `Date` object and calling `document.cookie` to persist the value. The `get` method decodes the cookie string, splits it into key-value pairs, and returns the value for the requested key, or an empty string if absent. The code relies solely on the browser’s native `document.cookie` API and Angular’s `Injectable` decorator.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 159a8117261c02868bf3bb34f860ab9c

This example shows unit tests for an Angular `SampleService` that fetches airport data from a remote API. The service exposes two methods: `fetchAll$` returns a sorted list of airports, while `fetchByIATA$` retrieves a single airport by its IATA code. The tests use Angular’s `HttpClientTestingModule` and `HttpTestingController` to mock HTTP requests and flush dummy JSON data. The code verifies that the service correctly parses and orders the response, relying on RxJS observables and Angular’s dependency injection for testability.

Aackuser

58% match

Loading thumbnail…

Document

This example demonstrates Google sign-in and sign-out functionality using AngularJS. It shows a button that toggles between authentication states, reflecting whether the user is signed in. The code integrates the Google Sign-In API (gapi.auth2) with an AngularJS service wrapper, using promises from $q to handle asynchronous loading and authentication operations. The main controller exposes sign-in and sign-out methods, updating the UI based on the user’s authentication status.

Aackuser

56% match

Loading thumbnail…

Cookie

This example renders a realistic chocolate chip cookie using pure HTML and CSS, with no JavaScript libraries or external data sources. A circular `div` styled with a radial gradient creates the cookie base, while eleven smaller `div` elements positioned absolutely on top represent chocolate chips. CSS features like border-radius, box-shadow, and background gradients give the cookie a three-dimensional, textured appearance. The code demonstrates how static, visually appealing data visualizations can be built entirely with CSS styling and DOM positioning.

Ssreenikareddyannam@my.unt.edu

53% match

Loading thumbnail…

Gist fadcc73c7137e3e731b2dc5a98894add

This example demonstrates a geolocation service that retrieves the user’s current position and exposes it as an observable stream. The code uses Angular’s `@Injectable` decorator and RxJS `Observable.create` to wrap the browser’s `window.navigator.geolocation.getCurrentPosition` API, converting the raw `Coordinates` object (latitude, longitude, and accuracy) into a typed `Coordinates` model. It handles browser support and user rejection errors via a predefined error-message array, completing the observable after a successful position fix. The visualization focuses on the service logic rather than rendering, with no charting or drawing libraries involved.

Aackuser

53% match

Loading thumbnail…

Gist cf65d4442946f9016d84d3562f267824

This example demonstrates a dynamic plugin system for an Angular application that loads and initializes modular features at runtime. The code uses Angular’s `Compiler` and `Injector` APIs to asynchronously compile and instantiate modules, while the `SettingsService` supplies the list of plugins to activate. It shows how plugins can be defined either as direct Angular injector definitions or as objects containing an `ngModule` and optional providers, which are then compiled and attached to the application’s root injector. The rendering approach is code-based, with no visual output, focusing on the service layer that orchestrates lazy-loaded functionality.

HHypercubed

52% match

Loading thumbnail…

Angular Responsive Service

This example demonstrates an Angular service that detects the current screen size and notifies subscribed components when the browser window is resized. It uses the `window.matchMedia` API with Bootstrap-style breakpoints (xs, s, m, l, xl) to expose boolean checks like `isXS()` and `isSmallScreen()`, and it stores callback functions in an array that are invoked on every resize event. The service also registers change callbacks via `registerChangeCallback` to enable reactive updates in the application.

Aackuser

51% match

Loading thumbnail…

Gist 50f16a9f81d9c88a6a48

This example demonstrates a cookie-based voting system that tracks whether a user has visited a page or submitted a vote. On page load, it checks for an existing "username" cookie; if none exists, it prompts for a name and stores it for 30 days. The code uses the jQuery Cookie plugin to set a per-page cookie after voting, triggering a welcome message on first visit or an already-visited alert afterward. It also includes native JavaScript functions (`setCookie`, `getCookie`, `checkCookie`) for manual cookie management, relying on `document.cookie` and `toGMTString` for expiration handling.

LLayne Smith

50% match

Loading thumbnail…

Example of how you can test your AngularJS providers.

This example demonstrates how to test AngularJS providers using the Karma test runner with Jasmine specifications. The code defines a simple configurable provider with a default value and setter method, then verifies both default and configured behaviors through injected instances. The provider exposes `getValue` and `throwValue` functions, which the specs check for expected output and error messages. Tests run in PhantomJS, with AngularJS and angular-mocks loaded as dependencies.

Aackuser

50% match