Giter Site home page Giter Site logo

website's Introduction

Redash Website and Knowledge Base

We use Gatsby as our static site generator. The website is built and hosted with Netlify.

Updating contributors data file

yarn fetch-contributors > website/_data/contributors.json

Website development

Gatsby Installed Locally

This seems to depend on Node v10. Until the dependencies updated to support newer versions of Node, you can use the Docker setup.

To start Gatsby in development mode and serve the the website on http://localhost:8000 use:

yarn run develop

If you prefer Gatsby listen on an interface or IP address other than localhost, use:

yarn run develop -H ip_address

For example:

yarn run develop -H 10.11.12.13

Using a DNS name in place of an IP address will also work, assuming the DNS entry resolves to an IP address on the local machine. This can be achieved through editing your /etc/hosts.

Docker Setup

First install dependencies:

docker-compose run --rm gatsby install

On first run, it will build the Docker image we're using. Once the Node modules were installed, you can run the following to start the dev server:

docker-compose up -d

This will run gatsby develop in the Docker container in the background, listening on http://localhost:8000. The first time you run this command it might take a few moments for Gatsby to compile the website. You can check progress by tailing the logs:

docker-compose logs -f

You can edit the project locally and the changes will be reflected inside the Docker container.

website's People

Contributors

afoonalex avatar amarjayr avatar arikfr avatar avishalom avatar daniellee-db avatar eradman avatar gabrieldutra avatar gaecoli avatar ironistm avatar jpotts18 avatar justinclift avatar kakakakakku avatar kocsmy avatar kravets-levko avatar kyoshidajp avatar lucydodo avatar nagalsky avatar ranbena avatar restyled-commits avatar restyled-io[bot] avatar rockwotj avatar rspeicher avatar stefanseifert avatar susodapop avatar timc13 avatar uskey512 avatar wieshka avatar yamatoya avatar yershalom avatar yoshitaku-jp avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

website's Issues

Top menu "Help" dropdown click target

The Help menu on the navbar is a dropdown. At the moment I need to click on the font glyphs to invoke the menu; but this isn't obvious. When I hover over the <div> the entire thing changes its background color which makes me think that I can click anywhere on the element to invoke the menu. Alternatively, it looks like I need to click the down arrow to invoke the menu -- but this is hard to get exactly right with a mouse because the arrow is so small.

In this ten second GIF I demonstrate the three behaviors:

  1. Clicking on the word "Help" invokes the menu
  2. Clicking in blankspace on the <div> does nothing
  3. Clicking on the tiny down arrow invokes the menu

ScreenFlow

Can we change this to either make the down arrow bigger or even better: invoke the dropdown menu whenever the user clicks the entire <div>?

How to make a dropdown list of dates

Not sure if this belongs in the documentation or separately as a blog post. But we should include a recipe for how to make a drop-down list of dates.

Top menu link to the forum doesn't work

The navbar link to the Redash forum doesn't work. Nothing happens when I click it. Tried in Safari, Chrome, and Firefox. I'm not seeing any issues in the console.

Interestingly when I right-click and select "Open in New Tab" it loads properly. But if I try to navigate using that link inside the current window, no cigar.

Fix dead links in the user guide

