mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2025-02-25 18:55:31 -06:00
5799ac14ba
Changed the SCSS/CSS for the below third party libraries to adopt the new look 'n' feel: - wcDocker - Alertify dialogs, and notifications - AciTree - Bootstrap Navbar - Bootstrap Tabs - Bootstrap Drop-Down menu - Backgrid - Select2 Adopated the new the look 'n' feel for the dialogs, wizard, properties, tab panels, tabs, fieldset, subnode control, spinner control, HTML table, and other form controls. - Font is changed to Roboto - Using SCSS variables to define the look 'n' feel - Designer background images for the Login, and Forget password pages in 'web' mode - Improved the look 'n' feel for the key selection in the preferences dialog - Table classes consistency changes across the application - File Open and Save dialog list view changes Author(s): Aditya Toshniwal & Khushboo Vashi
115 lines
5.2 KiB
HTML
115 lines
5.2 KiB
HTML
<div class="container-fluid dashboard-container negative-space">
|
|
<div id="dashboard-graphs" class="dashboard-hidden">
|
|
<div class="row dashboard-row">
|
|
<div class="col-md-6 col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
{{ _('Dashboard sessions') }}
|
|
</div>
|
|
<div class="card-body dashboard-graph-body">
|
|
<div id="graph-sessions" class="graph-container"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
{{ _('Transactions per second') }}
|
|
</div>
|
|
<div class="card-body dashboard-graph-body">
|
|
<div id="graph-tps" class="graph-container"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row dashboard-row">
|
|
<div class="col-md-4 col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
{{ _('Tuples in') }}
|
|
</div>
|
|
<div class="card-body dashboard-graph-body">
|
|
<div id="graph-ti" class="graph-container"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
{{ _('Tuples out') }}
|
|
</div>
|
|
<div class="card-body dashboard-graph-body">
|
|
<div id="graph-to" class="graph-container"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
{{ _('Block I/O') }}
|
|
</div>
|
|
<div class="card-body dashboard-graph-body">
|
|
<div id="graph-bio" class="graph-container"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="dashboard-activity" class="card dashboard-row dashboard-hidden">
|
|
<div class="card-header">
|
|
{{ _('Server activity') }}
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-9 col-12 pr-0">
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link active show" href="#tab_panel_database_activity" aria-controls="tab_database_activity"
|
|
role="tab" data-toggle="tab">{{ _('Sessions') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#tab_panel_database_locks" aria-controls="tab_database_locks"
|
|
role="tab" data-toggle="tab">{{ _('Locks') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#tab_panel_database_prepared" aria-controls="tab_database_prepared"
|
|
role="tab" data-toggle="tab">{{ _('Prepared Transactions') }}</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-3 col-12 pl-0 text-right">
|
|
<div class="navtab-inline-controls">
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text fa fa-search" id="labelSearch"></span>
|
|
</div>
|
|
<input type="search" class="form-control" id="txtGridSearch" placeholder="Search" aria-label="Search" aria-describedby="labelSearch">
|
|
</div>
|
|
<button id="btn_refresh" type="button" class="btn btn-secondary btn-navtab-inline" title="{{ _('Refresh') }}">
|
|
<span class="fa fa-refresh"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Nav tabs -->
|
|
|
|
|
|
<!-- Tab panes -->
|
|
<div class="tab-content">
|
|
<div role="tabpanel" class="tab-pane negative-space p-2 active show" id="tab_panel_database_activity">
|
|
<div id="database_activity" class="grid-container"></div>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane negative-space p-2" id="tab_panel_database_locks">
|
|
<div id="database_locks" class="grid-container"></div>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane negative-space p-2" id="tab_panel_database_prepared">
|
|
<div id="database_prepared" class="grid-container"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="dashboard-none-show" class="alert alert-info pg-panel-message dashboard-hidden" role="alert">
|
|
{{ _('All Dashboard elements are currently disabled.') }}
|
|
</div>
|
|
</div>
|