Comments (10)
Awesome, thanks!
About the Razor part, we can test later the simplest approach.
On the design systems, I'll take a look around and propose some options, based on the React components they provide out of the box 🤗
from serilog-ui.
Fair enough, let's go with React!
from serilog-ui.
I think you're right, I need to check back the original formatting function - if I recall correctly, I did port it as it was originally. There could also be some relation with packages upgrade, I'll try to understand what changed between the 2 providers versions...
EDIT: probably it's the PP of date-fns, I'll check if I can improve the parsing format 😅
from serilog-ui.
Uhm, that's a good point! I think we could make the search input more precise in the UI - we can think of doing this fix in the new repo 😊
Actually, I was thinking about transforming the JS app into a React-based one, for fun... Do you think it would be something interesting/useful/you'd like? We could revamp the UI by replacing Bootstrap with another design system style 😂🥸
from serilog-ui.
I do like to change the whole UI and there is an issue related to it. The next move for this project would be adding analytics and for sure we need better UI.
from serilog-ui.
Okay, we can try to improve it - if we're okay with moving to React, I can take charge of the current UI migration/refactor and start doing it as soon as we're on the new repo 💯
I would only need a couple of things:
- which design sys should we use it? Keep Bootstrap or do we switch to another (here some https://retool.com/blog/react-component-libraries/)? I'll leave this one to your personal choice 😄
- should we investigate the chance of migrating the current UI index.html injection to a Razor view registration (like they do in Hangfire)? I did something similar in another project, thus we could try it :)...
[on another topic, if we switch to Razor controllers etc, we should be able to try out React Router to intercept and do multi-page SPA on the same URL; I did it some time ago, we could give it a try...]
If you confirm me about React, I'd proceed with this todo:
- (prerequisite) repo migration
- update & re-open the SortBy option PR
- migrate UI to React
Let me know 😉
from serilog-ui.
- I'm ok with moving to another design system and using react and you could make a choose
- For version 1, I developed UI with Razor then I decided to follow Swachbuckle middleware approach because the UI was a single index.html with CSS and Js files. To make a long story short, can move back to Razor if it's required
- After repo migration, we can start the design and planning phase
from serilog-ui.
What is your idea about Blazor? should we consider it as an option?
from serilog-ui.
That's a good point - Blazor vs React is a topic I considered too many times 🤣
IMHO, those could be the key points to choose between them:
- React development should be quick to setup, since we only need to inlcude it with Parcel, while Blazor needs to be checked (nothing too difficult, I think)
- Blazor requires more work to migrate, because we need to re-implement the UI from almost zero, while in React we'll do a JS porting (in theory, it should be easier but I speak 'cause I'm more used to React than Razor :D)
- Blazor is better than React for C# devs, at the end, which makes it easier to dev for the library itself...
- React is well-known and used for web-app (which is not bad if you were to include it in a resume...)
- React has got way more libraries, that could come in handy to develop new complex components - on Blazor we're probably more restricted on the available choices
- Blazor should be better integrated in C#/MVC itself (I suppose)
- About Blazor, I don't see it widely used (I expected it to become more used after 2018~) - I'm scared it could go on the deprecated route too soon 😄
At the end, if I were to choose, I'd go with React because
- I already used it 🚀
- the JS migration should be easier and faster to setup...
- I like having lots of available libraries for the front-end, simply 'cause I hate doing CSS... 🆘
but it's really a matter of preferences, at the end :D
from serilog-ui.
I was trying to reproduce issue issue 96 and figure out that the time is shown wrongly. My time zone is GMT+1, and that's why there is a one-hour difference. Hence, we don't know how the actual sink saves time in UTC or local time; let's not convert to local time.
I checked the code and found out the formatDate
function in the util.ts
file changes dates. Is it related to time format PP H:mm:ss.SSS
?
export const formatDate = (date: string) =>
format(parseJSON(date), 'PP H:mm:ss.SSS', { weekStartsOn: 1 });
from serilog-ui.
Related Issues (20)
- Deployed to developent, UI popup "You are not authorized to access logs" HOT 2
- Error Message column does not exist HOT 4
- BUG: when opening properties for the second time, the tags are escaped twice HOT 2
- Consider RavenDB support
- Any support for ColumnOptions? HOT 3
- Fails to insert data into MariaDB HOT 21
- Support provider name customization HOT 1
- UtcTimeStamp instead of TimeStamp in MongoDbDataProvider HOT 2
- Serilog UI version 3 is live!
- Rename MySQL provider to MariaDB
- Could not load file or assembly 'Serilog.Ui.Core, Version=2.1.0' HOT 2
- Is alert supported or is it on the roadmap? HOT 1
- Error on DateTime format HOT 6
- Npgsql DateTime filtering problem HOT 2
- Insert log test data through sinks HOT 1
- When serilog column options properties are removed it does not fetch logs on UI #487 HOT 4
- Using options.Authorization.AuthenticationType = AuthenticationType.Jwt; in api project HOT 13
- When I am using MongoDb Sink provider Exception and properties column not populating in serilog.Ui HOT 8
- Timestamp returned as Jan 1, 1901 0:00:00.000 HOT 29
- XML output isn't rendered correctly HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from serilog-ui.