Error URL Anchor Text Linked From
404 https://redash.io/help/queries/writing_queries.md How to Schedule a Query? https://redash.io/help/
404 https://redash.io/help/getting_started/(../aboutrd/aboutrd.md full list https://redash.io/help/getting_started/how_to_add_data_sources_to_redash.html
404 https://redash.io/help/dashboards/(visualization/visualization.md instructions https://redash.io/help/dashboards/dashboards.html
404 https://redash.io/help/user-mgmt/permissions_and_groups.md here https://redash.io/help/user-mgmt/user-mgmt.html
404 https://redash.io/help/queries/how_to_export_query_results_to_csv_or_json.md export your results to CSV or JSON https://redash.io/help/queries/query_actions.html
404 https://redash.io/help-onpremise/setup/getting_started/permissions_and_groups.md Permissions and Groups https://redash.io/help-onpremise/
404 http://demo.redash.io/saml/callback http://demo.redash.io/saml/callback https://redash.io/help-onpremise/setup/saml-authentication-and-authorization.html
404 https://redash.io/help-onpremise/setup/maintenance/how-to-upgrade-redash.md upgrade process https://redash.io/help-onpremise/setup/setting-up-redash-instance.html
404 https://redash.io/help-onpremise/setup/setup/how-to-create-a-google-developers-project.md instructions https://redash.io/help-onpremise/setup/setting-up-redash-instance.html
404 https://redash.io/help-onpremise/setup/setup/supported-data-sources.md documentation https://redash.io/help-onpremise/setup/setting-up-redash-instance.html
404 https://redash.io/help-onpremise/setup/setup/settings-environment-variables.md settings article https://redash.io/help-onpremise/setup/setting-up-redash-instance.html
404 https://redash.io/help-onpremise/setup/setup/ssl-https-setup.md instructions https://redash.io/help-onpremise/setup/setting-up-redash-instance.html
404 https://redash.io/help-onpremise/setup/user-guide/queries/querying_mongodb.md documentation https://redash.io/help-onpremise/setup/supported-data-sources-options-reqs.html
404 https://redash.io/help-onpremise/setup/user-guide/queries/querying_elasticsearch.md documentation https://redash.io/help-onpremise/setup/supported-data-sources-options-reqs.html
404 https://redash.io/help-onpremise/setup/how-rd-works/data-source-results-format.md results JSON format https://redash.io/help-onpremise/setup/supported-data-sources-options-reqs.html
404 https://redash.io/help-onpremise/setup/user-guide/queries/querying_jira_jql.md here https://redash.io/help-onpremise/setup/supported-data-sources-options-reqs.html

Document Choropleth options

in MAP(choropleth), is there any work around to show text in the ValueColumn field? I managed to get a text from my query but couldn't show the text when user hover over the countries.

As for the map: the value column has to be a number, as this defines the intensity of the region color. If you don't mind about the color, you can return a static value (like just 1) and use it as a value.

To customize the tooltip that shows on hover or the full message that shown on click, you can use the following options:

image

This allows you to reference any column from the query (click on the ? button next to "Format specs" for reference).

