diff --git a/src/sql/workbench/contrib/welcome/media/icon_postgre_sql.png b/src/sql/workbench/contrib/welcome/media/icon_postgre_sql.png new file mode 100644 index 0000000000..4de7187cb1 Binary files /dev/null and b/src/sql/workbench/contrib/welcome/media/icon_postgre_sql.png differ diff --git a/src/sql/workbench/contrib/welcome/media/icon_powershell.png b/src/sql/workbench/contrib/welcome/media/icon_powershell.png new file mode 100644 index 0000000000..76dc30059b Binary files /dev/null and b/src/sql/workbench/contrib/welcome/media/icon_powershell.png differ diff --git a/src/sql/workbench/contrib/welcome/page/browser/az_data_welcome_page.ts b/src/sql/workbench/contrib/welcome/page/browser/az_data_welcome_page.ts index c00ac51591..8bdd288c69 100644 --- a/src/sql/workbench/contrib/welcome/page/browser/az_data_welcome_page.ts +++ b/src/sql/workbench/contrib/welcome/page/browser/az_data_welcome_page.ts @@ -11,7 +11,7 @@ export default () => `
-
+

Preview
-
@@ -158,8 +141,6 @@ export default () => `

${escape(localize('welcomePage.documentationBody', "Visit the documentation center for quickstarts, how-to guides, and references for PowerShell, APIs, etc."))}

- -

Videos

@@ -169,7 +150,6 @@ export default () => `

${escape(localize('welcomePage.videoDescriptionOverview', "Overview of Azure Data Studio"))}

-
@@ -186,7 +166,7 @@ export default () => `

Extend your data studio

- ${escape(localize('welcomePage.showAll', "Show All"))} + ${escape(localize('welcomePage.showAll', "Show All"))}
this.dispose())); const recentlyOpened = this.workspacesService.getRecentlyOpened(); @@ -317,7 +319,7 @@ class WelcomePage extends Disposable { while (ul.firstChild) { ul.removeChild(ul.firstChild); } - await this.mapListEntries(workspacesToShow, fileService); + await this.mapListEntries(workspacesToShow, fileService, container); }; await updateEntries(); this._register(this.labelService.onDidChangeFormatters(updateEntries)); @@ -334,11 +336,76 @@ class WelcomePage extends Disposable { } } })); + this.createButtons(); this.createDropDown(); this.createWidePreviewToolTip(); this.createPreviewModal(); } + private createButtons(): void { + const container = document.querySelector('.ads-homepage .hero'); + const dropdownButtonContainer = document.querySelector('#dropdown-btn-container') as HTMLElement; + const dropdownUl = document.createElement('ul'); + const i = document.createElement('div'); + const nav = document.createElement('nav'); + const newText = localize('welcomePage.new', "New"); + let dropdownBtn = this._register(new Button(dropdownButtonContainer)); + dropdownBtn.label = newText; + + const iconClassList = ['twisties', 'codicon', 'codicon-chevron-right']; + + i.classList.add(...iconClassList); + const openFileCopy = localize('welcomePage.openFile', "Open file"); + dropdownUl.classList.add('dropdown-content'); + dropdownUl.setAttribute('aria-hidden', 'true'); + dropdownUl.setAttribute('aria-label', 'submenu'); + dropdownUl.setAttribute('role', 'menu'); + dropdownUl.setAttribute('aria-labelledby', 'dropdown-btn'); + dropdownUl.id = 'dropdown'; + dropdownUl.innerHTML = + `
  • ${(localize('welcomePage.newConnection', "New connection"))}
    • +
  • ${(localize('welcomePage.newQuery', "New query"))}
    • +
  • ${(localize('welcomePage.newNotebook', "New notebook"))}
    • +
  • ${(localize('welcomePage.deployServer', "Deploy a Server"))}
    • + +