Document

100%

✓ Published0🌍 Public

Last edited Feb 16, 2017

Created on Feb 16, 2017

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist fa96f0ce5c5b7b8cd49aa4e14c1942a6

This example shows a blockchain wallet login interface that handles authentication through either seed phrases and passwords or Metamask, displaying the account address and ETH balance once logged in. The Angular component uses reactive forms with `FormGroup` and `FormControl` to validate user input, including custom seed validation and password length checks. The template conditionally renders login fields or balance information based on wallet state, while buttons trigger `sendLogin()`, `loginMetamask()`, or `logout()` methods. The form relies on Angular’s `*ngIf` and async pipes to manage visibility and Metamask availability.

Aackuser

61% match

Loading thumbnail…

omniauth using google openid

This example shows a Sinatra application that authenticates users via Google’s OpenID provider, displaying a login button on the root route and a personalized welcome message on `/app` after successful sign-in. It uses the OmniAuth framework with the `omniauth-openid` adapter, configuring a filesystem-backed OpenID store and a `:google` provider with Google’s discovery identifier. The app handles the callback at `/auth/:name/callback` by extracting user info from the `omniauth.auth` request environment, storing a formatted name and email in Sinatra’s session (enabled via `enable :sessions`), and redirecting to the protected page. Logout clears the session and returns to the root.

TTBD

59% match

Loading thumbnail…

CookieService

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.

Aackuser

56% match

Loading thumbnail…

Gist ded211d191b8c30e15169e310f084c40

This example shows a login form for a web3 application that authenticates users with either a seed phrase and password or a MetaMask wallet. The form uses Angular’s `FormBuilder` and `FormControl` to manage validation, including a custom `forbiddenSeedsValidator` that checks seed validity through a `Web3Service`. When a user has previously stored encrypted seeds, the password field’s `valueChanges` observable, combined with `withLatestFrom` on status changes, decrypts the seeds and populates the seeds input. The code also toggles a logout state and calls `loginMetamask` for wallet-based entry.

Aackuser

55% match

Loading thumbnail…

Fork of SVT Fundamentals V2

This example presents a sign-in/sign-up form UI, demonstrating an animated toggle between the two modes with smooth transitions, including input field visibility, tab highlighting, and button label changes. The implementation relies on vanilla JavaScript functions (`sign_in`, `sign_up`) to manipulate DOM element classes and styles, while CSS handles the animations and layout. It uses jQuery for DOM traversal and event handling, and includes a PDF generation library (jsPDF) despite no PDF functionality being triggered in the visible code. React scripts are loaded but not utilized in the provided files.

Rrobinjohn.inc@gmail.com

55% match

Loading thumbnail…

anotador (angular.js)

This example demonstrates AngularJS data binding through two interactive HTML pages. The first page shows text input with live `ng-model` and `ng-bind` synchronization, arithmetic expression evaluation, and `ng-init` variable assignment, including HTML5-compatible `data-` prefixed directives. The second page calculates Body Mass Index (BMI) from user-entered weight and height values using an inline expression that divides weight by squared height in meters, displaying the result with `{{ }}` interpolation. The code references AngularJS 1.2.15 and 1.3.0-beta.5 from Google-hosted sources, with static text explaining BMI categories.

Aaaizemberg

54% match

Loading thumbnail…

Gist 7e25cbcd7c60d58ca2949795d215284a

This example illustrates four distinct approaches to reacting to a state change in an Angular application, using the RxJS `filter` and `take` operators within a `store` service. It shows how to implement a save action by observing `saveButtonState`, then demonstrates wrapping the same observable logic in a Promise for async handling, and finally presents simpler alternatives using a callback and an event emitter. The code relies on `ButtonState` enums and a `saveDone` event emitter, with no external visualization libraries or data sources involved.

HHypercubed

54% match

Loading thumbnail…

Login & Registration Form

This example presents an interactive login and registration form built with HTML and CSS, featuring a toggle between two views. The interface uses a hidden checkbox (`#check`) to switch between the login and signup forms, with CSS transitions on the submit buttons for hover feedback. The design is styled with the Poppins font from Google Fonts, and the form inputs are purely presentational, with no backend or validation logic. The implementation relies on vanilla JavaScript only for the checkbox interaction, while the visual styling and layout are handled entirely through the included stylesheet.

SSriyaI

54% match