ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-23 17:23:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fixes video and admin pack images (#10038)

Browse Source 
* fixes the video images not showing when a 2nd welcome page is opened, and replace the admin pack image

* deletes unused image

* hardcodes video image src into html

* removes dead code

* embeds require.toUrl in markup
This commit is contained in:
v-bbrady
2020-04-17 09:45:10 -07:00
committed by GitHub
parent 9a5f5d224f
commit b02a5f9e49
5 changed files with 45 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/sql/workbench/contrib/welcome/media/extension_pack_img.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 108 KiB

42
src/sql/workbench/contrib/welcome/media/extension_pack_img.svg Normal file
View File

@@ -0,0 +1,42 @@
<svg width="651" height="350" viewBox="0 0 651 350" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.91748" width="650" height="350" fill="#005BA1"/>
<path d="M274.278 128.995L288.978 120.495V139.295L274.278 147.695V128.995Z" fill="#32B0E7"/>
<path d="M308.979 159.495L320.579 152.795V167.595L308.979 174.295V159.495Z" fill="#84ECFD"/>
<path d="M279.778 204.595L291.378 197.895V212.695L279.778 219.295V204.595Z" fill="#0078D4"/>
<path d="M596.576 136.645L608.176 129.945V144.745L596.576 151.445V136.645Z" fill="#84ECFD"/>
<path d="M581.64 203.3L593.24 196.6V211.4L581.64 218V203.3Z" fill="#0078D4"/>
<path d="M444.29 227.794L458.99 219.294V238.094L444.29 246.494V227.794Z" fill="#32B0E7"/>
<path d="M478.989 258.294L490.589 251.594V266.394L478.989 273.094V258.294Z" fill="#84ECFD"/>
<path d="M453.692 321.176L465.292 314.476V329.276L453.692 335.876V321.176Z" fill="#0078D4"/>
<path d="M319.078 19.6204L330.678 12.9204V27.7204L319.078 34.4204V19.6204Z" fill="#0078D4"/>
<path d="M301.078 71.7205L312.678 65.0205V79.8205L301.078 86.5205V71.7205Z" fill="#32B0E7"/>
<path d="M435.816 92.0679L447.416 85.3679V100.168L435.816 106.868V92.0679Z" fill="#0078D4"/>
<path d="M460.096 135.895L471.696 129.195V143.995L460.096 150.695V135.895Z" fill="#84ECFD"/>
<path d="M330.678 247.576L342.278 240.876V255.676L330.678 262.376V247.576Z" fill="#0078D4"/>
<path d="M312.678 299.676L324.278 292.976V307.776L312.678 314.476V299.676Z" fill="#32B0E7"/>
<path d="M606.059 300.2L617.659 293.5V308.3L606.059 315V300.2Z" fill="#32B0E7"/>
<path d="M616.64 261.547L628.24 254.847V269.647L616.64 276.347V261.547Z" fill="#0078D4"/>
<path d="M445.839 41.1204L457.439 34.4204V49.2204L445.839 55.9204V41.1204Z" fill="#32B0E7"/>
<path d="M596.576 51.8704L608.176 45.1704V59.9704L596.576 66.6704V51.8704Z" fill="#32B0E7"/>
<path d="M193.317 127.845L204.917 121.145V135.945L193.317 142.645V127.845Z" fill="#32B0E7"/>
<path d="M128.918 145.545L143.618 137.045V155.845L128.918 164.345V145.545Z" fill="#2195DC"/>
<path d="M165.219 170.545L176.819 163.845V178.645L165.219 185.345V170.545Z" fill="#0078D4"/>
<path d="M484.789 190.195L496.389 183.495V198.295L484.789 204.995V190.195Z" fill="#0078D4"/>
<path d="M221.852 139.084L232.052 133.184V146.184L221.852 152.084V139.084Z" fill="#0078D4"/>
<path d="M244.352 107.383L252.352 102.783V112.983L244.352 117.583V107.383Z" fill="#2195DC"/>
<path d="M243.754 167.084L251.754 162.484V172.684L243.754 177.284V167.084Z" fill="#32B0E7"/>
<path d="M378.579 255.595L388.779 249.695V262.695L378.579 268.595V255.595Z" fill="#0078D4"/>
<path d="M401.079 223.895L409.079 219.295V229.495L401.079 234.095V223.895Z" fill="#2195DC"/>
<path d="M400.481 283.595L408.481 278.995V289.195L400.481 293.795V283.595Z" fill="#32B0E7"/>
<path d="M527.514 48.5682L537.714 42.6682V55.6682L527.514 61.5682V48.5682Z" fill="#0078D4"/>
<path d="M547.964 27.0937L555.964 22.4937V32.6937L547.964 37.2936V27.0937Z" fill="#2195DC"/>
<path d="M360.429 188.095L368.429 183.495V193.695L360.429 198.295V188.095Z" fill="#32B0E7"/>
<path d="M528.934 279.396L536.934 274.796V284.996L528.934 289.596V279.396Z" fill="#32B0E7"/>
<path d="M560.183 73.7953L568.183 69.1953V79.3953L560.183 83.9953V73.7953Z" fill="#32B0E7"/>
<path d="M614.439 202.895L622.439 198.295V208.495L614.439 213.095V202.895Z" fill="#32B0E7"/>
<path d="M363.329 104.445L373.529 98.5452V111.545L363.329 117.445V104.445Z" fill="#0078D4"/>
<path d="M385.829 72.7448L393.829 68.1448V78.3448L385.829 82.9448V72.7448Z" fill="#2195DC"/>
<path d="M385.231 132.445L393.231 127.845V138.045L385.231 142.645V132.445Z" fill="#32B0E7"/>
<path d="M500.687 89.0678L508.687 84.4678V94.6678L500.687 99.2678V89.0678Z" fill="#2195DC"/>
<path d="M535.097 161.295L549.797 152.795V171.595L535.097 179.995V161.295Z" fill="#32B0E7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

4
src/sql/workbench/contrib/welcome/page/browser/az_data_welcome_page.ts
View File

@@ -165,7 +165,7 @@ export default () => `
<div class="flex flex_container_video">
<div class="videos_container_video">
<a href="https://www.youtube.com/watch?v=Orv7fptVoUA" class="video overview">
<img id="video_overview" />
<img src="${require.toUrl('./../../media/video_overview.png')}" class="video_overview" id="video_overview" />
<h4>${escape(localize('welcomePage.videoDescriptionOverview',
"Overview of Azure Data Studio"))}</h4>
</a>
@@ -173,7 +173,7 @@ export default () => `
</div>
<div class="videos_container_video">
<a href="https://www.youtube.com/watch?v=Nt4kIHQ0IOc" class="video overview">
<img id="video_introduction" />
<img src="${require.toUrl('./../../media/video_introduction.png')}" class="video_introduction" id="video_introduction" />
<h4>${escape(localize('welcomePage.videoDescriptionIntroduction',
"Introduction to Azure Data Studio Notebooks | Data Exposed"))}</h4>
</a>

2
src/sql/workbench/contrib/welcome/page/browser/welcomePage.css
View File

@@ -1195,7 +1195,7 @@
}
.ads_homepage .extension_pack_description {
background: url(../../media/extension_pack_img.png);
background: url(../../media/extension_pack_img.svg);
background-size: cover;
background-position: center;
position: relative;

9
src/sql/workbench/contrib/welcome/page/browser/welcomePage.ts
View File

@@ -315,20 +315,11 @@ class WelcomePage extends Disposable {
}
}
}));
this.addVideoImageSource();
this.createDropDown();
this.createWidePreviewToolTip();
this.createPreviewModal();
}
private addVideoImageSource() {
const videoIntroduction = document.querySelector('#video_introduction') as HTMLImageElement;
const videoOverview = document.querySelector('#video_overview') as HTMLImageElement;
videoIntroduction.src = require.toUrl('./../../media/video_introduction.png');
videoOverview.src = require.toUrl('./../../media/video_overview.png');
}
private createWidePreviewToolTip() {
const previewLink = document.querySelector('#tool_tip_container_wide');
const tooltip = document.querySelector('#tooltip_text_wide');