Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <table class="table table-responsive table-hover" id="foldertable">
    <thead>
      <tr style="text-align: center">
        <th>Name</th>
        <th>Members</th>
      </tr>
    </thead>
    <tbody id="projtable">
      <tr ng-repeat="detail in nodes" ng-mouseover="showShare()">
        <td><button id="namesdetails" class="btn btn-link" ng-click="openFolder(detail.id, detail.name)" style="text-decoration: none !important"> <span class="fa fa-folder" style="font-size: larger"></span> {{detail.name}}</button>
          <div class="dropdown clearfix contextMenu">
            <ul class="dropdown-menu contextmenustyle" role="menu" aria-labelledby="dropdownMenu">
              <li><a tabindex="-1" href=""><span class="glyphicon glyphicon-edit"></span> Edit/Rename</a></li>
              <li><a tabindex="-1" ng-click="deleteFolder(detail.id)"><span class="glyphicon glyphicon-remove"></span> Delete</a></li>
            </ul>
          </div>
        </td>
        <td> -- </td>
      </tr>
    </tbody>
  </table>
</div>
 
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $("body").on("contextmenu", "table tbody button", function(e) {
    $(".contextMenu").hide();
    $(this).parent().find('.contextMenu').css({
      display: "block",
      left: e.pageX,
      top: e.pageY
    });
    return false;
  });
  $(".contextMenu").on("click", "a", function() {
    $(this).hide();
  });
  $("html").click(function() {
    $(".contextMenu").hide();
  });
  $scope.nodes = [{
      "id": 228,
      "name": "Folder 1",
      "descr": "",
      "path": "227/",
      "mm": true
    },
    {
      "id": 229,
      "name": "Folder 2",
      "descr": "",
      "path": "227/",
      "mm": true
    }
  ];
  $scope.deleteFolder = function(detailid) {
    console.log(detailid);
    alert(detailid)
  };
});
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers