Skip to content

Commit

Permalink
Update Control Bar Docs (#250)
Browse files Browse the repository at this point in the history 
Signed-off-by: Matt Provost <[email protected]>
Co-authored-by: Sean Neumann <[email protected]>
  • Loading branch information
@BSFishy @seanneumann
BSFishy and seanneumann authored Feb 27, 2023
1 parent d072d82 commit 3f0a84f
Show file tree
Hide file tree
Showing 2 changed files with 114 additions and 56 deletions.
140 changes: 104 additions & 36 deletions src-docs/src/views/control_bar/control_bar.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ import React, { useState } from 'react';
import {
OuiButton,
OuiControlBar,
OuiLink,
OuiPanel,
OuiText,
} from '../../../../src/components';
Expand Down Expand Up @@ -105,47 +106,114 @@ export default () => {
<div style={{ padding: '2rem', maxWidth: '60rem', margin: '0 auto' }}>
<OuiPanel>
<OuiText>
<h1>1984</h1>
<h3>By: George Orwell</h3>
<p>
It was a bright cold day in April, and the clocks were striking
thirteen. Winston Smith, his chin nuzzled into his breast in an
effort to escape the vile wind, slipped quickly through the
glass doors of Victory Mansions, though not quickly enough to
prevent a swirl of gritty dust from entering along with him.
OpenSearch is a scalable, flexible, and extensible open-source
software suite for search, analytics, and observability
applications licensed under Apache 2.0. Powered by{' '}
<OuiLink href="https://lucene.apache.org/">
Apache Lucene
</OuiLink>{' '}
and driven by the{' '}
<OuiLink href="https://opensearch.org/about.html">
OpenSearch Project community
</OuiLink>
, OpenSearch offers a vendor-agnostic toolset you can use to
build secure, high-performance, cost-efficient applications. Use
OpenSearch as an end-to-end solution or connect it with your
preferred open-source tools or{' '}
<OuiLink href="https://opensearch.org/partners">
partner projects
</OuiLink>
.
</p>
<h3>Build powerful search solutions</h3>
<p>
The hallway smelt of boiled cabbage and old rag mats. At one end
of it a coloured poster, too large for indoor display, had been
tacked to the wall. It depicted simply an enormous face, more
than a metre wide: the face of a man of about forty-five, with a
heavy black moustache and ruggedly handsome features. Winston
made for the stairs. It was no use trying the lift. Even at the
best of times it was seldom working, and at present the electric
current was cut off during daylight hours. It was part of the
economy drive in preparation for Hate Week. The flat was seven
flights up, and Winston, who was thirty-nine and had a varicose
ulcer above his right ankle, went slowly, resting several times
on the way. On each landing, opposite the lift-shaft, the poster
with the enormous face gazed from the wall. It was one of those
pictures which are so contrived that the eyes follow you about
when you move. BIG BROTHER IS WATCHING YOU, the caption beneath
it ran.
Deploy e-commerce, application, and document search with
community-built tools. Support for{' '}
<OuiLink href="https://opensearch.org/docs/latest/opensearch/query-dsl/full-text/">
full text queries
</OuiLink>
, natural language processing, custom dictionaries, and a{' '}
<OuiLink href="https://opensearch.org/docs/latest/opensearch/ux/">
range of search features
</OuiLink>{' '}
provides a flexible foundation for structured and unstructured
search applications. With built-in faceting, relevance ranking
and scoring, and a selection of machine learning (ML) features,
you can build search solutions that are finely tuned to your
data.
</p>
<h3>Analyze and discover at scale</h3>
<p>
Inside the flat a fruity voice was reading out a list of figures
which had something to do with the production of pig-iron. The
voice came from an oblong metal plaque like a dulled mirror
which formed part of the surface of the right-hand wall. Winston
turned a switch and the voice sank somewhat, though the words
were still distinguishable. The instrument (the telescreen, it
was called) could be dimmed, but there was no way of shutting it
off completely. He moved over to the window: a smallish, frail
figure, the meagreness of his body merely emphasized by the blue
overalls which were the uniform of the party. His hair was very
fair, his face naturally sanguine, his skin roughened by coarse
soap and blunt razor blades and the cold of the winter that had
just ended.
Capture, store, and analyze your business, operational, and
security data from a variety of sources. Use your preferred data
collector and enrich your analytics pipeline with integrated ML
tools like{' '}
<OuiLink href="https://opensearch.org/docs/latest/monitoring-plugins/ad/index/">
anomaly detection
</OuiLink>
. Built-in search functionality supports fast, accurate query
results and time-sensitive insights. Visualize and report
discoveries with{' '}
<OuiLink href="https://opensearch.org/docs/latest/dashboards/index/">
OpenSearch Dashboards
</OuiLink>{' '}
and use{' '}
<OuiLink href="https://opensearch.org/docs/latest/search-plugins/sql/sql/jdbc/">
JDBC
</OuiLink>{' '}
to connect to popular business intelligence systems.
</p>
<h3>Achieve end-to-end observability</h3>
<p>
Visualize your monitored environments from end to end and
identify and resolve issues as they arise with flexible{' '}
<OuiLink href="https://opensearch.org/docs/latest/observability-plugin/index/">
observability tools
</OuiLink>
. Build visualizations from your metrics, traces, and logs, with
the option to use{' '}
<OuiLink href="https://opensearch.org/docs/latest/data-prepper/index/">
Data Prepper
</OuiLink>{' '}
to transform and enrich your source data. Support for
open-source systems like OpenTelemetry and Prometheus means you
can create powerful, customized observability solutions using
state-of-the-art components.
</p>
<h3>Getting started</h3>
<p>
OpenSearch includes a data store and search engine, a
visualization and user interface, and a{' '}
<OuiLink href="https://opensearch.org/docs/latest/install-and-configure/install-opensearch/plugins/#available-plugins">
library of plugins
</OuiLink>{' '}
you can use to tailor your tools to your requirements. Get
started in the way that best suits your team and your
environment. To configure your first OpenSearch cluster, you can{' '}
<OuiLink href="https://opensearch.org/downloads.html">
download the OpenSearch components
</OuiLink>{' '}
in a variety of distributions or start with the official{' '}
<OuiLink href="https://hub.docker.com/r/opensearchproject/opensearch">
Docker Image
</OuiLink>
.
</p>
<h3>OpenSearch Project partners</h3>
<p>
Visit the OpenSearch Project{' '}
<OuiLink href="https://opensearch.org/partners">
partner page
</OuiLink>{' '}
for a network of organizations who offer hosted solutions,
provide help with technical challenges, and build tools to
extend the capabilities of OpenSearch. Interested in becoming a
project partner?{' '}
<OuiLink href="https://opensearch.org/new-partner.html">
Learn how
</OuiLink>
.
</p>
</OuiText>
</OuiPanel>
Expand Down
30 changes: 10 additions & 20 deletions src-docs/src/views/control_bar/tabs.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,15 +26,15 @@ export default () => {
setVisibility(true);

setTabContent(
"Oceanic Airlines Flight 815 was a scheduled flight from Sydney, Australia to Los Angeles, California, United States, on a Boeing 777-200ER. On September 22, 2004 at 4:16 P.M., the airliner, carrying 324 passengers, deviated from its original course and disappeared over the Pacific Ocean. This is the central moment in the series that kicked off its plotline, and marked the chronological beginning of the main characters' adventures on the Island."
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
);
};

const tabTwo = () => {
setVisibility(true);

setTabContent(
'The Others, referred to by the DHARMA Initiative as the Hostiles or the Natives, and also by the tail section survivors of Oceanic Flight 815 as Them, are a group of people living on the Island who were followers of Jacob, intermediated by Richard Alpert. Jacob never showed himself to his people, and they took orders from a succession of leaders including Eloise Hawking, Charles Widmore, Benjamin Linus, and briefly, John Locke.'
'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.'
);
};

Expand All @@ -47,44 +47,34 @@ export default () => {
const controls = [
{
controlType: 'tab',
id: 'flight_815',
label: 'Flight 815',
id: 'tab_1',
label: 'Tab 1',
onClick: tabOne,
},
{
controlType: 'tab',
id: 'the_others',
label: 'The Others',
id: 'tab_2',
label: 'Tab 2',
onClick: tabTwo,
},
{
controlType: 'button',
id: 'sound_the_alarm',
label: 'Sound the Alarm',
id: 'notifications',
label: 'Notifications',
onClick: () => {},
color: 'danger',
iconType: 'bell',
'data-test-subj': 'look',
},
{
controlType: 'button',
id: 'close_the_hatch',
label: 'Close the Hatch',
id: 'close',
label: 'Close',
fill: true,
onClick: closeTheHatch,
className: 'customClassName',
color: 'primary',
},
{
controlType: 'spacer',
},
{
controlType: 'icon',
id: 'set_the_timer',
iconType: 'clock',
onClick: closeTheHatch,
'aria-label': 'Set the Timer',
},
];

let display;
Expand Down

0 comments on commit 3f0a84f

Please sign in to comment.