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.

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

Configurable logo and title #160

Merged
merged 28 commits into from
Nov 5, 2018

Conversation

maxmarkus
Copy link
Contributor

Added config setting for title, logo and favicon (only .ico files allowed).
Resolves #139

…ble-logo-title

# Conflicts:
#	core/examples/luigi-sample-angular/src/app/project/project.component.ts
@kwiatekus kwiatekus assigned kwiatekus and unassigned kwiatekus Oct 24, 2018
@jesusreal jesusreal self-assigned this Oct 24, 2018
Copy link
Contributor

@jesusreal jesusreal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Functionality working as expected, well done! I also like a lot that you created navigation folder and put related files there together.

I suggested some refactorings and cleanups that IMHO are important to keep good code quality.

core/src/navigation/LeftNav.html Outdated Show resolved Hide resolved
core/src/navigation/LogoTitle.html Outdated Show resolved Hide resolved
core/src/navigation/services/logo-title.js Outdated Show resolved Hide resolved
core/src/navigation/services/logo-title.js Outdated Show resolved Hide resolved
core/test/header.spec.js Outdated Show resolved Hide resolved
core/src/navigation/LogoTitle.html Show resolved Hide resolved
core/src/navigation/TopNav.html Show resolved Hide resolved
core/src/navigation/services/logo-title.js Outdated Show resolved Hide resolved
@@ -23,7 +23,9 @@ export const processHeaderSettings = component => {

// Set Favicon
if (header.favicon) {
const isInvalidIcoFile = !header.favicon.split('?')[0].endsWith('.ico');
const isInvalidIcoFile =
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please rename the variable to e.g. isInvalidFormat or isInvalidFaviconFormat

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

done

Copy link
Contributor

@bszwarc bszwarc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Two minor comments.

**header.logo** defines the top left navigation logo. It has a fixed height of 28px.
**header.title** defines the top left navigation title.
**header.favicon** defines the favicon. Requires a standard favicon file with .ico file ending and 16x16px or 32x32px dimensions.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Requires a standard favicon file with the `.ico` extension, and 16x16px or 32x32px dimensions.

I would go with extension rather than file ending

**backdropDisabled** prevents the backdrop layer from covering the top and left navigation when showing modal windows, when set to `true`. By default, the backdrop is enabled and covers the top and left navigation when showing modal windows. To keep the default configuration, set the value to `false` or leave this option unconfigured.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

When set to `true`, prevents the backdrop layer from covering the top and left navigation when showing modal windows.`

@jesusreal
Copy link
Contributor

Last changes look good to me. Can be merged from my point of view.

Copy link
Contributor

@bszwarc bszwarc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approved.

@maxmarkus maxmarkus merged commit b3c41cb into SAP:master Nov 5, 2018
@maxmarkus maxmarkus deleted the feature/configurable-logo-title branch November 5, 2018 12:47
stanleychh pushed a commit to stanleychh/luigi that referenced this pull request Dec 30, 2021
* added asynchronous config for settings.header to specify logo, title and favicon
* refactored navigation stuff to separate folder, excluded logo and title as separate component
* added Promise testcase
* hide logo container if there is no logo
* fixed tests and added assertions for logo and title
* adjusted left header spacing for title only
* added docu for configurable logo and title
* added support for data:image favicons
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants