Git Product home page Git Product logo

lentiamo-modal's Introduction

Lentiamo modal

Browser extension for checking modals* on Lentiamo sites

How to add to Chrome

  1. Go to chrome://extensions
  2. At the upper right corner switch on Developer mode
  3. At the upper left corner click on "Load unpacked" button
  4. Choose a folder with extension

How to use

Just click on the extension icon (it should be pinned) or use shortcut Ctrl+Shift+F or MacCtrl+Shift+F. If there are some hidden modals* on the page a list with its ids will appear on popup. Click on the id to show modal. Some modals doesn't have any content inside, cause it should be dynamically added by clicking on original trigger button, so you'll see just an empty box.

TODO

  1. use Live js collections or add refresh button to popup, cause on detail page when something added to a cart number of modals changes.
  2. update extension icon to show that there are some modals on the page (probably a background.js will be needed)
  3. refactor: use proper async functions
  4. show possible issues of modals (no title, no close button) in popup
  5. highlite trigger button
  6. don't update popup if page wasn't updated, but popup was closed and opened.

*modals - elements that have .modal|.vc-modal|.vc-modal-static class.

lentiamo-modal's People

Contributors

yan-tar avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.