Add Duplicate Tab option

[paulvic]

CATEGORY

Adds an option to duplicate the current tab's setting/content into a new tab. Useful if you're iterating on a query.

Choose one

• Bug Fix
• Enhancement (new features, refinement)
• Refactor
• Add tests
• Build / Development Environment
• Documentation

SUMMARY

This adds a Duplicate Tab option.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

New option:

TEST PLAN

Open a tab, selected the "options" chevron, click on Duplicate Tab.
Verify the new tab's settings (database and schema selections) and SQL query match the previous tab's
Verify the title is Copy of <previous tab title>

ADDITIONAL INFORMATION

• Has associated issue:
• Changes UI
• Requires DB Migration.
• Confirm DB Migration upgrade and downgrade tested.
• Introduces new feature or API
• Removes existing feature or API

REVIEWERS

[codecov-io]

Codecov Report

Merging #8485 into master will decrease coverage by 4.93%.
The diff coverage is 75%.

@@            Coverage Diff             @@
##           master    #8485      +/-   ##
==========================================
- Coverage   71.47%   66.53%   -4.94%     
==========================================
  Files         117      449     +332     
  Lines       12336    22603   +10267     
  Branches        0     2367    +2367     
==========================================
+ Hits         8817    15039    +6222     
- Misses       3519     7426    +3907     
- Partials        0      138     +138

Impacted Files	Coverage Δ
.../assets/src/SqlLab/components/TabbedSqlEditors.jsx	83.03% <75%> (ø)
...sets/src/explore/components/ExploreChartHeader.jsx	50% <0%> (ø)
superset/assets/src/components/Checkbox.jsx	100% <0%> (ø)
...perset/assets/src/dashboard/util/getEmptyLayout.js	0% <0%> (ø)
...ts/src/dashboard/util/getComponentWidthFromDrop.js	95.23% <0%> (ø)
.../assets/src/dashboard/reducers/dashboardFilters.js	88.23% <0%> (ø)
...rc/explore/components/controls/AnnotationLayer.jsx	2.46% <0%> (ø)
superset/assets/src/welcome/DashboardTable.jsx	87.5% <0%> (ø)
...erset/assets/src/dashboard/util/injectCustomCss.js	91.66% <0%> (ø)
...explore/components/controls/ColorPickerControl.jsx	85% <0%> (ø)
... and 323 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3cba1bd...ae6576b. Read the comment docs.

[mistercrunch]

There have been conversations about removing tabs altogether in SQL Lab and let users use normal browsers tabs instead.

Apart from that this PR LGTM

[paulvic]

There have been conversations about removing tabs altogether in SQL Lab and let users use normal browsers tabs instead.

Apart from that this PR LGTM

Yeah I permanently seem to have >30 tabs open but I'd like to be able to group them into different "projects" and maybe have one project per browser tab.

[etr2460]

this lgtm, thanks for the feature addition!

[mistercrunch]

We'll also improve naming / saving / autosaving queries to help with that as we deprecate tabs. You could also use browser windows as sets of browser tabs or "projects" if needed.