Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement icon parameter for doctype editor #11008

Merged
merged 7 commits into from
Sep 21, 2021
Merged

Implement icon parameter for doctype editor #11008

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
b0600d8
fix: implement icon parameter for doctype editor
Sep 1, 2021
45a006a
Merge branch 'umbraco:v8/contrib' into pr/issue-10108
soreng Sep 1, 2021
d24949a
fix: move color from icon to class attribute
soreng Sep 1, 2021
d5ba7e5
fix: removed defined colors, defaulting to the standard dark grey (ie…
soreng Sep 3, 2021
15b305f
Merge branch 'v8/contrib' into pr/11008
nathanwoulfe Sep 19, 2021
70d49b3
cleaned up unused dependencies, double quotes to single, removed unus…
nathanwoulfe Sep 19, 2021
69f4dbf
fix comment
nathanwoulfe Sep 21, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
61 changes: 38 additions & 23 deletions src/Umbraco.Web.UI.Client/src/views/documenttypes/create.controller.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,39 +51,54 @@ function DocumentTypesCreateController($scope, $location, navigationService, con

});
}
};
};

function createDocType( config ) {

$location.search("create", null);
$location.search("notemplate", null);
$location.search("iscomposition", null);
$location.search("iselement", null);
$location.search("icon", null);

var icon = null;

if (config.icon) {
var icon = config.icon;
if (config.color) {
icon += " " + config.color;
}
}

$location
.path("/settings/documenttypes/edit/" + node.id)
.search("create", "true")
.search("notemplate", config.notemplate ? "true" : null)
.search("iscomposition", config.iscomposition ? "true" : null)
.search("iselement", config.iselement ? "true" : null)
.search("icon", icon);

navigationService.hideMenu();
}


