jimschubert/angular-dragon-drop

Drag and Drop for AngularJS

 _______ __               _______        __           __                __
|   _   |__|.--------.   |   _   |.----.|  |--.--.--.|  |--.-----.----.|  |_
|___|   |  ||        |   |   1___||  __||     |  |  ||  _  |  -__|   _||   _|
|.  |   |__||__|__|__|   |____   ||____||__|__|_____||_____|_____|__|  |____|
|:  1   |                |:  1   |
|::.. . |                |::.. . |
`-------'                `-------'

_💪 ^🤯 _🦶

Jim here. I like to focus on developer and user productivity through tooling and better communications.

• Currently obsessed with Go
• Maintain a few open source things…
• Previously a core team member of the github/OpenAPITools organization

Check out some of my pinned repositories. And feel free to ask me anything.

If you have a leaveyourcurrentjob type of opportunity, check out my resume to get in touch. Serious connections only.
https://jimschubert.us/

Hottake: I'll always be better than AI

angular-dragon-drop's Issues

enableSelect should reset to original settings.

mousedown seems broken on divs

Attempting to drag a div compiled as a directive on Chrome under OS X begins with a node copy shadow and doesn't maintain the floaty copied element until mouseup.

Example usage:

<div dragon="app in apps | filter:q">
    <chrome-app app="app" permissions="permissions"></chrome-app>
</div>

directive:

   directives.directive('chromeApp', function () {
        return {
            // element only
            restrict: 'E',

            // app: http://developer.chrome.com/extensions/management#type-ExtensionInfo
            scope: {
                app: '=',
                permissions: '='
            },

            // replace the directive html with template html
            replace: true,

            // use the html in this template
            templateUrl: 'js/partials/application.html'
        };
    });

template:

<div class="app-icon">
    <a ng-href="{{app.appLaunchUrl}}" chrome-href="app.appLaunchUrl" chrome-launch="app.id" chrome-type="app.type" class="app-icon-128"
        ng-class="{webpage: app.icons[0].size == 16 && app.icons[1] == undefined }">
        <img ng-src="{{app.icons|iconsize:128:app}}" title="{{app.name}}" />
        <span class="app-desc">{{app.name}}</span>
    </a>

    <div class="app-actions">
        <a chrome-href="app.appLaunchUrl" ng-if="app.type != 'packaged_app'" chrome-pinned="app.id"
           title="Open {{app.name}} in a pinned tab" class="special-href"><i class="fa fa-2x fa-thumb-tack"></i></a>
        <a chrome-href="app.appLaunchUrl" ng-if="app.type != 'packaged_app'" chrome-new-tab="app.id"
           title="Open {{app.name}} in a new tab" class="special-href"><i class="fa fa-2x fa-level-up"></i></a>
        <a chrome-href="app.appLaunchUrl" ng-if="app.type != 'packaged_app' && permissions.tabs == true" chrome-new-window="app.id"
           title="Open {{app.name}} in a new window" class="special-href"><i class="fa fa-2x fa-external-link"></i></a>
        <a chrome-href="app.optionsUrl" chrome-options="app.id" ng-if="app.optionsUrl" title="Open options for {{app.name}}" class="special-href"><i
                class="fa fa-2x fa-wrench"></i></a>
        <div chrome-uninstall="app.id" chrome-uninstall-name="app.name"></div>
    </div>
</div>

Notice in the following screenshot, Youtube is already displace from the third icon spot and the lighter shadowed copy is a browser copy of the div.

Fix module name in README.

Should publish as 1.0.1. meh.

Add a drop callback binding

e.g. <div dragon="x in xs" dragon-on-drop="dropped"/>.

Probably 2 or 3 lines of code.

Fix example.html link in README

Points to @btford's original sample. Point to this repo.

Improve sorting behavior

Current sorting behavior dumps sortable item to the end of a list. I'd like the ability to drag over sortable items and show a placeholder between sorted items.