@@ -33,19 +33,30 @@ var HuntScreen = (function() {
3333
3434 var html = '<div class="hunt-screen">' +
3535 '<h1>' + t ( 'hunt_title' ) + '</h1>' +
36- '<h2>' + t ( 'hunt_choose_creature' ) + '</h2>' +
37- '<div class="creature-list" role="radiogroup" aria-label="' + t ( 'hunt_choose_creature' ) + '">' ;
38-
39- for ( var i = 0 ; i < creatures . length ; i ++ ) {
40- var c = creatures [ i ] ;
41- html += '<button class="creature-card" data-id="' + c . id + '" role="radio" aria-checked="false" ' +
42- 'aria-label="' + c . name + '. Level ' + c . minLevel + ' to ' + c . maxLevel + '">' +
43- '<span class="creature-name">' + c . name + '</span>' +
44- '<span class="creature-level">Lv ' + c . minLevel + '-' + c . maxLevel + '</span>' +
45- '</button>' ;
36+ '<h2>' + t ( 'hunt_choose_creature' ) + '</h2>' ;
37+
38+ if ( ! creatures . length ) {
39+ html += '<div class="creature-list" role="status" aria-live="polite">' +
40+ '<p class="empty-state">' + t ( 'hunt_no_creatures_here' ) + '</p>' +
41+ '<p class="quest-desc">' + t ( 'hunt_no_creatures_hint' ) + '</p>' +
42+ '<button class="btn btn-secondary" id="btn-return-commons">' + t ( 'hunt_return_to_commons' ) + '</button>' +
43+ '</div>' ;
44+ } else {
45+ html += '<div class="creature-list" role="radiogroup" aria-label="' + t ( 'hunt_choose_creature' ) + '">' ;
46+
47+ for ( var i = 0 ; i < creatures . length ; i ++ ) {
48+ var c = creatures [ i ] ;
49+ html += '<button class="creature-card" data-id="' + c . id + '" role="radio" aria-checked="false" ' +
50+ 'aria-label="' + c . name + '. Level ' + c . minLevel + ' to ' + c . maxLevel + '">' +
51+ '<span class="creature-name">' + c . name + '</span>' +
52+ '<span class="creature-level">Lv ' + c . minLevel + '-' + c . maxLevel + '</span>' +
53+ '</button>' ;
54+ }
55+
56+ html += '</div>' ;
4657 }
4758
48- html += '</div>< h2>' + t ( 'hunt_choose_spell' ) + '</h2>' +
59+ html += '<h2>' + t ( 'hunt_choose_spell' ) + '</h2>' +
4960 '<div class="spell-grid" role="radiogroup" aria-label="' + t ( 'hunt_choose_spell' ) + '">' ;
5061
5162 for ( var j = 0 ; j < spells . length ; j ++ ) {
@@ -134,6 +145,13 @@ var HuntScreen = (function() {
134145
135146 Helpers . $ ( 'btn-attack' ) . addEventListener ( 'click' , _doHunt ) ;
136147
148+ var returnBtn = Helpers . $ ( 'btn-return-commons' ) ;
149+ if ( returnBtn ) {
150+ returnBtn . addEventListener ( 'click' , function ( ) {
151+ Helpers . EventBus . emit ( 'navigate' , 'map' ) ;
152+ } ) ;
153+ }
154+
137155 // Armageddon confirm checkbox and launch button
138156 var armaCb = el . querySelector ( '#armageddon-confirm-cb' ) ;
139157 var armaBtn = el . querySelector ( '#btn-armageddon' ) ;
0 commit comments