angular-disable-all

WebJar for angular-disable-all

License	Apache-2.0
Categories	Angular User Interface Web Frameworks
GroupId	org.webjars.bower
ArtifactId	angular-disable-all
Last Version	0.0.2
Release Date	Oct 16, 2016
Type	jar
Description	angular-disable-all WebJar for angular-disable-all
Project URL	http://webjars.org
Source Code Management	https://github.com/PLEEROCK/angular-disable-all

Download angular-disable-all

Filename	Size
angular-disable-all-0.0.2.pom
angular-disable-all-0.0.2.jar	10 KB
angular-disable-all-0.0.2-sources.jar	22 bytes
angular-disable-all-0.0.2-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-disable-all/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-disable-all</artifactId>
    <version>0.0.2</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/angular-disable-all/
implementation 'org.webjars.bower:angular-disable-all:0.0.2'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/angular-disable-all/
implementation ("org.webjars.bower:angular-disable-all:0.0.2")

Apache Buildr

'org.webjars.bower:angular-disable-all:jar:0.0.2'

Apache Ivy

<dependency org="org.webjars.bower" name="angular-disable-all" rev="0.0.2">
  <artifact name="angular-disable-all" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='angular-disable-all', version='0.0.2')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "angular-disable-all" % "0.0.2"

Leiningen

[org.webjars.bower/angular-disable-all "0.0.2"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.bower : angular	jar	[1.0.8,)

Project Modules

There are no modules declared in this project.

disable-all directive for AngularJS

This directive allows to disable a given element and all buttons, inputs and other form controls will be disabled.

Open samples/index.html to see the example how to use this directive.

Installation

1. Run bower install angular-disable-all --save

   • (or add manually into your bower.json dependencies and run bower-install)
   • (or download ZIP from github and extract files in the case if you don't use bower)

2. Include bower_components/angular-disable-all/dist/angular-disable-all.js in your index.html file

3. Add a new dependency in your module

angular.module('yourApp', ['disableAll', ...])

How to use it

Lets say you have a div with a form and inputs and buttons inside:

<div disable-all="true">

    <form>
        <input name="name" type="text">
        <button>submit</button>
    </form>
    
    <!-- This will not be disabled -->
    <a href="http://google.com" skip-disable>google</a>

</div>

Note: The skip-disable directive allow you to exclude a DOM element of the disable-all directive.

You can also specify boolean variable to disable-all, directive will watch it and disable / enable div when variable changes.

<div disable-all="isDisabled">

    <form>
        <input name="name" type="text">
        <button>submit</button>
    </form>

</div>

TODO-s (for contributors):

• refactor some parts of code and make it easier to understand and maintain
• better documentation and more examples if possible
• cover sources with unit-tests
• research in performance optimizations
• search for bugs and fix them
• star this project and get people to know about this plugin in angular community

Versions

Version
0.0.2 Oct 16, 2016