angular-turnjs

WebJar for angular-turnjs

License	MIT
Categories	Angular User Interface Web Frameworks
GroupId	org.webjars.bower
ArtifactId	angular-turnjs
Last Version	1.0.3
Release Date	Jan 3, 2017
Type	jar
Description	angular-turnjs WebJar for angular-turnjs
Project URL	http://webjars.org
Source Code Management	https://github.com/scne/Angular-TurnJS

Download angular-turnjs

Filename	Size
angular-turnjs-1.0.3.pom
angular-turnjs-1.0.3.jar	470 KB
angular-turnjs-1.0.3-sources.jar	22 bytes
angular-turnjs-1.0.3-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-turnjs/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-turnjs</artifactId>
    <version>1.0.3</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/angular-turnjs/
implementation 'org.webjars.bower:angular-turnjs:1.0.3'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/angular-turnjs/
implementation ("org.webjars.bower:angular-turnjs:1.0.3")

Apache Buildr

'org.webjars.bower:angular-turnjs:jar:1.0.3'

Apache Ivy

<dependency org="org.webjars.bower" name="angular-turnjs" rev="1.0.3">
  <artifact name="angular-turnjs" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='angular-turnjs', version='1.0.3')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "angular-turnjs" % "1.0.3"

Leiningen

[org.webjars.bower/angular-turnjs "1.0.3"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

AngularJS Wrapper for TurnJS

##Quick Developer start up

• Clone repository git clone [url]

• Runtime npm install ( to install the all the gulp dependancies ) gulp test-server to start the local server

##Quick Start

• install Angular-TurnJS with npm

npm install --save angular-turnjs

• Include Angular-TurnJS library in your index.html

<script src="node_modules/angular-turnjs/dist/angular-turn.min.js"></script>

• Inject the angular-turnJS module into your app.js

angular.module('myApp', ['angular-turnJS']);

• Download and include TurnJS library in your index.html

• Include Jquery in your index.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Requirements

• Angular
• jQuery 1.7 or later

Example

<div ng-app="appMain" ng-controller="ctrlMain">
    <book ngb-height="300" ngb-width="400" ngb-autocenter="true">
        <page ngb-controller="externalCtrl1" ngb-template='template1.html'></page>
        <page ngb-controller="externalCtrl2" ngb-template='template2.html'></page>
    </book>
</div>

The controllers should be defined for your Angular app.

angular.module('appMain', ['angularTurn'])
    .controller('ctrlMain', function ($scope) {
    })
    // External controller 1
    .controller('externalCtrl1', function ($scope) {
        $scope.myName = 'John';     
    })
     // External controller 2
    .controller('externalCtrl2', function ($scope) {
        $scope.myName = 'Jane';
    });

Provide templates as html files.

template1.html

<div>My name is <br><strong>{{myName}}</strong></div>

template2.html

<div>My wife's name is <br><strong>{{myName}}</strong></div>

Elements

• book - defines the book. ngb-height, ngb-width and ngb-autoCenter options can be added as attributes.
• page - defines a single page

Attributes

• ngb-height - sets the height of the book
• ngb-width - sets the width of the book
• ngb-autoCenter - centers the book depending on how many pages are visible
• ngb-template - url of the html template for the page
• ngb-controller - controller name for the page

Versions

Version
1.0.3 Jan 3, 2017