Improve Knowledge Base articles "footer"

  • The "Edit on GitHub" link is often missed, we need to make it more visible.
  • Better case study section on Customers page
  • Add "Was this helpful? πŸ‘πŸ‘Ž" section
  • Maybe need to position the was it helpful part on the left and edit link on the right.
  • Add thank you animation @kocsmy
  • Implement logic for "Did you find this useful" @arikfr
  • kb-category.html also needs "Edit on GitHub" button (it's only on kb-article.html currently)

Website does not load sometimes

I bumped into this twice so far (and I'm not visiting it too often), that the marketing site won't load:

image

image

Refresh resolved the issue though. I'd add a critical flag to this.

Troubleshooting connection issues page

Preview

Connection problems will generally fall into three categories:

  • The target database is improperly configured
  • The IP connection is interupted
  • Redash is improperly configured

If you’re using the Hosted Redash service and your data source is behind a firewall, you need to allow access from the IP address 52.71.84.157 in your database firewall/Security Groups.

Apart from this portion in the Getting Started guide, what are other common connection problems? Are there particular databases that error-out more than others?

Initial Steps

Confirm database is accessible apart from Redash: Most databases provide a command line application (CLI). Confirm with this CLI that the database is operational.

Confirm your firewall will accept connections from 52.71.84.157: Should we provide examples in common firewalls like PFsense, IIS, UFW etc?

Request for feedback

Before I put this together I'd like to know what questions we commonly see.

Add documentation for ISO 8601 Dates with MongoDB Queries

If you try to pass a datetime parameter to MongoDB it will never match properly because there is currently a mismatch between the format we provide and what MongoDB expects. You can remedy this by wrapping the parameter value with the $humanTime extension, i.e.: {"$humanTime": "{{ param }}"} where you would use just "{{param}}".

Opening slide for video guides

We're about to produce a few video guide and need an opening slide for them, to use when giving an intro to the video and as a preview screenshot in Youtube.

The slide should contain:

  • Redash logo
  • Video title
  • (optional) Preview image

Missing image in User Guide -> Permissions & Groups page

Reading through the Permissions & Groups page in our User Guide, a text fragment says:

The screenshot shown below shows a Dashboard Widget with a visualization the
user doesn’t have access to.

Unfortunately, there's no screenshot on the page. πŸ˜‰

We should either nuke that line of text, or (better) add an appropriate screenshot. πŸ˜„

Add a LICENSE

I am unable to contribute to repositories without a license, can you add one? I'm hoping to add new features and would like to add documentation when I do so.

error UNHANDLED REJECTION , TypeError: Cannot read property 'children' of undefined

when I gatsby develop the project, it happend:

$ gatsby develop
success open and validate gatsby-configs β€” 0.026 s
success load plugins β€” 0.597 s
success onPreInit β€” 4.343 s
success delete html and css files from previous builds β€” 0.139 s
success initialize cache β€” 0.009 s
success copy gatsby files β€” 0.250 s
success onPreBootstrap β€” 0.008 s
error UNHANDLED REJECTION


  TypeError: Cannot read property 'children' of undefined

  - actions.js:50 children.concat.children.map.child
    [website]/[gatsby]/dist/redux/actions.js:50:39

  - Array.map

  - actions.js:49 findChildrenRecursively
    [website]/[gatsby]/dist/redux/actions.js:49:42

  - actions.js:301 actions.deleteNode.args
    [website]/[gatsby]/dist/redux/actions.js:301:29

  - redux.js:468
    [website]/[redux]/lib/redux.js:468:35

  - source-nodes.js:77 staleNodes.forEach.node
    [website]/[gatsby]/dist/utils/source-nodes.js:77:34

  - Array.forEach

  - source-nodes.js:77
    [website]/[gatsby]/dist/utils/source-nodes.js:77:18

  - Generator.next


error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Add Cloudron as installation option

Hi Redash team,
We have been maintaining a redash package for Cloudron for a while now at https://git.cloudron.io/cloudron/redash-app. This app was initially contributed to us by Domenic. We have automated browser tests for testing installs and updates as well in the tests/ directory. There's a demo at https://my.demo.cloudron.io (username: cloudron password: cloudron) if you want to see how redash works on Cloudron.

Would be great if you could add Cloudron as an installation method in your docs. Thanks!

Non-existent JSON loading feature is documented for URL datasource

The URL datasource documentation documents a JSON datasource option that can process an arbitrary JSON (which would be awesome). We just spent 20 minutes trying to figure out how to use it and in fact didn't find any traces of such support in the redash codebase at all.

Links defined with '{% link ... %} are 404 in production redash.io

While reading through the docs for Query Filters and Query parameters, some of the links turned out to be 404. Looking that their source in the repo, it might be something gone wrong with '{% link ... %}' replacement.

Examples

Query parameters page

https://redash.io/help/user-guide/querying/query-parameters (source)

This has a small paragraph:

Also, a Redash user must have Full Access permission to the data source
to use Query Parameters.

There is a link on the "Full Access" text, to: "https://redash.io/help/user-guide/querying/%7B%25%20link%20_kb/user-guide/users/permissions-groups.md%20%20%25%7D"

It looks like the link wasn't replaced with the correct internal destination page when the website was generated.

Query filters page

https://redash.io/help/user-guide/querying/query-filters (source)

It has this text:

If you'd like to link together the filter widgets into a dashboard-level Query Filter see these instructions.

There is a (broken) link on "these instructions", to "https://redash.io/help/user-guide/querying/%7B%25%20link%20_kb/user-guide/dashboards/dashboard-editing.md%20%20%25%7D"

Haven't checked any further links, but seems more like a website generation problem rather than one or two broken ones.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.