@@ -117,9 +117,8 @@ This will create the following in ```/app/assets/javascripts/utilities/modal.js.
117
117
118
118
```
119
119
# /app/assets/javascripts/utilities/modal.js.coffee
120
- window.App ||= {}
121
- window.App.Utility ||= {}
122
- class App.Utility.Modal
120
+ window.Utility ||= {}
121
+ class Utility.Modal
123
122
124
123
constructor: ->
125
124
return this
@@ -129,9 +128,8 @@ Let's add some basic functionality:
129
128
130
129
```
131
130
# /app/assets/javascripts/utilities/modal.js.coffee
132
- window.App ||= {}
133
- window.App.Utility ||= {}
134
- class App.Utility.Modal
131
+ window.Utility ||= {}
132
+ class Utility.Modal
135
133
@element
136
134
@trigger
137
135
@isOpen = false
@@ -167,7 +165,7 @@ window.App ||= {}
167
165
class App.Users extends App.Base
168
166
169
167
show: ->
170
- @galleryModal = new App. Utility.Modal($('#user-gallery-modal-wrapper'), $('user-gallery-modal-toggle-button'))
168
+ @galleryModal = new Utility.Modal($('#user-gallery-modal-wrapper'), $('user-gallery-modal-toggle-button'))
171
169
172
170
```
173
171
@@ -185,8 +183,8 @@ This will create the following in ```/app/assets/javascripts/elements/main_menu.
185
183
```
186
184
# /app/assets/javascripts/elements/main_menu.js.coffee```
187
185
188
- window.App. Element ||= {}
189
- class App. Element.MainMenu
186
+ window.Element ||= {}
187
+ class Element.MainMenu
190
188
191
189
constructor: ->
192
190
return this
@@ -201,7 +199,7 @@ window.App ||= {}
201
199
class App.Base
202
200
203
201
constructor: ->
204
- App.mainMenu = new App. Element.MainMenu()
202
+ App.mainMenu = new Element.MainMenu()
205
203
return this
206
204
```
207
205
@@ -217,8 +215,8 @@ Which generates:
217
215
````
218
216
# /app/assets/javascripts/elements/main_menu.js.coffee
219
217
220
- window.App. Element ||= {}
221
- class App. Element.MainMenu extends App. Utility.Modal
218
+ window.Element ||= {}
219
+ class Element.MainMenu extends Utility.Modal
222
220
223
221
constructor: ->
224
222
return this
0 commit comments