feat: add legacy warning to block factory (#8234)

This commit is contained in:
Maribeth Bottorff
2024-06-28 14:42:36 -07:00
committed by GitHub
parent 9a0619aa2a
commit e76daa5d8d
3 changed files with 11 additions and 1 deletions

View File

@@ -507,7 +507,7 @@ AppController.prototype.assignBlockFactoryClickHandlers = function() {
document.getElementById('helpButton').addEventListener('click', document.getElementById('helpButton').addEventListener('click',
function() { function() {
open('https://developers.google.com/blockly/custom-blocks/block-factory', open('https://developers.google.com/blockly/guides/create-custom-blocks/legacy-blockly-developer-tools',
'BlockFactoryHelp'); 'BlockFactoryHelp');
}); });

View File

@@ -127,6 +127,13 @@ button, .buttonStyle {
float: right; float: right;
} }
#legacyBanner {
border: #ccc 1px solid;
background-color: #FFCDD2;
margin: 4px;
padding: 4px;
}
#blockFactoryContent { #blockFactoryContent {
height: 85%; height: 85%;
width: 100%; width: 100%;

View File

@@ -53,6 +53,9 @@
<button class="privacyButton" title="Open Google privacy policy"><a class="privacyLink" href="https://policies.google.com/privacy">Privacy</a> <button class="privacyButton" title="Open Google privacy policy"><a class="privacyLink" href="https://policies.google.com/privacy">Privacy</a>
</button> </button>
</h1> </h1>
<div id="legacyBanner">
This version of Developer Tools is only compatible with Blockly version 10 and earlier. Try the <a target="_blank" href="https://google.github.io/blockly-samples/examples/developer-tools/index.html">new Block Factory</a> and <a target="_blank" href="https://developers.google.com/blockly/guides/create-custom-blocks/blockly-developer-tools#import_from_legacy_block_factory">learn how to migrate your blocks</a>.
</div>
<div id="tabContainer"> <div id="tabContainer">
<div id="blockFactory_tab" class="tab tabon">Block Factory</div> <div id="blockFactory_tab" class="tab tabon">Block Factory</div>
<div id="blocklibraryExporter_tab" class="tab taboff">Block Exporter</div> <div id="blocklibraryExporter_tab" class="tab taboff">Block Exporter</div>