alansemenov
/ 03_ugly_form_tables.js
Created
June 22, 2016 18:57
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function materializeTables() { | |
| document.querySelectorAll('table').forEach(function(table) { | |
| table.classList.add('mdl-data-table', 'mdl-js-data-table'); | |
| table.querySelectorAll('th,td').forEach(function(cell) { | |
| cell.classList.add('mdl-data-table__cell--non-numeric'); | |
| }); | |
| }); | |
| } | |
| function materializeControls() { |
alansemenov
/ 03_ugly_form_lists.js
Created
June 22, 2016 18:58
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function materializeLists() { | |
| document.querySelectorAll('ul').forEach(function(ulEl) { | |
| ulEl.classList.add('mdl-list'); | |
| ulEl.querySelectorAll('li').forEach(function(liEl) { | |
| liEl.classList.add('mdl-list__item'); | |
| liEl.innerHTML = "<span class='mdl-list__item-primary-content'>" + | |
| "<i class='material-icons mdl-list__item-icon'>home</i>" + | |
| liEl.innerText + "</span>"; | |
| }); | |
| }); |
alansemenov
/ 03_ugly_form_result.html
Created
June 22, 2016 19:47
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta name="viewport" content="width=device-width, user-scalable=no"> | |
| <meta name="theme-color" content="#ffffff"> | |
| <title>My beautiful form</title> | |
| <!-- MDL references --> |
alansemenov
/ 03_ugly_form_buttons.js
Last active
June 22, 2016 19:47
alansemenov
/ 03_ugly_form_checkbox.js
Last active
June 22, 2016 19:48
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function materializeCheckboxes() { | |
| var parentEl; | |
| document.querySelectorAll('input[type="checkbox"]').forEach(function(control) { | |
| parentEl = control.parentElement; | |
| control.classList.add('mdl-checkbox__input'); | |
| if (parentEl.tagName == "LABEL") { | |
| parentEl.setAttribute('for', control.id || control.name) | |
| parentEl.classList.add('mdl-checkbox', 'mdl-js-checkbox', 'mdl-js-ripple-effect'); | |
| } | |
| }); |
alansemenov
/ 03_ugly_form_radio.js
Last active
June 22, 2016 19:48
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function materializeRadioButtons() { | |
| var parentEl; | |
| document.querySelectorAll('input[type="radio"]').forEach(function(control) { | |
| parentEl = control.parentElement; | |
| control.classList.add('mdl-radio__button'); | |
| if (parentEl.tagName == "LABEL") { | |
| parentEl.setAttribute('for', control.id || control.name) | |
| parentEl.classList.add('mdl-radio', 'mdl-js-radio', 'mdl-js-ripple-effect'); | |
| } | |
| }); |
alansemenov
/ 03_ugly_form_selects.js
Last active
June 22, 2016 19:48
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function materializeSelects() { | |
| var label, parentEl; | |
| document.querySelectorAll('select').forEach(function(control) { | |
| parentEl = control.parentElement; | |
| control.classList.add('mdl-selectfield__select'); | |
| if (parentEl.tagName !== 'DIV') { | |
| return; | |
| } | |
| parentEl.classList.add('mdl-selectfield', 'mdl-js-selectfield'); | |
| label = parentEl.querySelector('label'); |
alansemenov
/ 03_ugly_form_text_inputs.js
Last active
June 22, 2016 19:49
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="application/javascript"> | |
| window.onload = function() { | |
| materializeControls(); | |
| } | |
| function materializeControls() { | |
| materializeTextInputs(); | |
| } | |
| function materializeTextInputs() { |
alansemenov
/ launcher.js
Last active
May 8, 2018 17:16
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function createLauncherPanel() { | |
| var div = document.createElement("div"); | |
| div.setAttribute("class", "launcher-panel"); | |
| div.classList.add("hidden"); | |
| div.appendChild(createLauncherLink(div)); | |
| document.getElementsByTagName("body")[0].appendChild(div); | |
| return div; | |
| } |
alansemenov
/ 02_avenger_after.js
Last active
September 7, 2018 09:40
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class Avenger { | |
| // Initialization and constructor | |
| isMale: function() { | |
| return this.sex == “M”; | |
| } | |
| canFly: function() { | |
| return this.canFly; | |
| } |
OlderNewer