created umb-box components and changed all html tags for it in the users section

This commit is contained in:
Zsolt
2017-08-15 16:32:30 +02:00
parent 028576d93c
commit bf2fdc409b
8 changed files with 98 additions and 40 deletions

View File

@@ -0,0 +1,19 @@
(function(){
'use strict';
function BoxDirective() {
var directive = {
restrict: 'E',
replace: true,
transclude: true,
templateUrl: 'views/components/html/umb-box/umb-box.html'
};
return directive;
}
angular.module('umbraco.directives').directive('umbBox', BoxDirective);
})();

View File

@@ -0,0 +1,18 @@
(function(){
'use strict';
function BoxContentDirective() {
var directive = {
restrict: 'E',
replace: true,
transclude: true,
templateUrl: 'views/components/html/umb-box/umb-box-content.html'
};
return directive;
}
angular.module('umbraco.directives').directive('umbBoxContent', BoxContentDirective);
})();

View File

@@ -0,0 +1,23 @@
(function(){
'use strict';
function BoxHeaderDirective() {
var directive = {
restrict: 'E',
replace: true,
transclude: true,
templateUrl: 'views/components/html/umb-box/umb-box-header.html',
scope: {
titleKey: "@?",
title: "@?"
}
};
return directive;
}
angular.module('umbraco.directives').directive('umbBoxHeader', BoxHeaderDirective);
})();

View File

@@ -0,0 +1 @@
<div class="umb-box-content" ng-transclude></div>

View File

@@ -0,0 +1,6 @@
<div class="umb-box-header" ng-transclude>
<div class="umb-box-header-title">
<localize ng-if="titleKey" key="{{titleKey}}"></localize>
<span ng-if="title">{{title}}</span>
</div>
</div>

View File

@@ -0,0 +1 @@
<div class="umb-box" ng-transclude></div>

View File

@@ -21,11 +21,11 @@
<div class="umb-package-details__main-content">
<div class="umb-box">
<div class="umb-box-header">
<div class="umb-box-header-title"><localize key="user_access">Access</localize></div>
</div>
<div class="umb-box-content block-form">
<umb-box>
<umb-box-header title-key="user_access"></umb-box-header>
<umb-box-content class="block-form">
<umb-control-group style="margin-bottom: 20px;" label="@main_sections" description="@user_sectionsHelp">
<umb-node-preview
@@ -93,14 +93,12 @@
</umb-control-group>
</div>
</div>
</umb-box-content>
</umb-box>
<div class="umb-box">
<div class="umb-box-header">
<div class="umb-box-header-title"><localize key="user_permissionsDefault">Default permissions</localize></div>
</div>
<div class="umb-box-content block-form">
<umb-box>
<umb-box-header title-key="user_permissionsDefault"></umb-box-header>
<umb-box-content class="block-form">
<umb-control-group
ng-repeat="(category, permissions) in vm.userGroup.defaultPermissions"
label="{{ category }}">
@@ -111,14 +109,12 @@
selected="permission.checked">
</umb-permission>
</umb-control-group>
</div>
</div>
</umb-box-content>
</umb-box>
<div class="umb-box">
<div class="umb-box-header">
<div class="umb-box-header-title"><localize key="user_permissionsGranular">Granular permissions</localize></div>
</div>
<div class="umb-box-content block-form">
<umb-box>
<umb-box-header title-key="user_permissionsGranular"></umb-box-header>
<umb-box-content class="block-form">
<umb-control-group label="Nodes" description="@user_permissionsGranularHelp">
<umb-node-preview
@@ -142,8 +138,8 @@
</a>
</umb-control-group>
</div>
</div>
</umb-box-content>
</umb-box>
</div>

View File

@@ -20,14 +20,12 @@
<div class="umb-package-details">
<div class="umb-package-details__main-content">
<div class="umb-box">
<div class="umb-box-header">
<div class="umb-box-header-title">
<localize key="user_profile">Profile</localize>
</div>
</div>
<div class="umb-box-content block-form">
<umb-box>
<umb-box-header title-key="user_profile"></umb-box-header>
<umb-box-content class="block-form">
<umb-control-group label="@general_email">
<input
@@ -69,16 +67,12 @@
<span class="help-inline" val-msg-for="culture" val-toggle-msg="required"><localize key="general_required">Required</localize></span>
<span class="help-inline" val-msg-for="culture" val-toggle-msg="valServerField"></span>
</umb-control-group>
</div>
</div>
</umb-box-content>
</umb-box>
<div class="umb-box">
<div class="umb-box-header">
<div class="umb-box-header-title">
<localize key="user_access">Access</localize>
</div>
</div>
<div class="umb-box-content block-form">
<umb-box>
<umb-box-header title-key="user_access"></umb-box-header>
<umb-box-content class="block-form">
<umb-control-group style="margin-bottom: 25px;" label="@general_groups" description="@user_groupsHelp">
@@ -160,8 +154,8 @@
</umb-control-group>
</div>
</div>
</umb-box-content>
</umb-box>
</div>
<div class="umb-package-details__sidebar">