mirror of
https://github.com/grafana/grafana.git
synced 2025-02-13 00:55:47 -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
84 lines
2.7 KiB
TypeScript
84 lines
2.7 KiB
TypeScript
import React, { PureComponent } from 'react';
|
||
import { dateTimeFormat } from '@grafana/data';
|
||
import { SyncInfo, UserDTO } from 'app/types';
|
||
import { Button, LinkButton } from '@grafana/ui';
|
||
|
||
interface Props {
|
||
ldapSyncInfo: SyncInfo;
|
||
user: UserDTO;
|
||
onUserSync: () => void;
|
||
}
|
||
|
||
interface State {}
|
||
|
||
const format = 'dddd YYYY-MM-DD HH:mm zz';
|
||
const debugLDAPMappingBaseURL = '/admin/ldap';
|
||
|
||
export class UserLdapSyncInfo extends PureComponent<Props, State> {
|
||
onUserSync = () => {
|
||
this.props.onUserSync();
|
||
};
|
||
|
||
render() {
|
||
const { ldapSyncInfo, user } = this.props;
|
||
const prevSyncSuccessful = ldapSyncInfo && ldapSyncInfo.prevSync;
|
||
const nextSyncSuccessful = ldapSyncInfo && ldapSyncInfo.nextSync;
|
||
const nextSyncTime = nextSyncSuccessful ? dateTimeFormat(ldapSyncInfo.nextSync, { format }) : '';
|
||
const prevSyncTime = prevSyncSuccessful ? dateTimeFormat(ldapSyncInfo.prevSync.started, { format }) : '';
|
||
const debugLDAPMappingURL = `${debugLDAPMappingBaseURL}?user=${user && user.login}`;
|
||
|
||
return (
|
||
<>
|
||
<h3 className="page-heading">LDAP Synchronisation</h3>
|
||
<div className="gf-form-group">
|
||
<div className="gf-form">
|
||
<table className="filter-table form-inline">
|
||
<tbody>
|
||
<tr>
|
||
<td>External sync</td>
|
||
<td>User synced via LDAP – some changes must be done in LDAP or mappings.</td>
|
||
<td>
|
||
<span className="label label-tag">LDAP</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
{ldapSyncInfo.enabled ? (
|
||
<>
|
||
<td>Next scheduled synchronisation</td>
|
||
<td colSpan={2}>{nextSyncTime}</td>
|
||
</>
|
||
) : (
|
||
<>
|
||
<td>Next scheduled synchronisation</td>
|
||
<td colSpan={2}>Not enabled</td>
|
||
</>
|
||
)}
|
||
</tr>
|
||
<tr>
|
||
{prevSyncSuccessful ? (
|
||
<>
|
||
<td>Last synchronisation</td>
|
||
<td>{prevSyncTime}</td>
|
||
<td>Successful</td>
|
||
</>
|
||
) : (
|
||
<td colSpan={3}>Last synchronisation</td>
|
||
)}
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div className="gf-form-button-row">
|
||
<Button variant="secondary" onClick={this.onUserSync}>
|
||
Sync user
|
||
</Button>
|
||
<LinkButton variant="secondary" href={debugLDAPMappingURL}>
|
||
Debug LDAP Mapping
|
||
</LinkButton>
|
||
</div>
|
||
</div>
|
||
</>
|
||
);
|
||
}
|
||
}
|