init

vendor/yii2mod/yii2-rbac/assets/css/rbac.css

@@ -0,0 +1,7 @@
+.move-buttons {
+    margin: 50px;
+}
+
+#btn-refresh {
+    margin-bottom: 10px;
+}

vendor/yii2mod/yii2-rbac/assets/js/rbac-route.js

@@ -0,0 +1,52 @@
+function updateItems(r) {
+    _opts.items.available = r.available;
+    _opts.items.assigned = r.assigned;
+    search('available');
+    search('assigned');
+}
+
+$('.btn-assign').click(function () {
+    var $this = $(this);
+    var target = $this.data('target');
+    var routes = $('select.list[data-target="' + target + '"]').val();
+
+    if (routes && routes.length) {
+        $.post($this.attr('href'), {routes: routes}, function (r) {
+            updateItems(r);
+        });
+    }
+    return false;
+});
+
+$('#btn-refresh').click(function () {
+    var $btn = $(this);
+    $btn.attr("disabled", "disabled");
+
+    $.post($(this).attr('href'), function (r) {
+        updateItems(r);
+    }).always(function () {
+        $btn.removeAttr("disabled");
+    });
+
+    return false;
+});
+
+$('.search[data-target]').keyup(function () {
+    search($(this).data('target'));
+});
+
+function search(target) {
+    var $list = $('select.list[data-target="' + target + '"]');
+    $list.html('');
+    var q = $('.search[data-target="' + target + '"]').val();
+    $.each(_opts.items[target], function () {
+        var r = this;
+        if (r.indexOf(q) >= 0) {
+            $('<option>').text(r).val(r).appendTo($list);
+        }
+    });
+}
+
+// initial
+search('available');
+search('assigned');

vendor/yii2mod/yii2-rbac/assets/js/rbac.js

@@ -0,0 +1,50 @@
+function updateItems(r) {
+    _opts.items.available = r.available;
+    _opts.items.assigned = r.assigned;
+    search('available');
+    search('assigned');
+}
+
+$('.btn-assign').click(function () {
+    var $this = $(this);
+    var target = $this.data('target');
+    var items = $('select.list[data-target="' + target + '"]').val();
+
+    if (items && items.length) {
+        $.post($this.attr('href'), {items: items}, function (r) {
+            updateItems(r);
+        });
+    }
+    return false;
+});
+
+$('.search[data-target]').keyup(function () {
+    search($(this).data('target'));
+});
+
+function search(target) {
+    var $list = $('select.list[data-target="' + target + '"]');
+    $list.html('');
+    var q = $('.search[data-target="' + target + '"]').val();
+
+    var groups = {
+        role: [$('<optgroup label="Roles">'), false],
+        permission: [$('<optgroup label="Permission">'), false],
+        route: [$('<optgroup label="Routes">'), false],
+    };
+    $.each(_opts.items[target], function (name, group) {
+        if (name.indexOf(q) >= 0) {
+            $('<option>').text(name).val(name).appendTo(groups[group][0]);
+            groups[group][1] = true;
+        }
+    });
+    $.each(groups, function () {
+        if (this[1]) {
+            $list.append(this[0]);
+        }
+    });
+}
+
+// initial
+search('available');
+search('assigned');