mirror of
https://github.com/google/blockly.git
synced 2026-01-09 10:00:09 +01:00
126 lines
4.3 KiB
JavaScript
126 lines
4.3 KiB
JavaScript
/**
|
|
* AccessibleBlockly
|
|
*
|
|
* Copyright 2017 Google Inc.
|
|
* https://developers.google.com/blockly/
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the 'License');
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an 'AS IS' BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
/**
|
|
* @fileoverview Component representing the variable remove modal.
|
|
*
|
|
* @author corydiers@google.com (Cory Diers)
|
|
*/
|
|
|
|
goog.provide('blocklyApp.VariableRemoveModalComponent');
|
|
|
|
goog.require('blocklyApp.AudioService');
|
|
goog.require('blocklyApp.KeyboardInputService');
|
|
goog.require('blocklyApp.TranslatePipe');
|
|
goog.require('blocklyApp.TreeService');
|
|
goog.require('blocklyApp.VariableModalService');
|
|
|
|
goog.require('Blockly.CommonModal');
|
|
|
|
|
|
blocklyApp.VariableRemoveModalComponent = ng.core.Component({
|
|
selector: 'blockly-remove-variable-modal',
|
|
template: `
|
|
<div *ngIf="modalIsVisible"class="blocklyModalCurtain"
|
|
(click)="dismissModal()">
|
|
<!-- $event.stopPropagation() prevents the modal from closing when its
|
|
interior is clicked. -->
|
|
<div id="varModal" class="blocklyModal" role="alertdialog"
|
|
(click)="$event.stopPropagation()" tabindex="0"
|
|
aria-labelledby="variableModalHeading">
|
|
<h3 id="variableModalHeading">
|
|
Delete {{getNumVariables()}} uses of the "{{currentVariableName}}"
|
|
variable?
|
|
</h3>
|
|
|
|
<form id="varForm">
|
|
<hr>
|
|
<button type="button" id="yesButton" (click)="submit()">
|
|
YES
|
|
</button>
|
|
<button type="button" id="noButton" (click)="dismissModal()">
|
|
NO
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
`,
|
|
pipes: [blocklyApp.TranslatePipe]
|
|
})
|
|
.Class({
|
|
constructor: [
|
|
blocklyApp.AudioService,
|
|
blocklyApp.KeyboardInputService,
|
|
blocklyApp.TreeService,
|
|
blocklyApp.VariableModalService,
|
|
function(audioService, keyboardService, treeService, variableService) {
|
|
this.workspace = blocklyApp.workspace;
|
|
this.treeService = treeService;
|
|
this.variableModalService = variableService;
|
|
this.audioService = audioService;
|
|
this.keyboardInputService = keyboardService;
|
|
this.modalIsVisible = false;
|
|
this.activeButtonIndex = -1;
|
|
this.currentVariableName = '';
|
|
this.count = 0;
|
|
|
|
var that = this;
|
|
this.variableModalService.registerPreRemoveShowHook(
|
|
function(name, count) {
|
|
that.currentVariableName = name;
|
|
that.count = count;
|
|
that.modalIsVisible = true;
|
|
|
|
Blockly.CommonModal.setupKeyboardOverrides(that);
|
|
|
|
setTimeout(function() {
|
|
document.getElementById('varModal').focus();
|
|
}, 150);
|
|
}
|
|
);
|
|
}
|
|
],
|
|
// Closes the modal (on both success and failure).
|
|
hideModal_: Blockly.CommonModal.hideModal,
|
|
// Focuses on the button represented by the given index.
|
|
focusOnOption: Blockly.CommonModal.focusOnOption,
|
|
// Counts the number of interactive elements for the modal.
|
|
numInteractiveElements: Blockly.CommonModal.numInteractiveElements,
|
|
// Gets all the interactive elements for the modal.
|
|
getInteractiveElements: Blockly.CommonModal.getInteractiveElements,
|
|
// Gets the container with interactive elements.
|
|
getInteractiveContainer: function() {
|
|
return document.getElementById('varForm');
|
|
},
|
|
getNumVariables: function() {
|
|
return this.variableModalService.getNumVariables(this.currentVariableName);
|
|
},
|
|
// Submits the name change for the variable.
|
|
submit: function() {
|
|
var variable = blocklyApp.workspace.getVariable(this.currentVariableName);
|
|
blocklyApp.workspace.deleteVariableInternal_(variable);
|
|
this.dismissModal();
|
|
},
|
|
// Dismisses and closes the modal.
|
|
dismissModal: function() {
|
|
this.variableModalService.hideModal();
|
|
this.hideModal_();
|
|
}
|
|
})
|