codeninjasllc/codecombat
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add autocomplete and slider to design elements view, limit showing javascript widgets automagically

Browse source
This commit is contained in:
Scott Erickson 2016-01-06 16:33:50 -08:00
parent 93b9aa3c2c
commit 5941c4b27f
2 changed files with 36 additions and 4 deletions

6
app/templates/admin/design-elements-view.jade
View file

@ -406,7 +406,7 @@
a#tooltips.panel-title(href="#tooltips") Tooltips a#tooltips.panel-title(href="#tooltips") Tooltips
.panel-body .panel-body
button#tooltip.btn.btn-default(title="tooltip text!", data-placement="right", data-trigger="manual") Button w/Tooltip button#tooltip.btn.btn-default(title="tooltip text!", data-placement="right", data-trigger="click") Button w/Tooltip
.col-sm-3 .col-sm-3
.panel.panel-default .panel.panel-default
@ -414,7 +414,7 @@
a#popovers.panel-title(href="#popovers") Popovers a#popovers.panel-title(href="#popovers") Popovers
.panel-body .panel-body
button#popover.btn.btn-default(title="Popover title" data-content="Popover content" data-trigger="manual") Button w/Popover button#popover.btn.btn-default(title="Popover title" data-content="Popover content" data-trigger="click") Button w/Popover
h1 jQuery UI h1 jQuery UI
@ -426,6 +426,7 @@
a#autocomplete.panel-title(href="#autocomplete") Autocomplete a#autocomplete.panel-title(href="#autocomplete") Autocomplete
.panel-body .panel-body
input#tags
.col-sm-3 .col-sm-3
.panel.panel-default .panel.panel-default
@ -433,6 +434,7 @@
a#slider.panel-title(href="#slider") Slider a#slider.panel-title(href="#slider") Slider
.panel-body .panel-body
#slider-example
h1 Other h1 Other

34
app/views/admin/DesignElementsView.coffee
View file

@ -12,5 +12,35 @@ module.exports = class DesignElementsView extends RootView
document.location.hash = '' document.location.hash = ''
setTimeout((-> document.location.hash = hash), 10) setTimeout((-> document.location.hash = hash), 10)
@$('#modal-2').find('.background-wrapper').addClass('plain') @$('#modal-2').find('.background-wrapper').addClass('plain')
setTimeout((=> @$('#tooltip').tooltip('show')), 20) if hash is '#tooltips'
setTimeout((=> @$('#popover').popover('show')), 20) setTimeout((=> @$('#tooltip').tooltip('show')), 20)
if hash is '#popovers'
setTimeout((=> @$('#popover').popover('show')), 20)
tags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
]
@$('#tags').autocomplete({source: tags})
if hash is '#autocomplete'
setTimeout((=> @$('#tags').autocomplete("search", "t")), 20)
@$('#slider-example').slider()