mirror of
https://github.com/grafana/grafana.git
synced 2025-02-15 10:03:33 -06:00
1a0c1a39e4
* added moment timezone package. * added a qnd way of selecting timezone. * added a first draft to display how it can be used. * fixed failing tests. * made moment.local to be in utc when running tests. * added tests to verify that the timeZone support works as expected. * Fixed so we use the formatter in the graph context menu. * changed so we will format d3 according to timeZone. * changed from class base to function based for easier consumption. * fixed so tests got green. * renamed to make it shorter. * fixed formatting in logRow. * removed unused value. * added time formatter to flot. * fixed failing tests. * changed so history will use the formatting with support for timezone. * added todo. * added so we append the correct abbrivation behind time. * added time zone abbrevation in timepicker. * adding timezone in rangeutil tool. * will use timezone when formatting range. * changed so we use new functions to format date so timezone is respected. * wip - dashboard settings. * changed so the time picker settings is in react. * added force update. * wip to get the react graph to work. * fixed formatting and parsing on the timepicker. * updated snap to be correct. * fixed so we format values properly in time picker. * make sure we pass timezone on all the proper places. * fixed so we use correct timeZone in explore. * fixed failing tests. * fixed so we always parse from local to selected timezone. * removed unused variable. * reverted back. * trying to fix issue with directive. * fixed issue. * fixed strict null errors. * fixed so we still can select default. * make sure we reads the time zone from getTimezone
75 lines
2.1 KiB
TypeScript
75 lines
2.1 KiB
TypeScript
import React, { PureComponent } from 'react';
|
|
import { dateTimeFormat } from '@grafana/data';
|
|
import { LdapUserSyncInfo } from 'app/types';
|
|
import { Icon } from '@grafana/ui';
|
|
|
|
interface Props {
|
|
disableSync: boolean;
|
|
syncInfo: LdapUserSyncInfo;
|
|
onSync?: () => void;
|
|
}
|
|
|
|
interface State {
|
|
isSyncing: boolean;
|
|
}
|
|
|
|
const format = 'dddd YYYY-MM-DD HH:mm zz';
|
|
|
|
export class UserSyncInfo extends PureComponent<Props, State> {
|
|
state = {
|
|
isSyncing: false,
|
|
};
|
|
|
|
onSyncClick = async () => {
|
|
const { onSync } = this.props;
|
|
this.setState({ isSyncing: true });
|
|
try {
|
|
if (onSync) {
|
|
await onSync();
|
|
}
|
|
} finally {
|
|
this.setState({ isSyncing: false });
|
|
}
|
|
};
|
|
|
|
render() {
|
|
const { syncInfo, disableSync } = this.props;
|
|
const { isSyncing } = this.state;
|
|
const nextSyncSuccessful = syncInfo && syncInfo.nextSync;
|
|
const nextSyncTime = nextSyncSuccessful ? dateTimeFormat(syncInfo.nextSync, { format }) : '';
|
|
const prevSyncSuccessful = syncInfo && syncInfo.prevSync;
|
|
const prevSyncTime = prevSyncSuccessful ? dateTimeFormat(syncInfo.prevSync, { format }) : '';
|
|
const isDisabled = isSyncing || disableSync;
|
|
|
|
return (
|
|
<>
|
|
<button className={`btn btn-secondary pull-right`} onClick={this.onSyncClick} disabled={isDisabled}>
|
|
<span className="btn-title">Sync user</span>
|
|
{isSyncing && <Icon name="fa fa-spinner" className="fa-fw fa-spin run-icon" />}
|
|
</button>
|
|
|
|
<div className="clearfix" />
|
|
|
|
<h3 className="page-heading">LDAP</h3>
|
|
<div className="gf-form-group">
|
|
<div className="gf-form">
|
|
<table className="filter-table form-inline">
|
|
<tbody>
|
|
<tr>
|
|
<td>Last synchronisation</td>
|
|
<td>{prevSyncTime}</td>
|
|
{prevSyncSuccessful && <td className="pull-right">Successful</td>}
|
|
</tr>
|
|
<tr>
|
|
<td>Next scheduled synchronisation</td>
|
|
<td colSpan={2}>{nextSyncTime}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
}
|