Martchus
/
syncthing
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
syncthing/next-gen-gui/src/app/dashboard/dashboard.component.html

16 lines
818 B
HTML
Raw Normal View History

Use flexbox for dashboard layout
2020-03-28 02:51:40 +01:00
<!--<div class="grid-container" gdAreas="header header | folders devices | status-list status-list | footer footer"
gdGap="16px" gdRows="auto auto auto"> -->
<!--<div class="grid-container" fxLayout="row" fxLayoutGap="16px grid" fxLayoutAlign="stretch">-->
next-gen-gui: Add button to restore default theme (#7433) This adds a button in the top right that changes the config back to the default theme. Code wise, it takes the header that was previously a part of the dashboard component and moves it to the app component, and then adds the button there. Possibly the header should be a component of it's own, but that's more of refactor that can happen separately I think. The config change uses the new config API to just patch the relevant setting. I'm not doing an automatic reload because 1) I don't want to figure out how to do it correctly and 2) this doesn't work reliably anyway, as for example the current gen GUI does a reload and ends up with connection refused as the API service is still reloading...
2021-03-08 12:54:08 +01:00
update progress service with device/folders loaded and add animation
2020-04-05 17:47:25 +02:00
<div class="progress">
<mat-progress-bar mode="determinate" value="{{progressValue}}" [@progressBar]="isLoading ? 'start' : 'done'">
</mat-progress-bar>
</div>
start of progress indicator and animation
2020-04-03 22:08:07 +02:00
<div fxLayout="column" fxLayoutGap="16px" class="grid-container" [@loading]="isLoading ? 'start' : 'done'">
Use flexbox for dashboard layout
2020-03-28 02:51:40 +01:00
<div fxLayout="row" fxLayoutGap="16px" fxLayoutAlign="space-between stretch">
Combine folder and device chart component into chart component
2020-03-30 19:44:54 +02:00
<app-chart [type]=folderChart fxFlex="50"></app-chart>
<app-chart [type]=deviceChart fxFlex="50"></app-chart>
start of dashboard component with flexbox
2020-03-15 22:01:19 +01:00
</div>
<app-status-list gdArea="status-list"></app-status-list>
Use flexbox for dashboard layout
2020-03-28 02:51:40 +01:00
<div></div>
start of dashboard component with flexbox
2020-03-15 22:01:19 +01:00
</div>