open-index/open-npm huggingface dataset:
npm package: @picturae/angular-contextmenu
Description: a contextmenu helper service for angular & bootstrap
Author: Terence Doets
Latest version: 2.1.0

# angular-contextmenu

[![npm](https://nodei.co/npm/angular-contextmenu.png?downloads=true&stars=true)](https://nodei.co/npm/angular-contextmenu/)

[![Build Status](https://secure.travis-ci.org/ds82/angular-contextmenu.svg)](http://travis-ci.org/ds82/angular-contextmenu) [![npm](https://img.shields.io/npm/v/angular-contextmenu.svg)]() [![Greenkeeper badge](https://badges.greenkeeper.io/ds82/angular-contextmenu.svg)](https://greenkeeper.io/)

[jsbin]: http://jsbin.com/hodul/13/edit?html,js,output
[jquery]: http://jquery.com
[bootstrap]: http://getbootstrap.com
[angular]: http://angularjs.org
[download]: https://github.com/picturae/angular-contextmenu/releases

> An [angular] module that utilizes [bootstrap]'s dropdown as contextmenu

With this simple angular module you can use bootstrap dropdown menus as
contextmenus on various elements (e.g. tables).

## Why?

Yes, there are already a few angular modules which add contextmenus similar to this. *But* competition isn't a bad thing right?

## Todos

* remove jquery & bootstrap dependency
* add more tests
* add travis integration
* document code

## How to use

Install via npm..
```
npm install angular-contextmenu
```

or [download] from github.

 * get the contextmenu.(js|css) files from dist/
 * make them available on your page
 * make angular load the module:
```js
var app = angular.module('app', [
  'ngResource',
  'ngRoute',
  'io.dennis.contextmenu'
]);
```
 * define the contextmenu in your template
```html
<!-- contextmenu -->
<div contextmenu="meta.contextmenu" class="dropdown contextmenu">
  <ul class="dropdown-menu" role="menu">
    <li class="dropdown-header">
      {{ meta.contextmenu.item.email }}
    </li>
    <li>
      <a role="menuitem" tabindex="-1" href
         ng-href="#/user/{{ meta.contextmenu.item.email }}/edit"
      >
        <span>Edit</span>
      </a>
    </li>
    <li>
      <a role="menuitem" href
        ng-click="delete(meta.contextmenu.item)"
      >
        <span>Delete</span>
      </a>
    </li>
  </ul>
</div>
```
 * link it to your html element
```html
<table class="table" contextmenu-container="meta.contextmenu">
  <tr>
    <th>&nbsp;</th>
    <th>User</th>
    <th>Domains</th>
    <th>&nbsp;</th>
  </tr>
  <tr ng-repeat="row in data" contextmenu-item="row">
    <td class="col-center">
      <span class="fa fa-star" ng-show="row.is_admin" />
    </td>
    <td>{{row.email}}</td>
    <td>{{row.domains.join(', ')}}</td>
    <td class="col-center">
      <span class="fa fa-warning" ng-show="!user.maildirCheck.isMaildir" />
    </td>
  </tr>
</table>
```

## example

You can find an example with angular v1.2 and angular v1.3 in the example folder.

## dev

You can use npm to build/bundle the module:

```
npm install
npm run build
```

If you want a watcher and auto-rebuild you can use nodemon for this:

```
npm install -g nodaemon
nodemon --ignore dist --exec "npm run build"
```
npm package: @picturae/openseadragonguides
Description: OpenSeadragon plugin that adds option to draw guidelines
Author: Picturae
Latest version: 2.1.0

# OpenSeadragon Guides

An OpenSeadragon plugin that makes it possible to add guidelines to an image.

## Demo

The 'index.html' file in the root of the project shows a demo on how to use this plugin. You can view this demo by
serving the root of repository. 

## Usage

This plugin requires a version of OpenSeadragon later than 5.0.0

Include `dist/openseadragon-guides.js` after OpenSeadragon in your html. Then after you create a viewer:

    viewer.guides({
      allowRotation: false,        // Make it possible to rotate the guidelines (by double clicking them)
      horizontalGuideButton: null, // Element for horizontal guideline button
      verticalGuideButton: null,   // Element for vertical guideline button
      prefixUrl: null,             // Images folder
      removeOnClose: false,        // Remove guidelines when viewer closes
      useSessionStorage: false,    // Save guidelines in sessionStorage
      navImages: {
        guideHorizontal: {
          REST: 'guidehorizontal_rest.png',
          GROUP: 'guidehorizontal_grouphover.png',
          HOVER: 'guidehorizontal_hover.png',
          DOWN: 'guidehorizontal_pressed.png'
        },
        guideVertical: {
          REST: 'guidevertical_rest.png',
          GROUP: 'guidevertical_grouphover.png',
          HOVER: 'guidevertical_hover.png',
          DOWN: 'guidevertical_pressed.png'
        }
      }
    });

## TODO:
* Add default styling for the rotation popup