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

[3.0] New UI #522

Merged
merged 10 commits into from
Feb 27, 2019
Merged

[3.0] New UI #522

merged 10 commits into from
Feb 27, 2019

Conversation

themsaid
Copy link
Member

This PR is an overhaul for the Horizon UI, it includes the following:

  • Tidier Jobs list
  • Tidier Failed Job details screen
  • Night Mode
  • Ability to change Horizon's base path /horizon

screen shot 2019-02-26 at 6 23 11 pm

@driesvints driesvints changed the title New UI [3.0] New UI Feb 26, 2019
Copy link
Member

@driesvints driesvints left a comment

Choose a reason for hiding this comment

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

Really nice work!

@@ -2,6 +2,8 @@

return [

'path' => 'horizon',
Copy link
Member

Choose a reason for hiding this comment

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

Let's also maybe add a descriptive comment above the setting like the other ones?

{{ queue }}
</router-link>
</td>
</tr>
Copy link
Member

Choose a reason for hiding this comment

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

Indentation seems off here.

{
return [
'path' => config('horizon.path'),
'timezone' => config('app.timezone')
Copy link
Member

Choose a reason for hiding this comment

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

Add a trailing comma here.

Copy link

@RobertBoes RobertBoes left a comment

Choose a reason for hiding this comment

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

Nice work! This also fixes the horizontal scrolling, right? 😄

output += '<span>' + line + '</span>';
});

return output;

Choose a reason for hiding this comment

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

Since Lodash is used a lot, isn't it neater to use something like _.reduce?

var lines = _.split(exception, "\n");

return _.reduce(lines, (output, line) => {
  return output += '<span>' + line + '</span>';
}, '');

padding: 0.75rem;
color: #fff;
background: $danger;
}

Choose a reason for hiding this comment

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

Missing a newline here

Suggested change
}
}


.hljs-number, .hljs-literal {
color: #A291F5 !important;
}

Choose a reason for hiding this comment

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

Missing a newline

Suggested change
}
}

@themsaid themsaid merged commit 7091083 into laravel:master Feb 27, 2019
@themsaid
Copy link
Member Author

Merged the PR so you can open other PRs with your suggested changes @RobertBoes :)

@ankurk91
Copy link
Contributor

Those who are looking for night mode, here is how to enable it

// Horizon::night();

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants