yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add bulk actions to editor sub header

Browse Source
This commit is contained in:
Mads Rasmussen
2015-10-16 20:07:46 +02:00
parent e3af2c3bae
commit a651b78c1d
5 changed files with 77 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Umbraco.Web.UI.Client/src/common/directives/components/umbstickybar.directive.js
View File

@@ -60,7 +60,7 @@
bar.removeClass('-umb-sticky-bar');
bar.css({
position: 'static',
position: 'relative',
'width': 'auto',
'height': 'auto',
'z-index': 'auto',

1
src/Umbraco.Web.UI.Client/src/less/components/editor/subheader/umb-editor-sub-header.less
View File

@@ -5,6 +5,7 @@
display: flex;
justify-content: space-between;
margin-top: -30px;
position: relative;
}
.umb-editor-sub-header.-umb-sticky-bar {

2
src/Umbraco.Web.UI.Client/src/less/main.less
View File

@@ -511,4 +511,4 @@ height:1px;
margin: 10px 0;
overflow: hidden;
}
}

20
src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.controller.js
View File

@@ -301,6 +301,26 @@ function listViewController($rootScope, $scope, $routeParams, $injector, notific
});
};
$scope.selectedItemsCount = function() {
var selected = 0;
for (var i = 0; $scope.listViewResultSet.items.length > i; i++) {
var item = $scope.listViewResultSet.items[i];
if (item.selected) {
selected = selected + 1;
}
}
return selected;
};
$scope.clearSelection = function() {
for (var i = 0; $scope.listViewResultSet.items.length > i; i++) {
var item = $scope.listViewResultSet.items[i];
item.selected = false;
}
};
$scope.getIcon = function(entry) {
return iconHelper.convertFromLegacyIcon(entry.icon);
};

79
src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html
View File

@@ -10,7 +10,7 @@
<umb-editor-sub-header-content-left>
<umb-editor-sub-header-section ng-if="listViewAllowedTypes && listViewAllowedTypes.length > 0">
<umb-editor-sub-header-section ng-if="listViewAllowedTypes && listViewAllowedTypes.length > 0 && !isAnythingSelected()">
<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<localize key="actions_create">Create</localize>
@@ -28,29 +28,21 @@
</umb-editor-sub-header-section>
<umb-editor-sub-header-section ng-if="isAnythingSelected()">
<div class="btn-group" ng-show="isAnythingSelected()" ng-if="entityType === 'content' && !isTrashed && options.allowBulkPublish">
<a class="btn btn-success" ng-disabled="actionInProgress" ng-click="publish()" prevent-default>
<localize key="actions_publish">Publish</localize>
</a>
<umb-button
type="button"
label="Cancel"
action="clearSelection()"
disabled="actionInProgress">
</umb-button>
</umb-editor-sub-header-section>
<umb-editor-sub-header-section ng-if="isAnythingSelected()">
<strong ng-show="!actionInProgress">{{ selectedItemsCount() }} of {{ listViewResultSet.items.length }} selected</strong>
<strong ng-show="actionInProgress" ng-bind="bulkStatus"></strong>
<div class="umb-loader-wrapper -bottom" ng-show="actionInProgress">
<div class="umb-loader"></div>
</div>
<div class="btn-group" ng-show="isAnythingSelected()" ng-if="entityType === 'content' && !isTrashed && options.allowBulkUnpublish">
<a class="btn btn-warning" ng-disabled="actionInProgress" ng-click="unpublish()" prevent-default>
<localize key="actions_unpublish">Unpublish</localize>
</a>
</div>
<div class="btn-group" ng-show="isAnythingSelected()" ng-if="options.allowBulkDelete">
<a class="btn btn-danger" ng-disabled="actionInProgress" ng-click="delete()" prevent-default>
<localize key="actions_delete">Delete</localize>
</a>
</div>
<div class="umb-loader-wrapper" ng-show="actionInProgress">
<div class="umb-loader"></div>
</div>
<span ng-bind="bulkStatus" ng-show="isAnythingSelected()" class="pull-right"></span>
</umb-editor-sub-header-section>
</umb-editor-sub-header-content-left>
@@ -58,7 +50,7 @@
<umb-editor-sub-header-content-right>
<umb-editor-sub-header-section>
<umb-editor-sub-header-section ng-if="!isAnythingSelected()">
<umb-layout-selector
ng-if="model.config.layouts"
layouts="model.config.layouts"
@@ -66,7 +58,7 @@
</umb-layout-selector>
</umb-editor-sub-header-section>
<umb-editor-sub-header-section ng-if="!actionInProgress">
<umb-editor-sub-header-section ng-if="!actionInProgress && !isAnythingSelected()">
<form class="form-search -no-margin-bottom pull-right" novalidate>
<div class="inner-addon left-addon">
<i class="icon icon-search" ng-click="enterSearch($event)"></i>
@@ -75,6 +67,43 @@
</form>
</umb-editor-sub-header-section>
<umb-editor-sub-header-section ng-if="isAnythingSelected()">
<umb-button
ng-if="entityType === 'content' && !isTrashed && options.allowBulkPublish"
type="button"
button-style="link"
label="Publish"
key="actions_publish"
icon="icon-globe"
action="publish()"
disabled="actionInProgress">
</umb-button>
<umb-button
ng-if="entityType === 'content' && !isTrashed && options.allowBulkUnpublish"
type="button"
button-style="link"
label="Unpublish"
key="actions_unpublish"
icon="icon-block"
action="unpublish()"
disabled="actionInProgress">
</umb-button>
<umb-button
ng-if="options.allowBulkDelete"
type="button"
button-style="link"
label="Delete"
key="actions_delete"
icon="icon-trash"
action="delete()"
disabled="actionInProgress">
</umb-button>
</umb-editor-sub-header-section>
</umb-editor-sub-header-content-right>
</umb-editor-sub-header>