https://github.com/theborakompanioni/angular-chessboard

Chess Board Directive for AngularJS
https://github.com/theborakompanioni/angular-chessboard

Last synced: 2 months ago
JSON representation

Chess Board Directive for AngularJS

• Host: GitHub
• URL: https://github.com/theborakompanioni/angular-chessboard
• Owner: theborakompanioni
• License: mit
• Archived: true
• Created: 2014-02-16T13:25:25.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2016-01-11T22:43:03.000Z (over 8 years ago)
• Last Synced: 2024-04-17T03:46:14.085Z (2 months ago)
• Language: JavaScript
• Homepage: https://theborakompanioni.github.io/angular-chess
• Size: 1.18 MB
• Stars: 9
• Watchers: 4
• Forks: 7
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Lists

• awesome-chess - angular-chessboard - Chessboard directive for AngularJS. (Projects)

README

        
[![Build Status](https://api.travis-ci.org/theborakompanioni/angular-chessboard.png?branch=master)](https://travis-ci.org/theborakompanioni/angular-chessboard)

[![Dependency Status](https://david-dm.org/theborakompanioni/angular-chessboard.svg)](https://david-dm.org/theborakompanioni/angular-chessboard)

[![devDependency Status](https://david-dm.org/theborakompanioni/angular-chessboard/dev-status.svg)](https://david-dm.org/theborakompanioni/angular-chessboard#info=devDependencies)

![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)

angular-chessboard

==================

Chess Board Directive for AngularJS based on [chessboard.js](http://chessboardjs.com/)

Examples

------------

- Multichess (Demo Application) - 

- Examples - 

Download

------------

### Bower

Install with bower

```

bower install theborakompanioni/angular-chessboard --save

```

### Github

[Download from Github](https://github.com/theborakompanioni/angular-chessboard/releases)

Add the following tags to your project

```html

```

Usage

------------

## Configuration

You can configure the default behaviour of all settings. See [chessboard.js Documentation](http://chessboardjs.com/docs)

for all values an their purpose.

```javascript

angular.module('myModule', ['nywton.chessboard']);

```

```javascript

angular.config(['nywtonChessboardConfigProvider', function nywtonChessConfigConfig(chessboardProvider) {

  chessboardProvider.draggable(true)

    .position('start')

    .pieceTheme('/chessboard.js/img/chesspieces/wikipedia/{piece}.png');

}])

```

## Directive

The default settings will create a board with draggable pieces in starting position:

```html

```

Create an empty board:

```html

```

Create a board with non-draggable pieces in starting position:

```html

```

An auto resizeable board:

```html

```

A resizeable board initialized with "Ruy Lopez" (or Spanish Opening):

```html

```

Contribute

------------

- Issue Tracker: https://github.com/theborakompanioni/angular-chessboard/issues

- Source Code: https://github.com/theborakompanioni/angular-chessboard

### Clone Repository

`git clone https://github.com/theborakompanioni/angular-chessboard.git`

#### Install dependencies

`npm install && bower install`

#### Build project

`grunt`

#### Run tests

`grunt test`

License

-------

The project is licensed under the MIT license. See

[LICENSE](https://github.com/theborakompanioni/angular-chessboard/blob/master/LICENSE) for details.