New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

custom-simple-angular-dialog

Package Overview
Dependencies
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

custom-simple-angular-dialog

Angular factory for creating dialogs only for the need of customize the original package, to use in a project called whyline.

  • 1.0.0
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
4
decreased by-33.33%
Maintainers
1
Weekly downloads
 
Created
Source

THIS IS ONLY A FORK I'VE MADE IN ORDER TO TWEAK A BIT THE CODE AND SUIT MY SPECIFIC NEEDS FOR A PROJECT IN PARTICULAR

I AM NOT MANTAINING THIS REPO SO I DO NOT RECOMEND YOU TO USE IT

ALSO, THIS IS NOT "LA GRAN CC"

simple-angular-dialog

Live Demo!

This is a super easy, small library for creating dynamic dialogs with angularjs. Calling dialog.show or dialog.confirm creates a promise, which is either resolved or rejected.

NPM

Installation
$ npm install simple-angular-dialog --save

Add simple-angular-dialog to your dependencies

  <link rel="stylesheet" type="text/css" href="dialog.css">
</head>
<body>
  ...
  <script type="text/javascript" src="angular.js"></script>
  <script type="text/javascript" src="simple-angular-dialog.min.js"></script>
</body>


Then in your app should look something like this:

angular
  .module('YourApp', ['simple-angular-dialog'])
  .controller('ctrl', ['dialog', function (dialog) {

    $scope.value = 123

    $scope.showDialog = function () {
      return dialog.show({
        template: require('./dialog.template.html')
        controller: function (value, dialog, $scope) {
          console.log(value)

          $scope.close = function () {
            return dialog.close()
          }

        },
        locals: {value: $scope.value}
      })
        .then(function (data) {
          console.log('Submit Called', data)
        })
        .catch(function () {
          console.log('Cancel Called')
        })
    }

  })
Usage / API
dialog.show({
  template: require('./dialog.template.html'),
  controller: function () {},
  controllerAs: 'vm',
  escapeKey: false,
  overlayClose: false,
  hasX: true,
  locals: {key: param}
 })

dialog.confirm('Confirm Text')

Low frame gif

Keywords

FAQs

Package last updated on 08 Feb 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc