Añadidos estilos a elementos desabilitados, mejora de directiva vnAcl

This commit is contained in:
Dani Herrero 2017-05-25 14:23:19 +02:00
parent 041be5ec93
commit 571692f4ca
4 changed files with 26 additions and 13 deletions

View File

@ -38,5 +38,5 @@
<tpl-buttons> <tpl-buttons>
<button response="CANCEL" translate>Cancel</button> <button response="CANCEL" translate>Cancel</button>
<button response="ACCEPT" translate>Change password</button> <button response="ACCEPT" translate>Change password</button>
</tpl-body> </tpl-buttons>
</vn-dialog> </vn-dialog>

View File

@ -3,16 +3,23 @@ import {module} from '../module';
function vnAcl(aclService, $compile) { function vnAcl(aclService, $compile) {
return { return {
restrict: 'A', restrict: 'A',
link: function(scope, element, attrs) { link: function($scope, $element, $attrs) {
let acls = attrs.vnAcl.split(','); let acls = $attrs.vnAcl.split(',');
let action = attrs.vnAclAction || 'disabled'; let action = $attrs.vnAclAction || 'disabled';
if (!aclService.aclPermission(acls)) { if (!aclService.aclPermission(acls)) {
if (action === 'disabled') { if (action === 'disabled') {
let input = element[0].querySelector('input'); let input = $element[0];
let selector = 'input, textarea, button, submit';
if (!input.matches(selector))
input = input.querySelector(selector);
if (input) {
input.setAttribute("ng-disabled", "true"); input.setAttribute("ng-disabled", "true");
$compile(input)(scope); $compile(input)($scope);
}
} else { } else {
element.remove(); $element.remove();
} }
} }
} }

View File

@ -1,4 +1,4 @@
.display-block{ .display-block {
display: block; display: block;
} }
.well { .well {
@ -15,12 +15,12 @@
} }
/* Label del popover */ /* Label del popover */
.popover-button{ .popover-button {
padding: 3px 3px 3px 0px; padding: 3px 3px 3px 0px;
height: auto; height: auto;
min-width: auto; min-width: auto;
} }
.popover-label{ .popover-label {
font-weight: bold; font-weight: bold;
color: black; color: black;
padding-top:5px; padding-top:5px;
@ -32,3 +32,9 @@
height: 46px; height: 46px;
line-height: 0px; line-height: 0px;
} }
input:disabled, button:disabled {
cursor: not-allowed !important;
}
input[type="submit"]:disabled, button:disabled {
opacity: 0.7;
}

View File

@ -1,11 +1,11 @@
<!doctype html> <!doctype html>
<html> <html ng-app="salix">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Salix</title> <title>Salix</title>
<script src="/salix/acl"></script> <script src="/salix/acl"></script>
</head> </head>
<body ng-app="salix"> <body>
<vn-app></vn-app> <vn-app></vn-app>
<script type="text/javascript" <script type="text/javascript"
src="/static/routes.js"> src="/static/routes.js">