@@ -19,11 +19,11 @@ import './model-layer';
1919import '../demo-header' ;
2020import '../demo-footer' ;
2121
22- import { PolymerElement , PolymerHTMLElement } from '../polymer-spec' ;
2322// tslint:disable-next-line:max-line-length
2423import { Array1D , Array3D , DataStats , FeedEntry , Graph , GraphRunner , GraphRunnerEventObserver , InCPUMemoryShuffledInputProviderBuilder , InMemoryDataset , MetricReduction , NDArray , NDArrayMath , NDArrayMathCPU , NDArrayMathGPU , Optimizer , Scalar , Session , SGDOptimizer , Tensor , util } from '../deeplearnjs' ;
2524import { NDArrayImageVisualizer } from '../ndarray-image-visualizer' ;
2625import { NDArrayLogitsVisualizer } from '../ndarray-logits-visualizer' ;
26+ import { PolymerElement , PolymerHTMLElement } from '../polymer-spec' ;
2727import * as xhr_dataset from '../xhr-dataset' ;
2828import { XhrDataset , XhrDatasetConfig } from '../xhr-dataset' ;
2929
@@ -190,27 +190,29 @@ export class ModelBuilder extends ModelBuilderPolymer {
190190 // Set up datasets.
191191 this . populateDatasets ( ) ;
192192
193- this . querySelector ( '#dataset-dropdown .dropdown-content' ) ! . addEventListener (
194- // tslint:disable-next-line:no-any
195- 'iron-activate' , ( event : any ) => {
196- // Update the dataset.
197- const datasetName = event . detail . selected ;
198- this . updateSelectedDataset ( datasetName ) ;
193+ this . querySelector ( '#dataset-dropdown .dropdown-content' )
194+ . addEventListener (
195+ // tslint:disable-next-line:no-any
196+ 'iron-activate' , ( event : any ) => {
197+ // Update the dataset.
198+ const datasetName = event . detail . selected ;
199+ this . updateSelectedDataset ( datasetName ) ;
199200
200- // TODO(nsthorat): Remember the last model used for each dataset.
201- this . removeAllLayers ( ) ;
202- } ) ;
203- this . querySelector ( '#model-dropdown .dropdown-content' ) ! . addEventListener (
204- // tslint:disable-next-line:no-any
205- 'iron-activate' , ( event : any ) => {
206- // Update the model.
207- const modelName = event . detail . selected ;
208- this . updateSelectedModel ( modelName ) ;
209- } ) ;
201+ // TODO(nsthorat): Remember the last model used for each dataset.
202+ this . removeAllLayers ( ) ;
203+ } ) ;
204+ this . querySelector ( '#model-dropdown .dropdown-content' )
205+ . addEventListener (
206+ // tslint:disable-next-line:no-any
207+ 'iron-activate' , ( event : any ) => {
208+ // Update the model.
209+ const modelName = event . detail . selected ;
210+ this . updateSelectedModel ( modelName ) ;
211+ } ) ;
210212
211213 {
212214 const normalizationDropdown =
213- this . querySelector ( '#normalization-dropdown .dropdown-content' ) ! ;
215+ this . querySelector ( '#normalization-dropdown .dropdown-content' ) ;
214216 // tslint:disable-next-line:no-any
215217 normalizationDropdown . addEventListener ( 'iron-activate' , ( event : any ) => {
216218 const selectedNormalizationOption = event . detail . selected ;
@@ -225,20 +227,20 @@ export class ModelBuilder extends ModelBuilderPolymer {
225227 this . showTrainStats = false ;
226228 this . showDatasetStats = false ;
227229
228- const addButton = this . querySelector ( '#add-layer' ) ! ;
230+ const addButton = this . querySelector ( '#add-layer' ) ;
229231 addButton . addEventListener ( 'click' , ( ) => this . addLayer ( ) ) ;
230232
231- const downloadModelButton = this . querySelector ( '#download-model' ) ! ;
233+ const downloadModelButton = this . querySelector ( '#download-model' ) ;
232234 downloadModelButton . addEventListener ( 'click' , ( ) => this . downloadModel ( ) ) ;
233- const uploadModelButton = this . querySelector ( '#upload-model' ) ! ;
235+ const uploadModelButton = this . querySelector ( '#upload-model' ) ;
234236 uploadModelButton . addEventListener ( 'click' , ( ) => this . uploadModel ( ) ) ;
235237 this . setupUploadModelButton ( ) ;
236238
237- const uploadWeightsButton = this . querySelector ( '#upload-weights' ) ! ;
239+ const uploadWeightsButton = this . querySelector ( '#upload-weights' ) ;
238240 uploadWeightsButton . addEventListener ( 'click' , ( ) => this . uploadWeights ( ) ) ;
239241 this . setupUploadWeightsButton ( ) ;
240242
241- const stopButton = this . querySelector ( '#stop' ) ! ;
243+ const stopButton = this . querySelector ( '#stop' ) ;
242244 stopButton . addEventListener ( 'click' , ( ) => {
243245 this . applicationState = ApplicationState . IDLE ;
244246 this . graphRunner . stopTraining ( ) ;
@@ -250,12 +252,13 @@ export class ModelBuilder extends ModelBuilderPolymer {
250252 this . startTraining ( ) ;
251253 } ) ;
252254
253- this . querySelector (
254- '#environment-toggle' ) ! . addEventListener ( 'change' , ( event ) => {
255- // tslint:disable-next-line:no-any
256- this . math = ( event . target as any ) . active ? this . mathGPU : this . mathCPU ;
257- this . graphRunner . setMath ( this . math ) ;
258- } ) ;
255+ this . querySelector ( '#environment-toggle' )
256+ . addEventListener ( 'change' , ( event ) => {
257+ this . math =
258+ // tslint:disable-next-line:no-any
259+ ( event . target as any ) . active ? this . mathGPU : this . mathCPU ;
260+ this . graphRunner . setMath ( this . math ) ;
261+ } ) ;
259262
260263 this . hiddenLayers = [ ] ;
261264 this . examplesPerSec = 0 ;
@@ -774,7 +777,7 @@ export class ModelBuilder extends ModelBuilderPolymer {
774777 // Show and setup the load view button.
775778 const fileInput = this . querySelector ( '#model-file' ) as HTMLInputElement ;
776779 fileInput . addEventListener ( 'change' , event => {
777- const file = fileInput . files ! [ 0 ] ;
780+ const file = fileInput . files [ 0 ] ;
778781 // Clear out the value of the file chooser. This ensures that if the user
779782 // selects the same file, we'll re-read it.
780783 fileInput . value = '' ;
@@ -816,7 +819,7 @@ export class ModelBuilder extends ModelBuilderPolymer {
816819 // Show and setup the load view button.
817820 const fileInput = this . querySelector ( '#weights-file' ) as HTMLInputElement ;
818821 fileInput . addEventListener ( 'change' , event => {
819- const file = fileInput . files ! [ 0 ] ;
822+ const file = fileInput . files [ 0 ] ;
820823 // Clear out the value of the file chooser. This ensures that if the user
821824 // selects the same file, we'll re-read it.
822825 fileInput . value = '' ;
0 commit comments