// Disabling logic for creating document type with template if disableTemplates is set to true
if (!disableTemplates) {
$scope.createDocType = function () {
$location.search('create', null);
$location.search('notemplate', null);
$location.path("/settings/documenttypes/edit/" + node.id).search("create", "true");
navigationService.hideMenu();
$scope.createDocType = function (icon, color) {
createDocType({ icon: icon, color: color });
};
}

$scope.createComponent = function () {
$location.search('create', null);
$location.search('notemplate', null);
$location.path("/settings/documenttypes/edit/" + node.id).search("create", "true").search("notemplate", "true");
navigationService.hideMenu();
$scope.createComponent = function (icon, color) {
createDocType({ notemplate: true, icon:icon, color:color });
};

$scope.createComposition = function () {
$location.search('create', null);
$location.search('notemplate', null);
$location.search('iscomposition', null);
$location.path("/settings/documenttypes/edit/" + node.id).search("create", "true").search("notemplate", "true").search("iscomposition", "true");
navigationService.hideMenu();
$scope.createComposition = function (icon, color) {
createDocType({ iscomposition: true, iselement: true, icon: icon, color: color });
};

$scope.createElement = function () {
$location.search('create', null);
$location.search('notemplate', null);
$location.search('iselement', null);
$location.path("/settings/documenttypes/edit/" + node.id).search("create", "true").search("notemplate", "true").search("iselement", "true");
navigationService.hideMenu();
$scope.createElement = function (icon, color) {
createDocType({ iselement: true, icon: icon, color: color });
};

$scope.close = function() {
Expand Down
18 changes: 9 additions & 9 deletions src/Umbraco.Web.UI.Client/src/views/documenttypes/create.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,35 +5,35 @@ <h5><localize key="create_createUnder">Create an item under</localize> {{current

<ul class="umb-actions umb-actions-child">
<li data-element="action-documentType" class="umb-action" ng-hide="model.disableTemplates">
<button type="button" ng-click="createDocType()" class="umb-action-link umb-outline btn-reset" umb-auto-focus>
<umb-icon icon="icon-document" class="icon large"></umb-icon>
<button type="button" ng-click="createDocType('icon-document', 'color-blue')" class="umb-action-link umb-outline btn-reset" umb-auto-focus>
<umb-icon icon="icon-document color-blue" class="icon large"></umb-icon>
soreng marked this conversation as resolved.
Show resolved Hide resolved
<span class="menu-label">
<localize key="create_documentTypeWithTemplate">Document Type with Template</localize>
<small><localize key="create_documentTypeWithTemplateDescription">The data definition for a content page that can be created by editors in the content tree and is directly accessible via a URL.</localize></small>
</span>
</button>
</li>
<li data-element="action-documentTypeWithoutTemplate" class="umb-action">
<button type="button" ng-click="createComponent()" class="umb-action-link umb-outline btn-reset">
<umb-icon icon="icon-item-arrangement" class="icon large"></umb-icon>
<button type="button" ng-click="createComponent('icon-item-arrangement','color-purple')" class="umb-action-link umb-outline btn-reset">
<umb-icon icon="icon-item-arrangement color-purple" class="icon large"></umb-icon>
<span class="menu-label">
<localize key="create_documentType">Document Type</localize>
<small><localize key="create_documentTypeDescription">The data definition for a content component that can be created by editors in the content tree and be picked on other pages but has no direct URL.</localize></small>
</span>
</button>
</li>
<li data-element="action-documentTypeWithIsElementTypeChecked" class="umb-action">
<button type="button" ng-click="createElement()" class="umb-action-link umb-outline btn-reset">
<umb-icon icon="icon-science" class="icon large"></umb-icon>
<button type="button" ng-click="createElement('icon-science', 'color-green')" class="umb-action-link umb-outline btn-reset">
<umb-icon icon="icon-science color-green" class="icon large"></umb-icon>
<span class="menu-label">
<localize key="create_elementType">Element Type</localize>
<small><localize key="create_elementTypeDescription">Defines the schema for a repeating set of properties, for example, in a 'Block List' or 'Nested Content' property editor.</localize></small>
</span>
</button>
</li>
<li data-element="action-documentTypeWithoutTemplateForComposition" class="umb-action">
<button type="button" ng-click="createComposition()" class="umb-action-link umb-outline btn-reset">
<umb-icon icon="icon-defrag" class="icon large"></umb-icon>
<button type="button" ng-click="createComposition('icon-defrag', 'color-pink')" class="umb-action-link umb-outline btn-reset">
<umb-icon icon="icon-defrag color-pink" class="icon large"></umb-icon>
<span class="menu-label">
<localize key="create_composition">Composition</localize>
<small><localize key="create_compositionDescription">Defines a re-usable set of properties that can be included in the definition of multiple other Document Types. For example, a set of 'Common Page Settings'.</localize></small>
Expand All @@ -42,7 +42,7 @@ <h5><localize key="create_createUnder">Create an item under</localize> {{current
</li>
<li data-element="action-folder" ng-if="model.allowCreateFolder" class="umb-action">
<button type="button" ng-click="showCreateFolder()" class="umb-action-link umb-outline btn-reset">
<umb-icon icon="icon-folder" class="icon large"></umb-icon>
<umb-icon icon="icon-folder color-black" class="icon large"></umb-icon>
<span class="menu-label">
<localize key="create_folder">Folder</localize>
<small>
Expand Down
8 changes: 8 additions & 0 deletions src/Umbraco.Web.UI.Client/src/views/documenttypes/edit.controller.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@
var create = $routeParams.create;
var noTemplate = $routeParams.notemplate;
var isElement = $routeParams.iselement;
var icon = $routeParams.icon;
var allowVaryByCulture = $routeParams.culturevary;
var infiniteMode = $scope.model && $scope.model.infiniteMode;
var documentTypeIcon = "";
Expand Down Expand Up @@ -71,6 +72,7 @@
if (create && !documentTypeId) documentTypeId = -1;
noTemplate = $scope.model.notemplate || $scope.model.noTemplate;
isElement = $scope.model.isElement;
icon = $scope.model.icon;
allowVaryByCulture = $scope.model.allowVaryByCulture;
vm.submitButtonKey = "buttons_saveAndClose";
vm.generateModelsKey = "buttons_generateModelsAndClose";
Expand Down Expand Up @@ -403,6 +405,12 @@
if (isElement) {
contentType.isElement = true;
}

// set isElement checkbox by default
if (icon !== null) {
contentType.icon = icon;
}

nathanwoulfe marked this conversation as resolved.
Show resolved Hide resolved
// set vary by culture checkbox by default
if (allowVaryByCulture) {
contentType.allowCultureVariant = true;
Expand Down