├── preview.png
├── assets
    └── icon.png
├── thecmdchallenge
    ├── funcode
    │   ├── baby.jpg
    │   ├── kids.jpg
    │   ├── valid.png
    │   ├── einstein.png
    │   ├── invalid.png
    │   ├── kids.1.jpg
    │   ├── the-most-funny
    │   │   └── lol
    │   │   │   └── the-ultimate-joke.txt
    │   ├── einstein.1.png
    │   ├── rigoberto.jpg
    │   ├── baby.success.jpg
    │   ├── borat.success.jpg
    │   ├── rigoberto.1.jpg
    │   ├── scared-baby.1.jpg
    │   ├── scared-baby.jpg
    │   ├── baby.success.1.jpg
    │   ├── borat.success.1.jpg
    │   ├── images
    │   │   └── hello
    │   │   │   └── invalid.png
    │   ├── view-source_projects.breathecode.local_p_php_senior_msql_mysql-tester_.htm
    │   ├── script.js
    │   ├── regexer.css
    │   ├── regexer.1.css
    │   ├── frame.html
    │   ├── frame.1.html
    │   ├── mouse.1.html
    │   ├── mouse.html
    │   ├── forms.1.html
    │   ├── forms.html
    │   ├── keyboard.1.html
    │   ├── keyboard.html
    │   ├── regexer.1.js
    │   └── regexer.js
    ├── boringfolder
    │   ├── c9.png
    │   ├── js.png
    │   ├── babel.png
    │   ├── css3.png
    │   ├── html5.png
    │   ├── sass.png
    │   ├── jquery.png
    │   ├── webpack.png
    │   ├── breathecode.shadow.png
    │   ├── even-more-boring
    │   │   └── i-cant-believe-how-boring
    │   │   │   └── the-ultimate-boring-inception
    │   │   │       ├── myfirstcopy.txt
    │   │   │       └── the-mostboring-text.txt
    │   ├── scale.fix.js
    │   ├── hello.txt
    │   └── dropzone.js
    ├── console_master.md
    ├── kamehameha
    │   └── dragon-ball-jokes.md
    └── small-name
    │   └── bigger-name-than-before
    │       └── omg-this-folder-has-a-huuuuuuge-name-and-i-tired-to-type
    │           └── this-is-probably-the-longest-folder-name-you-have-ever-seen-but-believe--im-sure-there-are-other-folder-bigger-than-this-one-because-people-sometimes-like-to-assign-huge-names-to-their-personal-stuff-supercalifragilisticexpialidocious
    │               └── trophy.txt
├── .learn
    └── config.json
├── .github
    └── workflows
    │   └── validate-integrity.yml
├── .devcontainer
    └── devcontainer.json
├── learn.json
├── README.md
└── README.es.md


/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/preview.png


--------------------------------------------------------------------------------
/assets/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/assets/icon.png


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/baby.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/baby.jpg


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/kids.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/kids.jpg


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/valid.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/valid.png


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/c9.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/boringfolder/c9.png


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/js.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/boringfolder/js.png


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/einstein.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/einstein.png


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/invalid.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/invalid.png


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/kids.1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/kids.1.jpg


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/the-most-funny/lol/the-ultimate-joke.txt:
--------------------------------------------------------------------------------
1 | What do you call a programmer from Finland? ..... NERDIC!
2 | 
3 | Got it?? :)
4 | 


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/babel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/boringfolder/babel.png


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/css3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/boringfolder/css3.png


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/html5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/boringfolder/html5.png


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/sass.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/boringfolder/sass.png


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/einstein.1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/einstein.1.png


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/rigoberto.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/rigoberto.jpg


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/jquery.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/boringfolder/jquery.png


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/webpack.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/boringfolder/webpack.png


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/baby.success.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/baby.success.jpg


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/borat.success.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/borat.success.jpg


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/rigoberto.1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/rigoberto.1.jpg


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/scared-baby.1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/scared-baby.1.jpg


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/scared-baby.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/scared-baby.jpg


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/baby.success.1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/baby.success.1.jpg


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/borat.success.1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/borat.success.1.jpg


--------------------------------------------------------------------------------
/.learn/config.json:
--------------------------------------------------------------------------------
1 | {
2 |   "config": {
3 |     "editor": {
4 |       "agent": "vscode"
5 |     },
6 |     "autoPlay": false
7 |   },
8 |   "currentExercise": null
9 | }


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/images/hello/invalid.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/funcode/images/hello/invalid.png


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/breathecode.shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/HEAD/thecmdchallenge/boringfolder/breathecode.shadow.png


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/even-more-boring/i-cant-believe-how-boring/the-ultimate-boring-inception/myfirstcopy.txt:
--------------------------------------------------------------------------------
1 | Yes, you were right... the command line is the most boring thing...
2 | .
3 | .
4 | .
5 | .
6 | .
7 | .
8 | But you need to master it to be a developer.
9 | 


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/even-more-boring/i-cant-believe-how-boring/the-ultimate-boring-inception/the-mostboring-text.txt:
--------------------------------------------------------------------------------
1 | Yes, you were right... the command line is the most boring thing...
2 | .
3 | .
4 | .
5 | .
6 | .
7 | .
8 | But you need to master it to be a developer.
9 | 


--------------------------------------------------------------------------------
/.github/workflows/validate-integrity.yml:
--------------------------------------------------------------------------------
 1 | name: Validate Integrity
 2 | 
 3 | on: [push]
 4 | 
 5 | jobs:
 6 |   build:
 7 |     runs-on: ubuntu-latest
 8 | 
 9 |     steps:
10 |       - uses: actions/checkout@v3
11 |       - uses: actions/setup-node@v3
12 |         with:
13 |           node-version: '14.x'
14 |       - run: npm install @learnpack/learnpack -g
15 |       - run: learnpack audit


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/view-source_projects.breathecode.local_p_php_senior_msql_mysql-tester_.htm:
--------------------------------------------------------------------------------
1 | 
2 | <!-- saved from url=(0065)http://projects.breathecode.local/p/php/senior/msql/mysql-tester/ -->
3 | <html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"></head><body><div class="line-gutter-backdrop"></div><table><tbody><tr><td class="line-number" value="1"></td><td class="line-content"><span class="html-end-of-file"></span></td></tr></tbody></table></body></html>


--------------------------------------------------------------------------------
/.devcontainer/devcontainer.json:
--------------------------------------------------------------------------------
 1 | // For format details, see https://aka.ms/devcontainer.json. For config options, see the
 2 | // README at: https://github.com/devcontainers/templates/tree/main/src/javascript-node
 3 | {
 4 |     "name": "Basic Dev Container",
 5 |     "image": "mcr.microsoft.com/devcontainers/base:ubuntu",
 6 |     
 7 |     // Use 'postCreateCommand' to run commands after the container is created.
 8 |     // "postCreateCommand": "",
 9 | 
10 |     // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
11 |     // "remoteUser": "root"
12 | }
13 | 


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/scale.fix.js:
--------------------------------------------------------------------------------
 1 | var metas = document.getElementsByTagName('meta');
 2 | var i;
 3 | if (navigator.userAgent.match(/iPhone/i)) {
 4 |   for (i=0; i<metas.length; i++) {
 5 |     if (metas[i].name == "viewport") {
 6 |       metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
 7 |     }
 8 |   }
 9 |   document.addEventListener("gesturestart", gestureStart, false);
10 | }
11 | function gestureStart() {
12 |   for (i=0; i<metas.length; i++) {
13 |     if (metas[i].name == "viewport") {
14 |       metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
15 |     }
16 |   }
17 | }


--------------------------------------------------------------------------------
/thecmdchallenge/console_master.md:
--------------------------------------------------------------------------------
 1 | * `[pwd]` Print current directory path
 2 | * `[ls -a]` List all the files from the current directory including the hidden ones
 3 | * `[ls -R]` Now list all the files inside the workspace, recursively (all files in the hierarchy)
 4 | * `[cd, cat]` Go to the last level below the small-name folder and write in the console the content of the trophy.txt file
 5 | * `[cd, ls]` Move back to the root and List all files with the JavaScript typical extension
 6 | * `[mkdir]` create a new folder inside `funcode/the-most-funny/` called "not-that-funny"
 7 | * `[mv, cp]` Create a copy of the last file you can find below the /boringfolder/ childs (the-mostboring-text.txt)
 8 | * `[rmdir]` remove the "remove-me" folder from the funcode directory
 9 | * `[cd, cat]` print in the screen the-ultimate-joke.txt
10 | * `[rm]` remove all the contents from the boringfolder, they are extremely boring
11 | 


--------------------------------------------------------------------------------
/learn.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"gitpod": true,
 3 | 	"title" : {
 4 | 		"us": "Command Line Challenge",
 5 | 		"es": "El reto de la terminal"
 6 | 	},
 7 | 	"slug" : "exercise-terminal-challenge",
 8 | 	"status": "published",
 9 | 	"translations": ["es", "en"],
10 | 	"difficulty": "beginner",
11 | 	"duration" : 2,
12 | 	"template_url": "self",
13 | 	"description" : {
14 | 		"us": "This command line challenge is designed to make you become familiar with the bash/command line. The challenge goes over the most used commands every developer needs to know, in order to succeed in real life.",
15 | 		"es": "Este desafío de línea de comandos está diseñado para que te familiarices con la terminal y la línea de comandos bash. El desafío abarca los comandos más utilizados que todo desarrollador necesita conocer para tener éxito en la vida real."
16 | 	},
17 | 	"preview": "https://raw.githubusercontent.com/breatheco-de/exercise-terminal-challenge/master/preview.png",
18 | 	"technologies": ["la-terminal", "command-line", "bash", "back-end", "cybersecurity", "ciberseguridad", "servidores", "servers"],
19 | 	"autoPlay": false,
20 |   	"projectType": "project",
21 | 	"delivery": {
22 | 		"formats": ["no_delivery"]
23 | 	}
24 | }
25 | 


--------------------------------------------------------------------------------
/thecmdchallenge/kamehameha/dragon-ball-jokes.md:
--------------------------------------------------------------------------------
 1 | Where do you put Vegeta after you kill him? In the Frieza. 
 2 | 
 3 | What did Beerus say to Goku? Why don't you tell your son to "Gohan" home. 
 4 | 
 5 | How many Super Saiyans does it take to change a light bulb? Just one, but it will take him five episodes.
 6 | 
 7 | I don't find Dragon Ball Z jokes to be funny..... "Just Saiyan" 
 8 | 
 9 | What do Saiyans wear to the beach? Trunks. 
10 | 
11 | What did Vegeta say when he got his tuition bill? "It's over 9000" 
12 | 
13 | Where does Vegeta get the energy to fly? Red Bullma, it gives you wings. 
14 | 
15 | What is Goku's favorite instrument of destruction? A Piccolo (flute). 
16 | 
17 | How do you get in touch with an android? By using a CELL Phone. 
18 | 
19 | Did you know Frieza wasn't very popular in school? His brother was COOLER. 
20 | 
21 | Me: How do you make Dragon Ball Z less gay? Shenron: "Your wish is far beyond my power." 
22 | 
23 | What does an elite saiyan warrior need to fix a car? Nappa know how. 
24 | 
25 | I cut off a monkeys tail and now he's just a vegeta-ble. 
26 | 
27 | Hey, Vegeta I heard you have a hole in your Trunks. -Cell 
28 | 
29 | source: http://www.jokes4us.com/peoplejokes/dragonballzjokes.html


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/script.js:
--------------------------------------------------------------------------------
 1 | var runtimeTime = 0;
 2 | 
 3 | 
 4 | function myGenericListener(event)
 5 | {
 6 | 	//milisecond timer
 7 | 	setInterval(function(){ runtimeTime++; }, 1);
 8 | 
 9 | 	printEventLog(event.type);
10 | }
11 | 
12 | function printEventLog(eventType)
13 | {
14 | 	var message = runtimeTime+"mil> ";
15 | 	switch(eventType)
16 | 	{
17 | 		default:
18 | 			message += eventType;
19 | 		break;
20 | 	}
21 | 	console.log(message);
22 | }
23 | 
24 | $(document).ready(function(){
25 | 	printEventLog("ready");
26 | 	doAjax();
27 | 
28 | });
29 | 
30 | function doAjax(){
31 | 
32 | 	console.log('Starting ajax requests...');
33 | 	$.ajax({
34 | 		url: "https://4geeksacademy.github.io/exercise-assets/json/zips.json",
35 | 		success: function(){
36 | 			printEventLog("huge ajax success");
37 | 		},
38 | 		error: function(objError,errorMsg){
39 | 			printEventLog("huge ajax error: "+errorMsg);
40 | 		}
41 | 	});
42 | 
43 | 	$.ajax({
44 | 		url: "https://4geeksacademy.github.io/exercise-assets/json/project1.json",
45 | 		success: function(){
46 | 			printEventLog("project1 ajax success");
47 | 		},
48 | 		error: function(){
49 | 			printEventLog("project1 ajax error");
50 | 		}
51 | 	});
52 | 
53 | 	$.ajax({
54 | 		url: "https://4geeksacademy.github.io/exercise-assets/json/project_list.json",
55 | 		success: function(){
56 | 			printEventLog("project_list ajax success");
57 | 		},
58 | 		error: function(){
59 | 			printEventLog("project_list ajax error");
60 | 		}
61 | 	});
62 | }
63 | 
64 | function startCounter()
65 | {	
66 | 	var seconds = parseInt($('#seconds').val());
67 | 	var intervalCounter = 0;
68 | 
69 | 	var myInterval = setInterval(function(){ 
70 | 		printEventLog('interval'+intervalCounter++); 
71 | 	}, seconds*1000);
72 | 
73 | 	$('#stopBtn').click(function(){
74 | 		clearInterval(myInterval);
75 | 	});
76 | }
77 | 


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/regexer.css:
--------------------------------------------------------------------------------
  1 | body
  2 | {
  3 |     margin:0;
  4 | }
  5 | #regexer_input textarea,
  6 | #regexer_input pre
  7 | {
  8 |     height: 50px;
  9 |     margin: 0px 2px 5px;
 10 |     padding-right: 3px;
 11 |     width: 97%;
 12 |     display: block;
 13 |     position: absolute;
 14 |     font-family: monospace;
 15 |     resize: none;
 16 |     font-size: 14px;
 17 | }
 18 | 
 19 | #regexer_input textarea
 20 | {
 21 |     border: 3px solid #ccc;
 22 |     z-index: 2;
 23 |     background-color: transparent;
 24 | }
 25 | #regexer_input pre
 26 | {
 27 |     z-index: 1;
 28 |     margin-left: 4px;
 29 |     /*margin-top: 16px;*/
 30 |     overflow: hidden;
 31 |     color: transparent;
 32 | }
 33 | 
 34 | #regexer_input_replace
 35 | {
 36 |     border: 1px solid #ccc;
 37 |     margin: 55px 2px 5px;
 38 |     padding: 2px;
 39 |     position: absolute;
 40 |     width: 50%;
 41 |     z-index: 2;
 42 |     
 43 |     display: none;
 44 | }
 45 | 
 46 | #regexer_input.replace #regexer_input_replace
 47 | {
 48 |     display: block;
 49 | }
 50 | 
 51 | 
 52 | #regexer_text
 53 | {
 54 |     width: 100%;
 55 |     height: 100%;
 56 |     position: absolute; 
 57 | }
 58 | 
 59 | 
 60 | #regexer_text textarea#regexer_text_txt,
 61 | #regexer_text pre
 62 | {
 63 |     bottom: 15px;
 64 |     width: 97%;
 65 |     position: absolute;
 66 |     top: 55px;
 67 |     padding: 2px;
 68 |     font-family: monospace;
 69 |     font-size: 14px;
 70 | }
 71 | 
 72 | #regexer_text.replace textarea#regexer_text_txt,
 73 | #regexer_text.replace pre
 74 | {
 75 |     width: 50%;
 76 |     top: 80px;
 77 | }
 78 | 
 79 | #regexer_replace_txt
 80 | {
 81 |     bottom: 15px;
 82 |     width: 50%;
 83 |     position: absolute;
 84 |     top: 80px;
 85 |     padding: 2px;
 86 |     font-family: monospace;
 87 |     font-size: 14px;
 88 |     border: 1px solid #ccc;
 89 |     margin: 2px;
 90 |     resize: none;
 91 |     z-index:2;
 92 |     
 93 |     display: none;
 94 | }
 95 | #regexer_text.replace #regexer_replace_txt
 96 | {
 97 |     display: block;
 98 | }
 99 | 
100 | #regexer_text textarea#regexer_text_txt
101 | {
102 |     background-color: transparent;
103 |     z-index: 2;
104 |     margin: 2px;
105 |     border: 1px solid #ccc;
106 |     resize: none;
107 |     overflow-y: scroll;
108 | }
109 | #regexer_text pre
110 | {
111 |     margin: 3px;
112 |     z-index: 1;
113 |     color: transparent;
114 |     overflow: hidden;
115 |     overflow-y: scroll;
116 |     padding-bottom: 0;
117 |     white-space: pre-wrap;
118 |     word-wrap: break-word;
119 | }
120 | #regexer_text pre span
121 | {
122 |     /*background-color: green;*/
123 |     display: block;
124 | }
125 | 
126 | #regex_controll
127 | {
128 |     width: 100%;
129 |     margin: auto;
130 |     padding-left: 4px;
131 | }
132 | 
133 | #regex_controll a
134 | {
135 |     cursor: pointer;
136 |     padding: 5px 5px 2px; 
137 |     border-top: 1px solid #ccc;
138 |     border-right: 1px solid #ccc;
139 |     font-size: 13px;
140 |     font-family: monospace;
141 |     
142 |     text-transform: uppercase;
143 | }
144 | 
145 | #regex_controll a:first-child
146 | {
147 |     border-left: 1px solid #ccc;
148 | }
149 | 
150 | #regex_controll a:hover
151 | {
152 |     background-color: #eee;
153 | }
154 | 
155 | #regex_controll a.sel
156 | {
157 |     text-decoration: underline;
158 | }
159 | 
160 | /* Highliting */
161 | .f, .g
162 | {
163 |     display: inline!important;
164 |     margin: 0!important;
165 | }
166 | .f.a
167 | {
168 |     background-color: yellow;
169 | }
170 | .f.b
171 | {
172 |     background-color: gold;
173 | }
174 | 
175 | .g.s
176 | {
177 |     background-color: rgba(0, 0, 0, 0.2);
178 | }
179 | 
180 | .hg
181 | {
182 |     background-color: #ffecb3;
183 |     color: red;
184 |     font-weight: bold;
185 | }
186 | 


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/regexer.1.css:
--------------------------------------------------------------------------------
  1 | body
  2 | {
  3 |     margin:0;
  4 | }
  5 | #regexer_input textarea,
  6 | #regexer_input pre
  7 | {
  8 |     height: 50px;
  9 |     margin: 0px 2px 5px;
 10 |     padding-right: 3px;
 11 |     width: 97%;
 12 |     display: block;
 13 |     position: absolute;
 14 |     font-family: monospace;
 15 |     resize: none;
 16 |     font-size: 14px;
 17 | }
 18 | 
 19 | #regexer_input textarea
 20 | {
 21 |     border: 3px solid #ccc;
 22 |     z-index: 2;
 23 |     background-color: transparent;
 24 | }
 25 | #regexer_input pre
 26 | {
 27 |     z-index: 1;
 28 |     margin-left: 4px;
 29 |     /*margin-top: 16px;*/
 30 |     overflow: hidden;
 31 |     color: transparent;
 32 | }
 33 | 
 34 | #regexer_input_replace
 35 | {
 36 |     border: 1px solid #ccc;
 37 |     margin: 55px 2px 5px;
 38 |     padding: 2px;
 39 |     position: absolute;
 40 |     width: 50%;
 41 |     z-index: 2;
 42 |     
 43 |     display: none;
 44 | }
 45 | 
 46 | #regexer_input.replace #regexer_input_replace
 47 | {
 48 |     display: block;
 49 | }
 50 | 
 51 | 
 52 | #regexer_text
 53 | {
 54 |     width: 100%;
 55 |     height: 100%;
 56 |     position: absolute; 
 57 | }
 58 | 
 59 | 
 60 | #regexer_text textarea#regexer_text_txt,
 61 | #regexer_text pre
 62 | {
 63 |     bottom: 15px;
 64 |     width: 97%;
 65 |     position: absolute;
 66 |     top: 55px;
 67 |     padding: 2px;
 68 |     font-family: monospace;
 69 |     font-size: 14px;
 70 | }
 71 | 
 72 | #regexer_text.replace textarea#regexer_text_txt,
 73 | #regexer_text.replace pre
 74 | {
 75 |     width: 50%;
 76 |     top: 80px;
 77 | }
 78 | 
 79 | #regexer_replace_txt
 80 | {
 81 |     bottom: 15px;
 82 |     width: 50%;
 83 |     position: absolute;
 84 |     top: 80px;
 85 |     padding: 2px;
 86 |     font-family: monospace;
 87 |     font-size: 14px;
 88 |     border: 1px solid #ccc;
 89 |     margin: 2px;
 90 |     resize: none;
 91 |     z-index:2;
 92 |     
 93 |     display: none;
 94 | }
 95 | #regexer_text.replace #regexer_replace_txt
 96 | {
 97 |     display: block;
 98 | }
 99 | 
100 | #regexer_text textarea#regexer_text_txt
101 | {
102 |     background-color: transparent;
103 |     z-index: 2;
104 |     margin: 2px;
105 |     border: 1px solid #ccc;
106 |     resize: none;
107 |     overflow-y: scroll;
108 | }
109 | #regexer_text pre
110 | {
111 |     margin: 3px;
112 |     z-index: 1;
113 |     color: transparent;
114 |     overflow: hidden;
115 |     overflow-y: scroll;
116 |     padding-bottom: 0;
117 |     white-space: pre-wrap;
118 |     word-wrap: break-word;
119 | }
120 | #regexer_text pre span
121 | {
122 |     /*background-color: green;*/
123 |     display: block;
124 | }
125 | 
126 | #regex_controll
127 | {
128 |     width: 100%;
129 |     margin: auto;
130 |     padding-left: 4px;
131 | }
132 | 
133 | #regex_controll a
134 | {
135 |     cursor: pointer;
136 |     padding: 5px 5px 2px; 
137 |     border-top: 1px solid #ccc;
138 |     border-right: 1px solid #ccc;
139 |     font-size: 13px;
140 |     font-family: monospace;
141 |     
142 |     text-transform: uppercase;
143 | }
144 | 
145 | #regex_controll a:first-child
146 | {
147 |     border-left: 1px solid #ccc;
148 | }
149 | 
150 | #regex_controll a:hover
151 | {
152 |     background-color: #eee;
153 | }
154 | 
155 | #regex_controll a.sel
156 | {
157 |     text-decoration: underline;
158 | }
159 | 
160 | /* Highliting */
161 | .f, .g
162 | {
163 |     display: inline!important;
164 |     margin: 0!important;
165 | }
166 | .f.a
167 | {
168 |     background-color: yellow;
169 | }
170 | .f.b
171 | {
172 |     background-color: gold;
173 | }
174 | 
175 | .g.s
176 | {
177 |     background-color: rgba(0, 0, 0, 0.2);
178 | }
179 | 
180 | .hg
181 | {
182 |     background-color: #ffecb3;
183 |     color: red;
184 |     font-weight: bold;
185 | }
186 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <!--hide-->
 2 | # Command Line Preview
 3 | <!--endhide-->
 4 | 
 5 | This command line challenge is designed to familiarize you with the terminal. This challenge covers the most commonly used commands that any developer should know to succeed in life.
 6 | 
 7 | > ❗ We recommend that you read the lesson [The Command Line](https://4geeks.com/es/lesson/the-command-line-the-terminal-es) on the 4Geeks.com platform before doing this exercise.
 8 | 
 9 | 💻 The challenge is designed for computers using Linux bash. Use Github Codespaces or Gitpod if you need a cloud terminal.
10 | 
11 | <onlyfor saas="false" withBanner="false">
12 |   
13 | ## 🌱 How to start this project
14 | 
15 | ### 👩‍🎓 Students and Teachers should follow this step
16 | 
17 | This project comes with the necessary files to start working immediately. Inside this repository, you will find an organized folder structure to work with.
18 | 
19 | We recommend opening this same repository using a development environment like [Codespaces](https://4geeks.com/es/lesson/tutorial-de-github-codespaces) (recommended) or [Gitpod](https://4geeks.com/es/lesson/como-utilizar-gitpod).
20 | 
21 | This is the repository you need to open:
22 | 
23 | ```text
24 | https://github.com/breatheco-de/excercise-terminal-challenge.git
25 | ```
26 | **👉 Please follow these steps on** [how to start a coding project](https://4geeks.com/es/lesson/como-comenzar-un-proyecto-de-codificacion).
27 | 
28 | Alternatively, you can clone it to your local computer.
29 | 
30 | >⚠️ Before cloning, be aware of this potential issue on Windows  
31 | 
32 | On **Windows and some Linux configurations**, there is a limit on the number of characters allowed in file and folder names. If the repository has too long paths, you might encounter the error:  
33 | 
34 | > **Filename too long**  
35 | 
36 | To avoid this problem, instead of cloning the repository in the usual way, use the `--no-checkout` option, which will prevent Git from automatically extracting the long files. Then, manually checkout with these commands:  
37 | 
38 | ```bash
39 | git clone --no-checkout https://github.com/breatheco-de/exercise-terminal-challenge.git
40 | cd exercise-terminal-challenge
41 | git checkout HEAD --
42 | ```
43 | 
44 | > 💡 Important: Remember to save and upload your code to GitHub by creating a new repository, updating the remote (`git remote set-url origin <your new url>`), and uploading the code to your new repository using the `add`, `commit`, and `push` commands from the git terminal.
45 | 
46 | ## Only teachers should follow this step:
47 | 
48 | **The small challenges and interactive slides are NOT in this repository, but are deployed elsewhere.**  
49 | 
50 | To access the **interactive slides and practice challenges**, visit the following link:  
51 | 
52 | 👉 [View slides and challenges](https://breatheco-de.github.io/exercise-terminal-challenge-slides/)
53 | 
54 | If you experience any issues with the website, follow these steps after cloning or opening the following repository in Codespaces:
55 | 
56 | ```text
57 | https://github.com/breatheco-de/exercise-terminal-challenge-slides.git
58 | ```
59 | 
60 | #### 1) Install the packages.
61 | 
62 | ```bash
63 | $ npm install
64 | ```
65 | 
66 | #### 2) Run the presentation.
67 | 
68 | ```bash
69 | $ npm run start
70 | ```
71 | </onlyfor>
72 | 
73 | This and many other projects are used to [learn to code](https://4geeksacademy.com/us/learn-to-code) by students of 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) created by [Alejandro Sanchez](https://twitter.com/alesanchezr) and many other contributors. Learn more about our [Programming Courses](https://4geeksacademy.com/us/programming-courses) to become a [Full Stack Developer](https://4geeksacademy.com/us/coding-bootcamps/full-stack-developer), or our [Data Science Bootcamp](https://4geeksacademy.com/us/coding-bootcamps/datascience-machine-learning).
74 | 


--------------------------------------------------------------------------------
/README.es.md:
--------------------------------------------------------------------------------
 1 | <!--hide-->
 2 | # Vista previa de la línea de comandos
 3 | <!--endhide-->
 4 | 
 5 | Este desafío de la línea de comando está diseñado para que te familiarices con la terminal. Este desafío recorre los comandos más usados y que cualquier desarrollador debe saber para tener éxito en la vida.
 6 | 
 7 | > ❗ Te recomendamos que leas la lección [La Línea de Comando](https://4geeks.com/es/lesson/the-command-line-the-terminal-es) en la plataforma de 4Geeks.com antes de hacer este ejercicio.
 8 | 
 9 | 💻 El desafío está diseñado para computadoras que usan Linux bash. Usa Github Codespaces o Gitpod si necesitas una terminal en la nube.
10 | 
11 | <onlyfor saas="false" withBanner="false">
12 |   
13 | ## 🌱 Cómo comenzar este proyecto
14 | 
15 | ### 👩‍🎓 Alumnos y Profesores deben seguir este paso
16 | 
17 | Este proyecto viene con los archivos necesarios para comenzar a trabajar de inmediato. Dentro de este repositorio encontrarás una estructura de carpetas organizadas con las que vas poder trabajar.
18 | 
19 | Recomendamos abrir este mismo repositorio usando un entorno de desarrollo como [Codespaces](https://4geeks.com/es/lesson/tutorial-de-github-codespaces) (recomendado) o [Gitpod](https://4geeks.com/es/lesson/como-utilizar-gitpod). 
20 | 
21 | Este es el repositorio que necesitas abrir:
22 | 
23 | ```text
24 | https://github.com/breatheco-de/excercise-terminal-challenge.git
25 | ```
26 | **👉 Por favor sigue estos pasos sobre** [cómo comenzar un proyecto de programación](https://4geeks.com/es/lesson/como-comenzar-un-proyecto-de-codificacion).
27 | 
28 | 
29 | Alternativamente, puedes clonarlo en tu computadora local.
30 | 
31 | >⚠️ Antes de clonar, ten en cuenta este posible problema en Windows  
32 | 
33 | En **Windows y algunas configuraciones de Linux**, existe un límite en la cantidad de caracteres permitidos en los nombres de archivos y carpetas. Si el repositorio tiene rutas demasiado largas, podrías encontrarte con el error:  
34 | 
35 | > **Filename too long**  
36 | 
37 | Para evitar este problema, en lugar de clonar el repositorio de la forma habitual, usa la opción `--no-checkout`, lo que impedirá que Git extraiga automáticamente los archivos largos. Luego, haz checkout manualmente con estos comandos:  
38 | 
39 | ```bash
40 | git clone --no-checkout https://github.com/breatheco-de/exercise-terminal-challenge.git
41 | cd exercise-terminal-challenge
42 | git checkout HEAD --
43 | ```
44 | 
45 | 
46 | > 💡 Importante: Recuerda guardar y subir tu código en GitHub creando un nuevo repositorio, actualizando el remoto (`git remote set-url origin <your new url>`) y subiendo el código a tu nuevo repositorio usando los comandos `add`, `commit` y `push` desde la terminal git.
47 | 
48 | ## Solo los profesores debe seguir este paso:
49 | 
50 | **Los pequeños desafíos y los slides interactivos NO están en este repositorio, sino que están desplegados en otro lugar.**  
51 | 
52 | Para acceder a los **slides interactivos y practicar los desafíos**, visita el siguiente enlace:  
53 | 
54 | 👉 [Ver slides y desafíos](https://breatheco-de.github.io/exercise-terminal-challenge-slides/)
55 | 
56 | Si experimentas algún problema con el sitio web, sigue estos pasos después de clonar o abrir el siguiente repositorio en Codespaces:
57 | 
58 | ```text
59 | https://github.com/breatheco-de/exercise-terminal-challenge-slides.git
60 | ```
61 | 
62 | 
63 | #### 1) Instalar los paquetes.
64 | 
65 | ```bash
66 | $ npm install
67 | ```
68 | 
69 | #### 2) Ejecutar la presentación.
70 | 
71 | ```bash
72 | $ npm run start
73 | ```
74 | </onlyfor>
75 | 
76 | 
77 | Este y otros proyectos son usados para [aprender a programar](https://4geeksacademy.com/es/aprender-a-programar/aprender-a-programar-desde-cero) por parte de los alumnos de 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) realizado por [Alejandro Sánchez](https://twitter.com/alesanchezr) y muchos otros contribuyentes. Conoce más sobre nuestros [Cursos de Programación](https://4geeksacademy.com/es/curso-de-programacion-desde-cero?lang=es) para convertirte en [Full Stack Developer](https://4geeksacademy.com/es/coding-bootcamps/desarrollador-full-stack/?lang=es), o nuestro [Data Science Bootcamp](https://4geeksacademy.com/es/coding-bootcamps/curso-datascience-machine-learning).
78 | 


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/frame.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 | <head>
  3 | 	<title>My Event Listener</title>
  4 | 	<link rel="stylesheet" type="text/css" href="style.css">
  5 | </head>
  6 | <body id="theBody" onload="loadListener();" onhashchange="myEventListener(event);">
  7 | <div id="content">
  8 | 	<h1 id="screen">Event information for: 
  9 | 	<select onChange="startListening(this);">
 10 | 		<option value="load">Load</option>
 11 | 		<option value="resize">Resize</option>
 12 | 		<option value="scroll">Scroll</option>
 13 | 		<option value="hashchange">Hash Change</option>
 14 | 	</select>
 15 | 	</h1>
 16 | 	<table id="specs">
 17 | 		<tr>
 18 | 			<td>Type:</td>
 19 | 			<td><span id="screenType"></span></td>
 20 | 		</tr>
 21 | 		<tr>
 22 | 			<td>Aditional information:</td>
 23 | 			<td><span id="screenAditional"></span></td>
 24 | 		</tr>
 25 | 	</table>
 26 | 	<div id="instructions">
 27 | 		<h2 id="instructionsMsg">The document finished loading and the "load" event was triggered!</h2>
 28 | 	</div>
 29 | 	<p>&nbsp;</p>
 30 | 	<p>&nbsp;</p>
 31 | 	<p>&nbsp;</p>
 32 | 	<p>&nbsp;</p>
 33 | 	<p>&nbsp;</p>
 34 | 	<p>&nbsp;</p>
 35 | 	<p>&nbsp;</p>
 36 | 	<p>&nbsp;</p>
 37 | 	<p>&nbsp;</p>
 38 | 	<p>&nbsp;</p>
 39 | 	<p>&nbsp;</p>
 40 | 	<p>&nbsp;</p>
 41 | 	<p>&nbsp;</p>
 42 | 	<p>&nbsp;</p>
 43 | 	<p>&nbsp;</p>
 44 | 	<p>&nbsp;</p>
 45 | 	<p>&nbsp;</p>
 46 | 	<p>&nbsp;</p>
 47 | 	<p>&nbsp;</p>
 48 | 	<p>&nbsp;</p>
 49 | </div>
 50 | <script type="text/javascript">
 51 | 	
 52 | 	var old_event_string = "load";
 53 | 	function startListening(elm)
 54 | 	{
 55 | 		var screenType = document.getElementById('screenType');
 56 | 		screenType.innerHTML = "Do something to get the event type";
 57 | 		var screenAditional = document.getElementById('screenAditional');
 58 | 		screenAditional.innerHTML = "";
 59 | 
 60 | 		if(old_event_string!='') document.removeEventListener(old_event_string,myEventListener);
 61 | 		
 62 | 		old_event_string = elm.value;
 63 | 		if(elm.value!='none') 
 64 | 		{
 65 | 			if(elm.value=='resize') window.addEventListener(elm.value,myEventListener);
 66 | 			else document.addEventListener(elm.value,myEventListener);
 67 | 		}
 68 | 
 69 | 		showInstructions(elm.value);
 70 | 	}
 71 | 
 72 | 	function loadListener(){
 73 | 		alert("The body just finish loading");
 74 | 	}
 75 | 
 76 | 	var myEventListener = function(event)
 77 | 	{
 78 | 		var screenType = document.getElementById('screenType');
 79 | 		var screenAditional = document.getElementById('screenAditional');
 80 | 
 81 | 		screenType.innerHTML = event.type;
 82 | 		generateAditional(event);
 83 | 
 84 | 	}
 85 | 
 86 | 
 87 | 	function showInstructions(eventName)
 88 | 	{
 89 | 		var instructions = document.getElementById('instructions');
 90 | 		instructions.style.display = "block";
 91 | 		instructions.className = "glowRed";
 92 | 		window.setTimeout(function(){
 93 | 			var instructions = document.getElementById('instructions');
 94 | 			instructions.className = "";
 95 | 			instructions.style.color = "#b70000";
 96 | 			instructions.style.fontWeight = "900";
 97 | 		}, 1000);
 98 | 
 99 | 		var instructions = document.getElementById('instructionsMsg');
100 | 		switch(eventName)
101 | 		{
102 | 			case "scroll":
103 | 				instructions.innerHTML = "Start scrolling your mouse";
104 | 			break;
105 | 			case "hashchange":
106 | 				instructions.innerHTML = "Click on this same page anchor <a href='#whatever'>click me</a> or <a href='#whatever2'>click me</a>";
107 | 			break;
108 | 			case "resize":
109 | 				instructions.innerHTML = "Resize the window";
110 | 			break;
111 | 			default:
112 | 				instructions.innerHTML = "";
113 | 			break;
114 | 		}
115 | 	}
116 | 
117 | 	function generateAditional(event)
118 | 	{
119 | 		var specs = document.getElementById('specs');
120 | 		specs.className = "glow";
121 | 		window.setTimeout(function(){
122 | 			specs.className = "";
123 | 		}, 100);
124 | 
125 | 		var screenAditional = document.getElementById('screenAditional');
126 | 		switch(event.type)
127 | 		{
128 | 			case "scroll":
129 | 				screenAditional.innerHTML = "Scroll Position form Top: "+document.body.scrollTop;
130 | 			break;
131 | 			case "hashchange":
132 | 				screenAditional.innerHTML = "String after the hash: "+location.hash;
133 | 			break;
134 | 			case "resize":
135 | 				screenAditional.innerHTML = "Window size: "+window.innerWidth+" width x "+window.innerHeight+" height";
136 | 			break;
137 | 			default:
138 | 				screenAditional.innerHTML = "Nothing aditional to show.";
139 | 			break;
140 | 		}
141 | 	}
142 | 
143 | </script>
144 | </body>
145 | </html>


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/frame.1.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 | <head>
  3 | 	<title>My Event Listener</title>
  4 | 	<link rel="stylesheet" type="text/css" href="style.css">
  5 | </head>
  6 | <body id="theBody" onload="loadListener();" onhashchange="myEventListener(event);">
  7 | <div id="content">
  8 | 	<h1 id="screen">Event information for: 
  9 | 	<select onChange="startListening(this);">
 10 | 		<option value="load">Load</option>
 11 | 		<option value="resize">Resize</option>
 12 | 		<option value="scroll">Scroll</option>
 13 | 		<option value="hashchange">Hash Change</option>
 14 | 	</select>
 15 | 	</h1>
 16 | 	<table id="specs">
 17 | 		<tr>
 18 | 			<td>Type:</td>
 19 | 			<td><span id="screenType"></span></td>
 20 | 		</tr>
 21 | 		<tr>
 22 | 			<td>Aditional information:</td>
 23 | 			<td><span id="screenAditional"></span></td>
 24 | 		</tr>
 25 | 	</table>
 26 | 	<div id="instructions">
 27 | 		<h2 id="instructionsMsg">The document finished loading and the "load" event was triggered!</h2>
 28 | 	</div>
 29 | 	<p>&nbsp;</p>
 30 | 	<p>&nbsp;</p>
 31 | 	<p>&nbsp;</p>
 32 | 	<p>&nbsp;</p>
 33 | 	<p>&nbsp;</p>
 34 | 	<p>&nbsp;</p>
 35 | 	<p>&nbsp;</p>
 36 | 	<p>&nbsp;</p>
 37 | 	<p>&nbsp;</p>
 38 | 	<p>&nbsp;</p>
 39 | 	<p>&nbsp;</p>
 40 | 	<p>&nbsp;</p>
 41 | 	<p>&nbsp;</p>
 42 | 	<p>&nbsp;</p>
 43 | 	<p>&nbsp;</p>
 44 | 	<p>&nbsp;</p>
 45 | 	<p>&nbsp;</p>
 46 | 	<p>&nbsp;</p>
 47 | 	<p>&nbsp;</p>
 48 | 	<p>&nbsp;</p>
 49 | </div>
 50 | <script type="text/javascript">
 51 | 	
 52 | 	var old_event_string = "load";
 53 | 	function startListening(elm)
 54 | 	{
 55 | 		var screenType = document.getElementById('screenType');
 56 | 		screenType.innerHTML = "Do something to get the event type";
 57 | 		var screenAditional = document.getElementById('screenAditional');
 58 | 		screenAditional.innerHTML = "";
 59 | 
 60 | 		if(old_event_string!='') document.removeEventListener(old_event_string,myEventListener);
 61 | 		
 62 | 		old_event_string = elm.value;
 63 | 		if(elm.value!='none') 
 64 | 		{
 65 | 			if(elm.value=='resize') window.addEventListener(elm.value,myEventListener);
 66 | 			else document.addEventListener(elm.value,myEventListener);
 67 | 		}
 68 | 
 69 | 		showInstructions(elm.value);
 70 | 	}
 71 | 
 72 | 	function loadListener(){
 73 | 		alert("The body just finish loading");
 74 | 	}
 75 | 
 76 | 	var myEventListener = function(event)
 77 | 	{
 78 | 		var screenType = document.getElementById('screenType');
 79 | 		var screenAditional = document.getElementById('screenAditional');
 80 | 
 81 | 		screenType.innerHTML = event.type;
 82 | 		generateAditional(event);
 83 | 
 84 | 	}
 85 | 
 86 | 
 87 | 	function showInstructions(eventName)
 88 | 	{
 89 | 		var instructions = document.getElementById('instructions');
 90 | 		instructions.style.display = "block";
 91 | 		instructions.className = "glowRed";
 92 | 		window.setTimeout(function(){
 93 | 			var instructions = document.getElementById('instructions');
 94 | 			instructions.className = "";
 95 | 			instructions.style.color = "#b70000";
 96 | 			instructions.style.fontWeight = "900";
 97 | 		}, 1000);
 98 | 
 99 | 		var instructions = document.getElementById('instructionsMsg');
100 | 		switch(eventName)
101 | 		{
102 | 			case "scroll":
103 | 				instructions.innerHTML = "Start scrolling your mouse";
104 | 			break;
105 | 			case "hashchange":
106 | 				instructions.innerHTML = "Click on this same page anchor <a href='#whatever'>click me</a> or <a href='#whatever2'>click me</a>";
107 | 			break;
108 | 			case "resize":
109 | 				instructions.innerHTML = "Resize the window";
110 | 			break;
111 | 			default:
112 | 				instructions.innerHTML = "";
113 | 			break;
114 | 		}
115 | 	}
116 | 
117 | 	function generateAditional(event)
118 | 	{
119 | 		var specs = document.getElementById('specs');
120 | 		specs.className = "glow";
121 | 		window.setTimeout(function(){
122 | 			specs.className = "";
123 | 		}, 100);
124 | 
125 | 		var screenAditional = document.getElementById('screenAditional');
126 | 		switch(event.type)
127 | 		{
128 | 			case "scroll":
129 | 				screenAditional.innerHTML = "Scroll Position form Top: "+document.body.scrollTop;
130 | 			break;
131 | 			case "hashchange":
132 | 				screenAditional.innerHTML = "String after the hash: "+location.hash;
133 | 			break;
134 | 			case "resize":
135 | 				screenAditional.innerHTML = "Window size: "+window.innerWidth+" width x "+window.innerHeight+" height";
136 | 			break;
137 | 			default:
138 | 				screenAditional.innerHTML = "Nothing aditional to show.";
139 | 			break;
140 | 		}
141 | 	}
142 | 
143 | </script>
144 | </body>
145 | </html>


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/mouse.1.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 | <head>
  3 | 	<title>My Event Listener</title>
  4 | 	<link rel="stylesheet" type="text/css" href="style.css">
  5 | </head>
  6 | <body id="theBody">
  7 | <div id="content">
  8 | 	<h1 id="screen">Event information for: 
  9 | 	<select onChange="startListening(this);">
 10 | 		<option value="none">Select A Mouse Event Type</option>
 11 | 		<option value="click">Click</option>
 12 | 		<option value="mousemove">Mouse Move</option>
 13 | 		<option value="mouseover">Mouse Over</option>
 14 | 		<option value="mouseout">Mouse Out</option>
 15 | 		<option value="dblclick">Double Click</option>
 16 | 		<option value="contextmenu">Right Click</option>
 17 | 	</select>
 18 | 	</h1>
 19 | 	<table id="specs">
 20 | 		<tr>
 21 | 			<td>Target Id:</td>
 22 | 			<td><span id="screenTargetId"></span></td>
 23 | 		</tr>
 24 | 		<tr>
 25 | 			<td>Target Type:</td>
 26 | 			<td><span id="screenTargetType"></span></td>
 27 | 		</tr>
 28 | 		<tr>
 29 | 			<td>Parent Id:</td>
 30 | 			<td><span id="screenParentType"></span></td>
 31 | 		</tr>
 32 | 		<tr>
 33 | 			<td>Type:</td>
 34 | 			<td><span id="screenType"></span></td>
 35 | 		</tr>
 36 | 		<tr>
 37 | 			<td>Position:</td>
 38 | 			<td><span id="screenEventPhase"></span></td>
 39 | 		</tr>
 40 | 		<tr>
 41 | 			<td>Event Bubbles:</td>
 42 | 			<td><span id="screenBubbles"></span></td>
 43 | 		</tr>
 44 | 	</table>
 45 | 	<div id="instructions">
 46 | 		<h2>Instructions</h2>
 47 | 		<p id="instructionsMsg"></p>
 48 | 	</div>
 49 | 	<div id="domelements">
 50 | 		<input type="text" id="exampleInput1" />
 51 | 		<button id="myBtn">First Button</button>
 52 | 		<div id="exampleDiv">Example Div</div>
 53 | 		<ul id="exampleUL">
 54 | 			<li>My first ul</li>
 55 | 			<li>My second ul</li>
 56 | 			<li>My third ul</li>
 57 | 			<li>My forth ul</li>
 58 | 		</ul>
 59 | 	</div>
 60 | </div>
 61 | <script type="text/javascript">
 62 | 	
 63 | 	var old_event_string = "";
 64 | 	function startListening(elm)
 65 | 	{
 66 | 		if(old_event_string!='') document.removeEventListener(old_event_string,myEventListener);
 67 | 		
 68 | 		old_event_string = elm.value;
 69 | 		if(elm.value!='none') document.addEventListener(elm.value,myEventListener);
 70 | 
 71 | 		showInstructions(elm.value);
 72 | 	}
 73 | 
 74 | 	var myEventListener = function(event){
 75 | 
 76 | 		var screenTargetId = document.getElementById('screenTargetId');
 77 | 		var screenTargetType = document.getElementById('screenTargetType');
 78 | 		var screenParentType = document.getElementById('screenParentType');
 79 | 		var screenType = document.getElementById('screenType');
 80 | 		var screenBubbles = document.getElementById('screenBubbles');
 81 | 
 82 | 		var elm = event.target;
 83 | 
 84 | 		if(elm.id!='') screenTargetId.innerHTML = elm.id;
 85 | 		else screenTargetId.innerHTML = 'No id assigned.';
 86 | 
 87 | 		screenTargetType.innerHTML = event.target;
 88 | 		screenParentType.innerHTML = event.target.parentNode;
 89 | 		screenType.innerHTML = event.type;
 90 | 		screenBubbles.innerHTML = event.bubbles;
 91 | 
 92 | 		generateAditional(event);
 93 | 	}
 94 | 
 95 | 	function showInstructions(eventName)
 96 | 	{
 97 | 		var instructions = document.getElementById('instructions');
 98 | 		instructions.style.display = "block";
 99 | 		instructions.className = "glowRed";
100 | 		document.getElementById('domelements').style.display = "block";
101 | 		window.setTimeout(function(){
102 | 			var instructions = document.getElementById('instructions');
103 | 			instructions.className = "";
104 | 			instructions.style.color = "#b70000";
105 | 			instructions.style.fontWeight = "900";
106 | 		}, 1000);
107 | 
108 | 		var instructions = document.getElementById('instructionsMsg');
109 | 		switch(eventName)
110 | 		{
111 | 			case "click":
112 | 				instructions.innerHTML = "Click on any of the elements below to get the event information.";
113 | 			break;
114 | 			case "mousemove":
115 | 				instructions.innerHTML = "Move your mouse and the event is triggered.";
116 | 			break;
117 | 			case "mouseout":
118 | 				instructions.innerHTML = "Move you mouse OUTSIDE of any DOM element below.<small> you have you move outside, not inside.</small>";
119 | 			break;
120 | 			case "mouseover":
121 | 				instructions.innerHTML = "Move you mouse INSIDE of any DOM element below.<small> if you keep inside of the same element, nothing will be triggered</small>";
122 | 			break;
123 | 			case "dblclick":
124 | 				instructions.innerHTML = "Double-Click on any of the elements below to get the event information.";
125 | 			break;
126 | 			case "contextmenu":
127 | 				instructions.innerHTML = "Right click your mouse in any of the elements.";
128 | 			break;
129 | 			default:
130 | 				instructions.innerHTML = "Nothing aditional to show.";
131 | 			break;
132 | 		}
133 | 	}
134 | 
135 | 	function generateAditional(event)
136 | 	{
137 | 		var specs = document.getElementById('specs');
138 | 		specs.className = "glow";
139 | 		window.setTimeout(function(){
140 | 			specs.className = "";
141 | 		}, 100);
142 | 
143 | 		
144 | 		var screenEventPhase = document.getElementById('screenEventPhase');
145 | 		screenEventPhase.innerHTML = "( "+event.clientX+" , "+event.clientY+" ) <- From the body because the body is the one listening";
146 | 	}
147 | 
148 | </script>
149 | </body>
150 | </html>


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/mouse.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 | <head>
  3 | 	<title>My Event Listener</title>
  4 | 	<link rel="stylesheet" type="text/css" href="style.css">
  5 | </head>
  6 | <body id="theBody">
  7 | <div id="content">
  8 | 	<h1 id="screen">Event information for: 
  9 | 	<select onChange="startListening(this);">
 10 | 		<option value="none">Select A Mouse Event Type</option>
 11 | 		<option value="click">Click</option>
 12 | 		<option value="mousemove">Mouse Move</option>
 13 | 		<option value="mouseover">Mouse Over</option>
 14 | 		<option value="mouseout">Mouse Out</option>
 15 | 		<option value="dblclick">Double Click</option>
 16 | 		<option value="contextmenu">Right Click</option>
 17 | 	</select>
 18 | 	</h1>
 19 | 	<table id="specs">
 20 | 		<tr>
 21 | 			<td>Target Id:</td>
 22 | 			<td><span id="screenTargetId"></span></td>
 23 | 		</tr>
 24 | 		<tr>
 25 | 			<td>Target Type:</td>
 26 | 			<td><span id="screenTargetType"></span></td>
 27 | 		</tr>
 28 | 		<tr>
 29 | 			<td>Parent Id:</td>
 30 | 			<td><span id="screenParentType"></span></td>
 31 | 		</tr>
 32 | 		<tr>
 33 | 			<td>Type:</td>
 34 | 			<td><span id="screenType"></span></td>
 35 | 		</tr>
 36 | 		<tr>
 37 | 			<td>Position:</td>
 38 | 			<td><span id="screenEventPhase"></span></td>
 39 | 		</tr>
 40 | 		<tr>
 41 | 			<td>Event Bubbles:</td>
 42 | 			<td><span id="screenBubbles"></span></td>
 43 | 		</tr>
 44 | 	</table>
 45 | 	<div id="instructions">
 46 | 		<h2>Instructions</h2>
 47 | 		<p id="instructionsMsg"></p>
 48 | 	</div>
 49 | 	<div id="domelements">
 50 | 		<input type="text" id="exampleInput1" />
 51 | 		<button id="myBtn">First Button</button>
 52 | 		<div id="exampleDiv">Example Div</div>
 53 | 		<ul id="exampleUL">
 54 | 			<li>My first ul</li>
 55 | 			<li>My second ul</li>
 56 | 			<li>My third ul</li>
 57 | 			<li>My forth ul</li>
 58 | 		</ul>
 59 | 	</div>
 60 | </div>
 61 | <script type="text/javascript">
 62 | 	
 63 | 	var old_event_string = "";
 64 | 	function startListening(elm)
 65 | 	{
 66 | 		if(old_event_string!='') document.removeEventListener(old_event_string,myEventListener);
 67 | 		
 68 | 		old_event_string = elm.value;
 69 | 		if(elm.value!='none') document.addEventListener(elm.value,myEventListener);
 70 | 
 71 | 		showInstructions(elm.value);
 72 | 	}
 73 | 
 74 | 	var myEventListener = function(event){
 75 | 
 76 | 		var screenTargetId = document.getElementById('screenTargetId');
 77 | 		var screenTargetType = document.getElementById('screenTargetType');
 78 | 		var screenParentType = document.getElementById('screenParentType');
 79 | 		var screenType = document.getElementById('screenType');
 80 | 		var screenBubbles = document.getElementById('screenBubbles');
 81 | 
 82 | 		var elm = event.target;
 83 | 
 84 | 		if(elm.id!='') screenTargetId.innerHTML = elm.id;
 85 | 		else screenTargetId.innerHTML = 'No id assigned.';
 86 | 
 87 | 		screenTargetType.innerHTML = event.target;
 88 | 		screenParentType.innerHTML = event.target.parentNode;
 89 | 		screenType.innerHTML = event.type;
 90 | 		screenBubbles.innerHTML = event.bubbles;
 91 | 
 92 | 		generateAditional(event);
 93 | 	}
 94 | 
 95 | 	function showInstructions(eventName)
 96 | 	{
 97 | 		var instructions = document.getElementById('instructions');
 98 | 		instructions.style.display = "block";
 99 | 		instructions.className = "glowRed";
100 | 		document.getElementById('domelements').style.display = "block";
101 | 		window.setTimeout(function(){
102 | 			var instructions = document.getElementById('instructions');
103 | 			instructions.className = "";
104 | 			instructions.style.color = "#b70000";
105 | 			instructions.style.fontWeight = "900";
106 | 		}, 1000);
107 | 
108 | 		var instructions = document.getElementById('instructionsMsg');
109 | 		switch(eventName)
110 | 		{
111 | 			case "click":
112 | 				instructions.innerHTML = "Click on any of the elements below to get the event information.";
113 | 			break;
114 | 			case "mousemove":
115 | 				instructions.innerHTML = "Move your mouse and the event is triggered.";
116 | 			break;
117 | 			case "mouseout":
118 | 				instructions.innerHTML = "Move you mouse OUTSIDE of any DOM element below.<small> you have you move outside, not inside.</small>";
119 | 			break;
120 | 			case "mouseover":
121 | 				instructions.innerHTML = "Move you mouse INSIDE of any DOM element below.<small> if you keep inside of the same element, nothing will be triggered</small>";
122 | 			break;
123 | 			case "dblclick":
124 | 				instructions.innerHTML = "Double-Click on any of the elements below to get the event information.";
125 | 			break;
126 | 			case "contextmenu":
127 | 				instructions.innerHTML = "Right click your mouse in any of the elements.";
128 | 			break;
129 | 			default:
130 | 				instructions.innerHTML = "Nothing aditional to show.";
131 | 			break;
132 | 		}
133 | 	}
134 | 
135 | 	function generateAditional(event)
136 | 	{
137 | 		var specs = document.getElementById('specs');
138 | 		specs.className = "glow";
139 | 		window.setTimeout(function(){
140 | 			specs.className = "";
141 | 		}, 100);
142 | 
143 | 		
144 | 		var screenEventPhase = document.getElementById('screenEventPhase');
145 | 		screenEventPhase.innerHTML = "( "+event.clientX+" , "+event.clientY+" ) <- From the body because the body is the one listening";
146 | 	}
147 | 
148 | </script>
149 | </body>
150 | </html>


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/hello.txt:
--------------------------------------------------------------------------------
 1 | 
 2 |  MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNmmNdyyyyyyooooooooooooooyyyyyydNmmNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
 3 | MMMMMMMMMMMMMMMMMMMMMMMMMMMNNmdhhyssoooooooooooooooooooooooooooossyhhdNMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
 4 | MMMMMMMMMMMMMMMMMMMMMMMMNmmhhsooooooooooooooooooooooooooooooooooooooooshdmNNMMMMMMMMMMMMMMMMMMMMMMMM
 5 | MMMMMMMMMMMMMMMMMMMMMNNhysoooooooooooooooooooooooooooooooooooooooooooooooosyhNNMMMMMMMMMMMMMMMMMMMMM
 6 | MMMMMMMMMMMMMMMMMMNNdyooooooooooooooooooooooooooooooooooooooooooooooooooooooooyhmNMMMMMMMMMMMMMMMMMM
 7 | MMMMMMMMMMMMMMMMNdhsooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooshdNMMMMMMMMMMMMMMMM
 8 | MMMMMMMMMMMMMMNdysoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooosydNMMMMMMMMMMMMMM
 9 | MMMMMMMMMMMMNdysoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooosydNMMMMMMMMMMMM
10 | MMMMMMMMMMNdysoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooosydNMMMMMMMMMM
11 | MMMMMMMMMmdsoooooooooooooooooooooo+/::::/oo+:::::-------------::/++oooooooooooooooooooooshmMMMMMMMMM
12 | MMMMMMMNdhooooooooooooooooooooo/-``      /o-                     ``.-/+ooooooooooooooooooohdNMMMMMMM
13 | MMMMMMNdsoooooooooooooooooooo+.      ``..+o/....---------..``         `-+ooooooooooooooooooshNMMMMMM
14 | MMMMMmhsoooooooooooooooooooo+`    `-/+oooooooooooooooooooooo+/:.        `:ooooooooooooooooooohmMMMMM
15 | MMMMNhsooooooooooooooooooooo:     :ooooooooooooooooooooooooooooo/.        :ooooooooooooooooooshmMMMM
16 | MMMmdsoooooooooooooooooooooo.    `+oooooooooooooooooooooooooooooo+.        /ooooooooooooooooooshmMMM
17 | MMmhsooooooooooooooooooooooo.    .oooooooooooooooooooooooooooooooo/        -oooooooooooooooooooshmMM
18 | MNhsoooooooooooooooooooooooo-    `+ooooooooooooooooooooooooooooooo+`       .ooooooooooooooooooooshNM
19 | Mmyooooooooooooooooooooooooo:     +oooooooooooooooooooooooooooooooo`       -oooooooooooooooooooooyhM
20 | mdoooooooooooooooooooooooooo+     :ooooooooooooooooooooooooooooooo+`      `+oooooooooooooooooooooohm
21 | hsooooooooooooooooooooooooooo`    .ooooooooooooooooooooooooooooooo-       :ooooooooooooooooooooooosh
22 | doooooooooooooooooooooooooooo-    .ooooooooooooooooooooooooooooo+-      `:oooooooooooooooooooooooood
23 | doooooooooooooooooooooooooooo:    `oooooooooooooooooooooooooooo/.      .+ooooooooooooooooooooooooood
24 | soooooooooooooooooooooooooooo.    .ooooooooooooooooooooooooo+:.      ./oooooooooooooooooooooooooooos
25 | ooooooooooooooooooooooooooo+-    `/oooooooo+/::://::::::-..`     `-/+ooooooooooooooooooooooooooooooo
26 | oooooooooooooooooooooo/:--.     .+ooooooooo.                   `.-::/+oooooooooooooooooooooooooooooo
27 | ooooooooooooooooooooo:       `-+ooooooooooo/-----------...``          `-/+oooooooooooooooooooooooooo
28 | ooooooooooooooooooooo+--..`    `:+oooooooooooooooooooooooooo++/-`        `-+oooooooooooooooooooooooo
29 | ooooooooooooooooooooooooooo+-    `+oooooooooooooooooooooooooooooo/.        `/ooooooooooooooooooooooo
30 | soooooooooooooooooooooooooooo.    -oooooooooooooooooooooooooooooooo:         /ooooooooooooooooooooos
31 | doooooooooooooooooooooooooooo:    `ooooooooooooooooooooooooooooooooo:        `+ooooooooooooooooooood
32 | doooooooooooooooooooooooooooo-    `oooooooooooooooooooooooooooooooooo`        :ooooooooooooooooooood
33 | hsooooooooooooooooooooooooooo.    .oooooooooooooooooooooooooooooooooo.        :ooooooooooooooooooosh
34 | ddoooooooooooooooooooooooooo+`    :oooooooooooooooooooooooooooooooooo.        :ooooooooooooooooooodd
35 | Mdyooooooooooooooooooooooooo/     /oooooooooooooooooooooooooooooooooo`        +oooooooooooooooooosdM
36 | MNhsoooooooooooooooooooooooo-    `+ooooooooooooooooooooooooooooooooo/        -oooooooooooooooooosdNM
37 | MMmhsooooooooooooooooooooooo.    .ooooooooooooooooooooooooooooooooo+`       .+oooooooooooooooooshmMM
38 | MMMddsoooooooooooooooooooooo.    `+ooooooooooooooooooooooooooooooo/`       .+ooooooooooooooooosdmMMM
39 | MMMMmhsooooooooooooooooooooo-     /ooooooooooooooooooooooooooooo/-       `:ooooooooooooooooooshmMMMM
40 | MMMMMmhooooooooooooooooooooo+`    `:++ooooooooooooooooooooo++/-.       .:+ooooooooooooooooooohmMMMMM
41 | MMMMMMNhsoooooooooooooooooooo+.     ``..-+o-`...--------...``      ``-/oooooooooooooooooooosdNMMMMMM
42 | MMMMMMMNdyooooooooooooooooooooo/.`       /+`                 ```.-/+ooooooooooooooooooooooydNMMMMMMM
43 | MMMMMMMMMmhsooooooooooooooooooooo+//::--:oo/------.------:://++ooooooooooooooooooooooooosdmMMMMMMMMM
44 | MMMMMMMMMMNdysoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooosydNMMMMMMMMMM
45 | MMMMMMMMMMMMmhysoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooosyhmMMMMMMMMMMMM
46 | MMMMMMMMMMMMMMdhysoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooosyhdMMMMMMMMMMMMMM
47 | MMMMMMMMMMMMMMMMNdysoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooosydNMMMMMMMMMMMMMMMM
48 | MMMMMMMMMMMMMMMMMMNmhysoooooooooooooooooooooooooooooooooooooooooooooooooooooooyhmNMMMMMMMMMMMMMMMMMM
49 | MMMMMMMMMMMMMMMMMMMMMNNhysoooooooooooooooooooooooooooooooooooooooooooooooosyhmNMMMMMMMMMMMMMMMMMMMMM
50 | MMMMMMMMMMMMMMMMMMMMMMMMNNhyssoooooooooooooooooooooooooooooooooooooooossyhNNMMMMMMMMMMMMMMMMMMMMMMMM
51 | MMMMMMMMMMMMMMMMMMMMMMMMMMMNmmdyyysoooooooooooooooooooooooooooooosyyydmmNMMMMMMMMMMMMMMMMMMMMMMMMMMM
52 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNmmddyyhyysoooooooooooooooyyhyyddmmNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/forms.1.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 | <head>
  3 | 	<title>My Event Listener</title>
  4 | 	<link rel="stylesheet" type="text/css" href="style.css">
  5 | </head>
  6 | <body id="theBody">
  7 | <div id="content">
  8 | 	<h1 id="screen">Event information for: 
  9 | 	<select onChange="startListening(this);">
 10 | 		<option value="none">Select An Event Type</option>
 11 | 		<option value="change">Change</option>
 12 | 		<option value="focusin">Focusin</option>
 13 | 		<option value="focusout">Focusout</option>
 14 | 		<option value="input">Input</option>
 15 | 		<option value="submit">Submit</option>
 16 | 	</select>
 17 | 	</h1>
 18 | 	<table id="specs">
 19 | 		<tr>
 20 | 			<td>Type:</td>
 21 | 			<td><span id="screenType"></span></td>
 22 | 		</tr>
 23 | 		<tr>
 24 | 			<td>Target:</td>
 25 | 			<td><span id="screenTargetType"></span></td>
 26 | 		</tr>
 27 | 		<tr>
 28 | 			<td>Parent:</td>
 29 | 			<td><span id="screenParentType"></span></td>
 30 | 		</tr>
 31 | 		<tr>
 32 | 			<td>Input name:</td>
 33 | 			<td><span id="screenName"></span></td>
 34 | 		</tr>
 35 | 		<tr>
 36 | 			<td>Aditional info:</td>
 37 | 			<td><span id="screenAditional"></span></td>
 38 | 		</tr>
 39 | 	</table>
 40 | 	<div id="instructions">
 41 | 		<h2>Instructions</h2>
 42 | 		<p id="instructionsMsg"></p>
 43 | 	</div>
 44 | 	<form id="form1" action="#" method="get" target="_parent" onsubmit="return false;">
 45 | 		<fieldset>
 46 | 			<legend>Full Name</legend>
 47 | 			<label for="firstname">First:</label>
 48 | 			<input type="Text" name="firstname">
 49 | 			<label for="lastname">Last:</label>
 50 | 			<input type="Text" name="lastname">
 51 | 			<label for="lastname">Age:</label>
 52 | 			<input type="Number" name="age" min="0" max="50">
 53 | 		</fieldset>
 54 | 		<fieldset>
 55 | 			<legend>Contact information</legend>
 56 | 			<input type="Text" name="email" placeholder="username@domain.com">
 57 | 			<input type="Text" name="phone" placeholder="Mobile phone">
 58 | 			<input type="Text" name="website" placeholder="Personal Website URL">
 59 | 		</fieldset>
 60 | 		<fieldset>
 61 | 			<legend>Gender</legend>
 62 | 			<label for="gender">Male:</label>
 63 | 			<input type="radio" name="gender" value="male">
 64 | 			<label for="gender">Female:</label>
 65 | 			<input type="radio" name="gender" value="female">
 66 | 		</fieldset>
 67 | 		<input type='submit' value='SUBSCRIBE' />
 68 | 	</form>
 69 | </div>
 70 | <script type="text/javascript">
 71 | 	
 72 | 	var old_event_string = "";
 73 | 	function startListening(elm)
 74 | 	{
 75 | 
 76 | 		var form1 = document.getElementById('form1');
 77 | 		if(old_event_string!='') form1.removeEventListener(old_event_string,myEventListener);
 78 | 		
 79 | 		old_event_string = elm.value;
 80 | 		if(elm.value!='none') form1.addEventListener(elm.value,myEventListener);
 81 | 
 82 | 		showInstructions(elm.value);
 83 | 	}
 84 | 
 85 | 	var myEventListener = function(event){
 86 | 
 87 | 		var screenTargetType = document.getElementById('screenTargetType');
 88 | 		var screenParentType = document.getElementById('screenParentType');
 89 | 		var screenType = document.getElementById('screenType');
 90 | 		var screenName = document.getElementById('screenName');
 91 | 
 92 | 		screenTargetType.innerHTML = event.target;
 93 | 		screenParentType.innerHTML = event.target.parentNode;
 94 | 		screenName.innerHTML = event.target.name;
 95 | 		screenType.innerHTML = event.type;
 96 | 		
 97 | 		generateAditional(event);
 98 | 
 99 | 		return false;
100 | 	}
101 | 
102 | 	function showInstructions(eventName)
103 | 	{
104 | 		var instructions = document.getElementById('instructions');
105 | 		instructions.style.display = "block";
106 | 		instructions.className = "glowRed";
107 | 		window.setTimeout(function(){
108 | 			var instructions = document.getElementById('instructions');
109 | 			instructions.className = "";
110 | 			instructions.style.color = "#b70000";
111 | 			instructions.style.fontWeight = "900";
112 | 		}, 1000);
113 | 
114 | 		var instructions = document.getElementById('instructionsMsg');
115 | 		switch(eventName)
116 | 		{
117 | 			case "input":
118 | 				instructions.innerHTML = "Type (input) something in any of the form inputs";
119 | 			break;
120 | 			case "change":
121 | 				instructions.innerHTML = "Change the value of any input, the change only gets called when you focusout";
122 | 			break;
123 | 			case "focusin":
124 | 				instructions.innerHTML = "Focus on any input";
125 | 			break;
126 | 			case "focusout":
127 | 				instructions.innerHTML = "Focus on any input... and then remove focus";
128 | 			break;
129 | 			case "submit":
130 | 				instructions.innerHTML = "Submit the form!";
131 | 			break;
132 | 			default:
133 | 				instructions.innerHTML = "Nothing aditional to show.";
134 | 			break;
135 | 		}
136 | 	}
137 | 
138 | 	function generateAditional(event)
139 | 	{
140 | 		var specs = document.getElementById('specs');
141 | 		specs.className = "glow";
142 | 		window.setTimeout(function(){
143 | 			specs.className = "";
144 | 		}, 100);
145 | 
146 | 		var screenAditional = document.getElementById('screenAditional');
147 | 		switch(event.type)
148 | 		{
149 | 			case "input":
150 | 				screenAditional.innerHTML = "The use input: "+event.target.value;
151 | 			break;
152 | 			case "change":
153 | 				screenAditional.innerHTML = "The new value is: "+event.target.value;
154 | 			break;
155 | 			default:
156 | 				screenAditional.innerHTML = "Nothing aditional to show.";
157 | 			break;
158 | 		}
159 | 	}
160 | 
161 | </script>
162 | </body>
163 | </html>


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/forms.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 | <head>
  3 | 	<title>My Event Listener</title>
  4 | 	<link rel="stylesheet" type="text/css" href="style.css">
  5 | </head>
  6 | <body id="theBody">
  7 | <div id="content">
  8 | 	<h1 id="screen">Event information for: 
  9 | 	<select onChange="startListening(this);">
 10 | 		<option value="none">Select An Event Type</option>
 11 | 		<option value="change">Change</option>
 12 | 		<option value="focusin">Focusin</option>
 13 | 		<option value="focusout">Focusout</option>
 14 | 		<option value="input">Input</option>
 15 | 		<option value="submit">Submit</option>
 16 | 	</select>
 17 | 	</h1>
 18 | 	<table id="specs">
 19 | 		<tr>
 20 | 			<td>Type:</td>
 21 | 			<td><span id="screenType"></span></td>
 22 | 		</tr>
 23 | 		<tr>
 24 | 			<td>Target:</td>
 25 | 			<td><span id="screenTargetType"></span></td>
 26 | 		</tr>
 27 | 		<tr>
 28 | 			<td>Parent:</td>
 29 | 			<td><span id="screenParentType"></span></td>
 30 | 		</tr>
 31 | 		<tr>
 32 | 			<td>Input name:</td>
 33 | 			<td><span id="screenName"></span></td>
 34 | 		</tr>
 35 | 		<tr>
 36 | 			<td>Aditional info:</td>
 37 | 			<td><span id="screenAditional"></span></td>
 38 | 		</tr>
 39 | 	</table>
 40 | 	<div id="instructions">
 41 | 		<h2>Instructions</h2>
 42 | 		<p id="instructionsMsg"></p>
 43 | 	</div>
 44 | 	<form id="form1" action="#" method="get" target="_parent" onsubmit="return false;">
 45 | 		<fieldset>
 46 | 			<legend>Full Name</legend>
 47 | 			<label for="firstname">First:</label>
 48 | 			<input type="Text" name="firstname">
 49 | 			<label for="lastname">Last:</label>
 50 | 			<input type="Text" name="lastname">
 51 | 			<label for="lastname">Age:</label>
 52 | 			<input type="Number" name="age" min="0" max="50">
 53 | 		</fieldset>
 54 | 		<fieldset>
 55 | 			<legend>Contact information</legend>
 56 | 			<input type="Text" name="email" placeholder="username@domain.com">
 57 | 			<input type="Text" name="phone" placeholder="Mobile phone">
 58 | 			<input type="Text" name="website" placeholder="Personal Website URL">
 59 | 		</fieldset>
 60 | 		<fieldset>
 61 | 			<legend>Gender</legend>
 62 | 			<label for="gender">Male:</label>
 63 | 			<input type="radio" name="gender" value="male">
 64 | 			<label for="gender">Female:</label>
 65 | 			<input type="radio" name="gender" value="female">
 66 | 		</fieldset>
 67 | 		<input type='submit' value='SUBSCRIBE' />
 68 | 	</form>
 69 | </div>
 70 | <script type="text/javascript">
 71 | 	
 72 | 	var old_event_string = "";
 73 | 	function startListening(elm)
 74 | 	{
 75 | 
 76 | 		var form1 = document.getElementById('form1');
 77 | 		if(old_event_string!='') form1.removeEventListener(old_event_string,myEventListener);
 78 | 		
 79 | 		old_event_string = elm.value;
 80 | 		if(elm.value!='none') form1.addEventListener(elm.value,myEventListener);
 81 | 
 82 | 		showInstructions(elm.value);
 83 | 	}
 84 | 
 85 | 	var myEventListener = function(event){
 86 | 
 87 | 		var screenTargetType = document.getElementById('screenTargetType');
 88 | 		var screenParentType = document.getElementById('screenParentType');
 89 | 		var screenType = document.getElementById('screenType');
 90 | 		var screenName = document.getElementById('screenName');
 91 | 
 92 | 		screenTargetType.innerHTML = event.target;
 93 | 		screenParentType.innerHTML = event.target.parentNode;
 94 | 		screenName.innerHTML = event.target.name;
 95 | 		screenType.innerHTML = event.type;
 96 | 		
 97 | 		generateAditional(event);
 98 | 
 99 | 		return false;
100 | 	}
101 | 
102 | 	function showInstructions(eventName)
103 | 	{
104 | 		var instructions = document.getElementById('instructions');
105 | 		instructions.style.display = "block";
106 | 		instructions.className = "glowRed";
107 | 		window.setTimeout(function(){
108 | 			var instructions = document.getElementById('instructions');
109 | 			instructions.className = "";
110 | 			instructions.style.color = "#b70000";
111 | 			instructions.style.fontWeight = "900";
112 | 		}, 1000);
113 | 
114 | 		var instructions = document.getElementById('instructionsMsg');
115 | 		switch(eventName)
116 | 		{
117 | 			case "input":
118 | 				instructions.innerHTML = "Type (input) something in any of the form inputs";
119 | 			break;
120 | 			case "change":
121 | 				instructions.innerHTML = "Change the value of any input, the change only gets called when you focusout";
122 | 			break;
123 | 			case "focusin":
124 | 				instructions.innerHTML = "Focus on any input";
125 | 			break;
126 | 			case "focusout":
127 | 				instructions.innerHTML = "Focus on any input... and then remove focus";
128 | 			break;
129 | 			case "submit":
130 | 				instructions.innerHTML = "Submit the form!";
131 | 			break;
132 | 			default:
133 | 				instructions.innerHTML = "Nothing aditional to show.";
134 | 			break;
135 | 		}
136 | 	}
137 | 
138 | 	function generateAditional(event)
139 | 	{
140 | 		var specs = document.getElementById('specs');
141 | 		specs.className = "glow";
142 | 		window.setTimeout(function(){
143 | 			specs.className = "";
144 | 		}, 100);
145 | 
146 | 		var screenAditional = document.getElementById('screenAditional');
147 | 		switch(event.type)
148 | 		{
149 | 			case "input":
150 | 				screenAditional.innerHTML = "The use input: "+event.target.value;
151 | 			break;
152 | 			case "change":
153 | 				screenAditional.innerHTML = "The new value is: "+event.target.value;
154 | 			break;
155 | 			default:
156 | 				screenAditional.innerHTML = "Nothing aditional to show.";
157 | 			break;
158 | 		}
159 | 	}
160 | 
161 | </script>
162 | </body>
163 | </html>


--------------------------------------------------------------------------------
/thecmdchallenge/small-name/bigger-name-than-before/omg-this-folder-has-a-huuuuuuge-name-and-i-tired-to-type/this-is-probably-the-longest-folder-name-you-have-ever-seen-but-believe--im-sure-there-are-other-folder-bigger-than-this-one-because-people-sometimes-like-to-assign-huge-names-to-their-personal-stuff-supercalifragilisticexpialidocious/trophy.txt:
--------------------------------------------------------------------------------
 1 | MMMMMMMMMMMNhoooooooooosyymMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMdysooo++oo+ooymMMMMMMMM
 2 | MMMMMMMMMMNsohMMMMMMMNNmho/hMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNsohdmNMMMMMMMdo+dMMMMMMM
 3 | MMMMMMMMMMh+yMMMMMMMMMMMMs++NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMm+oMMMMMMMMMMMMho/MMMMMMM
 4 | MMMMMMMMMMs+hMMMMMMMMMMMMy+/NMMMMMNNNmmddddddddddhhhhhhhhdddmmmmNNNMMMMMMMMd+oMMMMMMMMMMMMmo/dMMMMMM
 5 | MMMMMMMMMMy+hMMMMMMMMMMMMh+/dNhysssoooooooooooo++++++++++ooooossssssyyhhdNMy+yMMMMMMMMMMMMdo/dMMMMMM
 6 | MMMMMMMMMMh+sMMMMMMMMMMMMNho++oossoooooooo+++++/////////++++++ooooooosssooo+yNMMMMMMMMMMMMy+/NMMMMMM
 7 | MMMMMMMMMMNo+mMMMMMMMMMMMMMMNmossssooooo++++++///////////+++++ooooooosysodmNMMMMMMMMMMMMMNs+oMMMMMMM
 8 | MMMMMMMMMMMy+oMMMMMMMMMMMMMMMmoossoooooo++++++///////////+++++ooooooosssomMMMMMMMMMMMMMMMh+/mMMMMMMM
 9 | MMMMMMMMMMMNo/hMMMMMMMMMMMMMMmoossoooooo+++++////////////+++++++++++osso+mMMMMMMMMMMMMMMmo/yMMMMMMMM
10 | MMMMMMMMMMMMd++dMMMMMMMMMMMMMNoossoo+++++++++////////////+++++++++++osso+mMMMMMMMMMMMMMNs/+NMMMMMMMM
11 | MMMMMMMMMMMMMh++mMMMMMMMMMMMMmoooso++++++++++////////////+++++++++++osso+NMMMMMMMMMMMMNy++mMMMMMMMMM
12 | MMMMMMMMMMMMMMy/+mMMMMMMMMMMMNo+ooo+++++++++++///////////+++++++++++oso++NMMMMMMMMMMMMy//mMMMMMMMMMM
13 | MMMMMMMMMMMMMMMy//dMMMMMMMMMMNo++o++++++++++++///////////+++++++++/+ooo+oNMMMMMMMMMMMy//mMMMMMMMMMMM
14 | MMMMMMMMMMMMMMMMh+/hMMMMMMMMMMs+++++++//+++++++/////////+++++++////+oo+/sMMMMMMMMMMNs/+mMMMMMMMMMMMM
15 | MMMMMMMMMMMMMMMMMh+/yMMMMMMMMMy/+++//////+++++++///////+++++++/////+oo+/yMMMMMMMMMNo/oNMMMMMMMMMMMMM
16 | MMMMMMMMMMMMMMMMMMmo/+mMMMMMMMm//++///////++++++++///+++++++++/////+o+//mMMMMMMMMd+/yMMMMMMMMMMMMMMM
17 | MMMMMMMMMMMMMMMMMMMNy//yNMMMMMMo///////////++++++++++++++++++//////+o//oMMMMMMMNs/+mMMMMMMMMMMMMMMMM
18 | MMMMMMMMMMMMMMMMMMMMMdo/+dMMMMMd///////////////////////////////::/+++//dMMMMMNh//yNMMMMMMMMMMMMMMMMM
19 | MMMMMMMMMMMMMMMMMMMMMMNh+:omMMMMs/////:::::::::::::::::::::::::::/++/:sMMMMNh//sNMMMMMMMMMMMMMMMMMMM
20 | MMMMMMMMMMMMMMMMMMMMMMMMmy//omMMN+////::::::::::::::::::::::::::/++/:+NMMNh//smMMMMMMMMMMMMMMMMMMMMM
21 | MMMMMMMMMMMMMMMMMMMMMMMMMMmy//odMm/////:::::::::::::::::::::::::/+/:/mMms//smMMMMMMMMMMMMMMMMMMMMMMM
22 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMNh+/+yh/////:::::::::::::::::::::::/+/::yh+/+hmMMMMMMMMMMMMMMMMMMMMMMMMM
23 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNds+//::///::::::::::---------::/+/::/++ydNMMMMMMMMMMMMMMMMMMMMMMMMMMM
24 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNdyo/::/:::---------------:://::/oydNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
25 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNh/:::::-------------::/::/hNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
26 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNh+:---------------:::+hNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
27 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMmdso/:-------::/ohmMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
28 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNh:::---/dmNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
29 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN/:::::sMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
30 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM+//:::dMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
31 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMs+//::NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
32 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd++/:+MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
33 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMdo+/:+NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
34 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNyoo+/:/odMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
35 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMmyo+/:/hNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
36 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMmo+/:oMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
37 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNs+/:yMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
38 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNs+/:hMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
39 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNs+/:yMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
40 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMmo+//sMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
41 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMyoo+/+mMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
42 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNmdhooo+/+oddmMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
43 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNmhssyssoo++oosysydNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
44 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNmhysoooooooooooooooooooshmNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
45 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNNhsoooooooooooooooooooooooooosymNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
46 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNNNNmdhssooooooooooooooooossyyhdmNNNNNNNNNMMMMMMMMMMMMMMMMMMMMMMMMMM
47 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNNNNNNNNmmdddhhhhhhhhhdddmmNNNNNNNNNNNNNNNMMMMMMMMMMMMMMMMMMMMMMMMMM
48 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNMMMMMMMMMMMMMMMMMMMMMMMMM
49 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNMMMMMMMMMMMMMMMMMMMMMMMMM
50 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmNMMMMMMMMMMMMMMMMMMMMMMMM
51 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMdddddddddddyyyyyysssssssssssssssssyddddddddddddmMMMMMMMMMMMMMMMMMMMMMMMM
52 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMdddddddddhy+++////:::::-----------/ohddddddddddmMMMMMMMMMMMMMMMMMMMMMMMM
53 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMdddddddddy++++////:::::-------------hddddddddddmMMMMMMMMMMMMMMMMMMMMMMMM
54 | MMMMMMMMMMMMMMMMMMMMMMMMMMMMdddddddddy++++////:::::-------------hddddddddddmMMMMMMMMMMMMMMMMMMMMMMMM
55 | MMMMMMMMMMMMMMMMMMMMMMMMMMMNdddddddddho+++////:::::-----------::hddddddddddmNMMMMMMMMMMMMMMMMMMMMMMM
56 | MMMMMMMMMMMMMMMMMMMMMMMMMMNNmddddddddddoo+++++////////////////oddddddddddddmNNMMMMMMMMMMMMMMMMMMMMMM
57 | MMMMMMMMMMMMMMMMMMMMMMMMMMNNmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmNNNMMMMMMMMMMMMMMMMMMMMMM
58 | MMMMMMMMMMMMMMMMMMMMMMMMMNmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmNMMMMMMMMMMMMMMMMMMMMM
59 | MMMMMMMMMMMMMMMMMMMMMMMMMddddddddddddddddddddddddddddddddddddddddddddddddddddddMMMMMMMMMMMMMMMMMMMMM
60 | MMMMMMMMMMMMMMMMMNNNNNNNNmddddddddddddddddddddddddddddddddddddddddddddddddddddmNNNNNNNNMMMMMMMMMMMMM
61 | MMMMMMMMMMMMMNNNNNNNNNNNNmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmNNNNNNNNNNNNMMMMMMMMM
62 | MMMMMMMMMMMMMNNNNNNNNNNNNNNNNNNNmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmNNNNNNNNNNNNMMMMMMMMMM
63 | MMMMMMMMMMMMMMMMMMMNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNMMMMMMMMMMMMMMM


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/keyboard.1.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 | <head>
  3 | 	<title>My Event Listener</title>
  4 | 	<link rel="stylesheet" type="text/css" href="style.css">
  5 | </head>
  6 | <body id="theBody">
  7 | <div id="content">
  8 | 	<h1 id="screen">Event information for: 
  9 | 	<select onChange="startListening(this);">
 10 | 		<option value="none">Select An Event Type</option>
 11 | 		<option value="keyup">Key Up</option>
 12 | 		<option value="keydown">Key Down</option>
 13 | 		<option value="keypress">Key Press</option>
 14 | 	</select>
 15 | 	</h1>
 16 | 	<table id="specs">
 17 | 		<tr>
 18 | 			<td>Type:</td>
 19 | 			<td><span id="screenType"></span></td>
 20 | 		</tr>
 21 | 		<tr>
 22 | 			<td>Key code:</td>
 23 | 			<td><span id="screenKeyCode"></span></td>
 24 | 		</tr>
 25 | 		<tr>
 26 | 			<td>Key equivalent:</td>
 27 | 			<td><span id="screenKey"></span></td>
 28 | 		</tr>
 29 | 		<tr>
 30 | 			<td>Event Phase:</td>
 31 | 			<td><span id="screenEventPhase"></span></td>
 32 | 		</tr>
 33 | 		<tr>
 34 | 			<td>Event Bubbles:</td>
 35 | 			<td><span id="screenBubbles"></span></td>
 36 | 		</tr>
 37 | 	</table>
 38 | 	<h1>Press any keyboard key!</h1>
 39 | 	<p>The event information returns the Key Code that the user pressed, you need to know what code is assiegn to each key..</p>
 40 | </div>
 41 | <script type="text/javascript">
 42 | 	
 43 | 	var old_event_string = "";
 44 | 	var keyCodes = {
 45 | 	  3 : "break",
 46 | 	  8 : "backspace / delete",
 47 | 	  9 : "tab",
 48 | 	  12 : 'clear',
 49 | 	  13 : "enter",
 50 | 	  16 : "shift",
 51 | 	  17 : "ctrl",
 52 | 	  18 : "alt",
 53 | 	  19 : "pause/break",
 54 | 	  20 : "caps lock",
 55 | 	  27 : "escape",
 56 | 	  32 : "spacebar",
 57 | 	  33 : "page up",
 58 | 	  34 : "page down",
 59 | 	  35 : "end",
 60 | 	  36 : "home ",
 61 | 	  37 : "left arrow ",
 62 | 	  38 : "up arrow ",
 63 | 	  39 : "right arrow",
 64 | 	  40 : "down arrow ",
 65 | 	  41 : "select",
 66 | 	  42 : "print",
 67 | 	  43 : "execute",
 68 | 	  44 : "Print Screen",
 69 | 	  45 : "insert ",
 70 | 	  46 : "delete",
 71 | 	  48 : "0",
 72 | 	  49 : "1",
 73 | 	  50 : "2",
 74 | 	  51 : "3",
 75 | 	  52 : "4",
 76 | 	  53 : "5",
 77 | 	  54 : "6",
 78 | 	  55 : "7",
 79 | 	  56 : "8",
 80 | 	  57 : "9",
 81 | 	  58 : ":",
 82 | 	  59 : "semicolon (firefox), equals",
 83 | 	  60 : "<",
 84 | 	  61 : "equals (firefox)",
 85 | 	  63 : "ß",
 86 | 	  64 : "@ (firefox)",
 87 | 	  65 : "a",
 88 | 	  66 : "b",
 89 | 	  67 : "c",
 90 | 	  68 : "d",
 91 | 	  69 : "e",
 92 | 	  70 : "f",
 93 | 	  71 : "g",
 94 | 	  72 : "h",
 95 | 	  73 : "i",
 96 | 	  74 : "j",
 97 | 	  75 : "k",
 98 | 	  76 : "l",
 99 | 	  77 : "m",
100 | 	  78 : "n",
101 | 	  79 : "o",
102 | 	  80 : "p",
103 | 	  81 : "q",
104 | 	  82 : "r",
105 | 	  83 : "s",
106 | 	  84 : "t",
107 | 	  85 : "u",
108 | 	  86 : "v",
109 | 	  87 : "w",
110 | 	  88 : "x",
111 | 	  89 : "y",
112 | 	  90 : "z",
113 | 	  91 : "Windows Key / Left ⌘ / Chromebook Search key",
114 | 	  92 : "right window key ",
115 | 	  93 : "Windows Menu / Right ⌘",
116 | 	  96 : "numpad 0 ",
117 | 	  97 : "numpad 1 ",
118 | 	  98 : "numpad 2 ",
119 | 	  99 : "numpad 3 ",
120 | 	  100 : "numpad 4 ",
121 | 	  101 : "numpad 5 ",
122 | 	  102 : "numpad 6 ",
123 | 	  103 : "numpad 7 ",
124 | 	  104 : "numpad 8 ",
125 | 	  105 : "numpad 9 ",
126 | 	  106 : "multiply ",
127 | 	  107 : "add",
128 | 	  108 : "numpad period (firefox)",
129 | 	  109 : "subtract ",
130 | 	  110 : "decimal point",
131 | 	  111 : "divide ",
132 | 	  112 : "f1 ",
133 | 	  113 : "f2 ",
134 | 	  114 : "f3 ",
135 | 	  115 : "f4 ",
136 | 	  116 : "f5 ",
137 | 	  117 : "f6 ",
138 | 	  118 : "f7 ",
139 | 	  119 : "f8 ",
140 | 	  120 : "f9 ",
141 | 	  121 : "f10",
142 | 	  122 : "f11",
143 | 	  123 : "f12",
144 | 	  124 : "f13",
145 | 	  125 : "f14",
146 | 	  126 : "f15",
147 | 	  127 : "f16",
148 | 	  128 : "f17",
149 | 	  129 : "f18",
150 | 	  130 : "f19",
151 | 	  131 : "f20",
152 | 	  132 : "f21",
153 | 	  133 : "f22",
154 | 	  134 : "f23",
155 | 	  135 : "f24",
156 | 	  144 : "num lock ",
157 | 	  145 : "scroll lock",
158 | 	  160 : "^",
159 | 	  161: '!',
160 | 	  163 : "#",
161 | 	  164: '$',
162 | 	  165: 'ù',
163 | 	  166 : "page backward",
164 | 	  167 : "page forward",
165 | 	  169 : "closing paren (AZERTY)",
166 | 	  170: '*',
167 | 	  171 : "~ + * key",
168 | 	  173 : "minus (firefox), mute/unmute",
169 | 	  174 : "decrease volume level",
170 | 	  175 : "increase volume level",
171 | 	  176 : "next",
172 | 	  177 : "previous",
173 | 	  178 : "stop",
174 | 	  179 : "play/pause",
175 | 	  180 : "e-mail",
176 | 	  181 : "mute/unmute (firefox)",
177 | 	  182 : "decrease volume level (firefox)",
178 | 	  183 : "increase volume level (firefox)",
179 | 	  186 : "semi-colon / ñ",
180 | 	  187 : "equal sign ",
181 | 	  188 : "comma",
182 | 	  189 : "dash ",
183 | 	  190 : "period ",
184 | 	  191 : "forward slash / ç",
185 | 	  192 : "grave accent / ñ / æ",
186 | 	  193 : "?, / or °",
187 | 	  194 : "numpad period (chrome)",
188 | 	  219 : "open bracket ",
189 | 	  220 : "back slash ",
190 | 	  221 : "close bracket / å",
191 | 	  222 : "single quote / ø",
192 | 	  223 : "`",
193 | 	  224 : "left or right ⌘ key (firefox)",
194 | 	  225 : "altgr",
195 | 	  226 : "< /git >",
196 | 	  230 : "GNOME Compose Key",
197 | 	  231 : "ç",
198 | 	  233 : "XF86Forward",
199 | 	  234 : "XF86Back",
200 | 	  255 : "toggle touchpad"
201 | 	};
202 | 
203 | 	function startListening(elm)
204 | 	{
205 | 		if(old_event_string!='') document.removeEventListener(old_event_string,myEventListener);
206 | 		
207 | 		old_event_string = elm.value;
208 | 		if(elm.value!='none') document.addEventListener(elm.value,myEventListener);
209 | 	}
210 | 
211 | 	var myEventListener = function(event){
212 | 
213 | 		var screenKeyCode = document.getElementById('screenKeyCode');
214 | 		var screenKey = document.getElementById('screenKey');
215 | 		
216 | 		var screenTargetType = document.getElementById('screenTargetType');
217 | 		var screenParentType = document.getElementById('screenParentType');
218 | 		var screenType = document.getElementById('screenType');
219 | 		var screenEventPhase = document.getElementById('screenEventPhase');
220 | 		var screenBubbles = document.getElementById('screenBubbles');
221 | 
222 | 		screenKeyCode.innerHTML = event.keyCode;
223 | 		screenKey.innerHTML = keyCodes[event.keyCode];
224 | 		screenType.innerHTML = event.type;
225 | 		screenEventPhase.innerHTML = event.eventPhase;
226 | 		screenBubbles.innerHTML = event.bubbles;
227 | 
228 | 		generateAditional(event);
229 | 	}
230 | 
231 | 	function generateAditional(event)
232 | 	{
233 | 		var specs = document.getElementById('specs');
234 | 		specs.className = "glow";
235 | 		window.setTimeout(function(){
236 | 			specs.className = "";
237 | 		}, 100);
238 | 
239 | 		var screenAditional = document.getElementById('screenAditional');
240 | 		switch(event.type)
241 | 		{
242 | 			case "input":
243 | 				screenAditional.innerHTML = "The use input: "+event.target.value;
244 | 			break;
245 | 			case "change":
246 | 				screenAditional.innerHTML = "The new value is: "+event.target.value;
247 | 			break;
248 | 			default:
249 | 				screenAditional.innerHTML = "Nothing aditional to show.";
250 | 			break;
251 | 		}
252 | 	}
253 | 
254 | </script>
255 | </body>
256 | </html>


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/keyboard.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 | <head>
  3 | 	<title>My Event Listener</title>
  4 | 	<link rel="stylesheet" type="text/css" href="style.css">
  5 | </head>
  6 | <body id="theBody">
  7 | <div id="content">
  8 | 	<h1 id="screen">Event information for: 
  9 | 	<select onChange="startListening(this);">
 10 | 		<option value="none">Select An Event Type</option>
 11 | 		<option value="keyup">Key Up</option>
 12 | 		<option value="keydown">Key Down</option>
 13 | 		<option value="keypress">Key Press</option>
 14 | 	</select>
 15 | 	</h1>
 16 | 	<table id="specs">
 17 | 		<tr>
 18 | 			<td>Type:</td>
 19 | 			<td><span id="screenType"></span></td>
 20 | 		</tr>
 21 | 		<tr>
 22 | 			<td>Key code:</td>
 23 | 			<td><span id="screenKeyCode"></span></td>
 24 | 		</tr>
 25 | 		<tr>
 26 | 			<td>Key equivalent:</td>
 27 | 			<td><span id="screenKey"></span></td>
 28 | 		</tr>
 29 | 		<tr>
 30 | 			<td>Event Phase:</td>
 31 | 			<td><span id="screenEventPhase"></span></td>
 32 | 		</tr>
 33 | 		<tr>
 34 | 			<td>Event Bubbles:</td>
 35 | 			<td><span id="screenBubbles"></span></td>
 36 | 		</tr>
 37 | 	</table>
 38 | 	<h1>Press any keyboard key!</h1>
 39 | 	<p>The event information returns the Key Code that the user pressed, you need to know what code is assiegn to each key..</p>
 40 | </div>
 41 | <script type="text/javascript">
 42 | 	
 43 | 	var old_event_string = "";
 44 | 	var keyCodes = {
 45 | 	  3 : "break",
 46 | 	  8 : "backspace / delete",
 47 | 	  9 : "tab",
 48 | 	  12 : 'clear',
 49 | 	  13 : "enter",
 50 | 	  16 : "shift",
 51 | 	  17 : "ctrl",
 52 | 	  18 : "alt",
 53 | 	  19 : "pause/break",
 54 | 	  20 : "caps lock",
 55 | 	  27 : "escape",
 56 | 	  32 : "spacebar",
 57 | 	  33 : "page up",
 58 | 	  34 : "page down",
 59 | 	  35 : "end",
 60 | 	  36 : "home ",
 61 | 	  37 : "left arrow ",
 62 | 	  38 : "up arrow ",
 63 | 	  39 : "right arrow",
 64 | 	  40 : "down arrow ",
 65 | 	  41 : "select",
 66 | 	  42 : "print",
 67 | 	  43 : "execute",
 68 | 	  44 : "Print Screen",
 69 | 	  45 : "insert ",
 70 | 	  46 : "delete",
 71 | 	  48 : "0",
 72 | 	  49 : "1",
 73 | 	  50 : "2",
 74 | 	  51 : "3",
 75 | 	  52 : "4",
 76 | 	  53 : "5",
 77 | 	  54 : "6",
 78 | 	  55 : "7",
 79 | 	  56 : "8",
 80 | 	  57 : "9",
 81 | 	  58 : ":",
 82 | 	  59 : "semicolon (firefox), equals",
 83 | 	  60 : "<",
 84 | 	  61 : "equals (firefox)",
 85 | 	  63 : "ß",
 86 | 	  64 : "@ (firefox)",
 87 | 	  65 : "a",
 88 | 	  66 : "b",
 89 | 	  67 : "c",
 90 | 	  68 : "d",
 91 | 	  69 : "e",
 92 | 	  70 : "f",
 93 | 	  71 : "g",
 94 | 	  72 : "h",
 95 | 	  73 : "i",
 96 | 	  74 : "j",
 97 | 	  75 : "k",
 98 | 	  76 : "l",
 99 | 	  77 : "m",
100 | 	  78 : "n",
101 | 	  79 : "o",
102 | 	  80 : "p",
103 | 	  81 : "q",
104 | 	  82 : "r",
105 | 	  83 : "s",
106 | 	  84 : "t",
107 | 	  85 : "u",
108 | 	  86 : "v",
109 | 	  87 : "w",
110 | 	  88 : "x",
111 | 	  89 : "y",
112 | 	  90 : "z",
113 | 	  91 : "Windows Key / Left ⌘ / Chromebook Search key",
114 | 	  92 : "right window key ",
115 | 	  93 : "Windows Menu / Right ⌘",
116 | 	  96 : "numpad 0 ",
117 | 	  97 : "numpad 1 ",
118 | 	  98 : "numpad 2 ",
119 | 	  99 : "numpad 3 ",
120 | 	  100 : "numpad 4 ",
121 | 	  101 : "numpad 5 ",
122 | 	  102 : "numpad 6 ",
123 | 	  103 : "numpad 7 ",
124 | 	  104 : "numpad 8 ",
125 | 	  105 : "numpad 9 ",
126 | 	  106 : "multiply ",
127 | 	  107 : "add",
128 | 	  108 : "numpad period (firefox)",
129 | 	  109 : "subtract ",
130 | 	  110 : "decimal point",
131 | 	  111 : "divide ",
132 | 	  112 : "f1 ",
133 | 	  113 : "f2 ",
134 | 	  114 : "f3 ",
135 | 	  115 : "f4 ",
136 | 	  116 : "f5 ",
137 | 	  117 : "f6 ",
138 | 	  118 : "f7 ",
139 | 	  119 : "f8 ",
140 | 	  120 : "f9 ",
141 | 	  121 : "f10",
142 | 	  122 : "f11",
143 | 	  123 : "f12",
144 | 	  124 : "f13",
145 | 	  125 : "f14",
146 | 	  126 : "f15",
147 | 	  127 : "f16",
148 | 	  128 : "f17",
149 | 	  129 : "f18",
150 | 	  130 : "f19",
151 | 	  131 : "f20",
152 | 	  132 : "f21",
153 | 	  133 : "f22",
154 | 	  134 : "f23",
155 | 	  135 : "f24",
156 | 	  144 : "num lock ",
157 | 	  145 : "scroll lock",
158 | 	  160 : "^",
159 | 	  161: '!',
160 | 	  163 : "#",
161 | 	  164: '$',
162 | 	  165: 'ù',
163 | 	  166 : "page backward",
164 | 	  167 : "page forward",
165 | 	  169 : "closing paren (AZERTY)",
166 | 	  170: '*',
167 | 	  171 : "~ + * key",
168 | 	  173 : "minus (firefox), mute/unmute",
169 | 	  174 : "decrease volume level",
170 | 	  175 : "increase volume level",
171 | 	  176 : "next",
172 | 	  177 : "previous",
173 | 	  178 : "stop",
174 | 	  179 : "play/pause",
175 | 	  180 : "e-mail",
176 | 	  181 : "mute/unmute (firefox)",
177 | 	  182 : "decrease volume level (firefox)",
178 | 	  183 : "increase volume level (firefox)",
179 | 	  186 : "semi-colon / ñ",
180 | 	  187 : "equal sign ",
181 | 	  188 : "comma",
182 | 	  189 : "dash ",
183 | 	  190 : "period ",
184 | 	  191 : "forward slash / ç",
185 | 	  192 : "grave accent / ñ / æ",
186 | 	  193 : "?, / or °",
187 | 	  194 : "numpad period (chrome)",
188 | 	  219 : "open bracket ",
189 | 	  220 : "back slash ",
190 | 	  221 : "close bracket / å",
191 | 	  222 : "single quote / ø",
192 | 	  223 : "`",
193 | 	  224 : "left or right ⌘ key (firefox)",
194 | 	  225 : "altgr",
195 | 	  226 : "< /git >",
196 | 	  230 : "GNOME Compose Key",
197 | 	  231 : "ç",
198 | 	  233 : "XF86Forward",
199 | 	  234 : "XF86Back",
200 | 	  255 : "toggle touchpad"
201 | 	};
202 | 
203 | 	function startListening(elm)
204 | 	{
205 | 		if(old_event_string!='') document.removeEventListener(old_event_string,myEventListener);
206 | 		
207 | 		old_event_string = elm.value;
208 | 		if(elm.value!='none') document.addEventListener(elm.value,myEventListener);
209 | 	}
210 | 
211 | 	var myEventListener = function(event){
212 | 
213 | 		var screenKeyCode = document.getElementById('screenKeyCode');
214 | 		var screenKey = document.getElementById('screenKey');
215 | 		
216 | 		var screenTargetType = document.getElementById('screenTargetType');
217 | 		var screenParentType = document.getElementById('screenParentType');
218 | 		var screenType = document.getElementById('screenType');
219 | 		var screenEventPhase = document.getElementById('screenEventPhase');
220 | 		var screenBubbles = document.getElementById('screenBubbles');
221 | 
222 | 		screenKeyCode.innerHTML = event.keyCode;
223 | 		screenKey.innerHTML = keyCodes[event.keyCode];
224 | 		screenType.innerHTML = event.type;
225 | 		screenEventPhase.innerHTML = event.eventPhase;
226 | 		screenBubbles.innerHTML = event.bubbles;
227 | 
228 | 		generateAditional(event);
229 | 	}
230 | 
231 | 	function generateAditional(event)
232 | 	{
233 | 		var specs = document.getElementById('specs');
234 | 		specs.className = "glow";
235 | 		window.setTimeout(function(){
236 | 			specs.className = "";
237 | 		}, 100);
238 | 
239 | 		var screenAditional = document.getElementById('screenAditional');
240 | 		switch(event.type)
241 | 		{
242 | 			case "input":
243 | 				screenAditional.innerHTML = "The use input: "+event.target.value;
244 | 			break;
245 | 			case "change":
246 | 				screenAditional.innerHTML = "The new value is: "+event.target.value;
247 | 			break;
248 | 			default:
249 | 				screenAditional.innerHTML = "Nothing aditional to show.";
250 | 			break;
251 | 		}
252 | 	}
253 | 
254 | </script>
255 | </body>
256 | </html>


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/regexer.1.js:
--------------------------------------------------------------------------------
  1 | 
  2 | var RegExer = function(appendToElem,dExpression,dContent)
  3 | {
  4 |     // Parameter & Elements
  5 |     var parentElem, 
  6 |         regexInputWrapperElem,
  7 |         regexInputElem,
  8 |         regexInputHighlightElem,
  9 |         regexOutputWrapperElem,
 10 |         regexOutputTextElem,
 11 |         regexOutputHighlightElem,
 12 |         regularExpression,
 13 |         regularExpressionParser,
 14 |         regexOutputReplaceElem,
 15 |         regexInputReplaceElem,
 16 |         
 17 |         regexControllArea,
 18 |         regexControllButtonMatch,
 19 |         regexControllButtonReplace,
 20 |         
 21 |         regexGroups = [],
 22 |         regexPositionToGroup = [],
 23 |         useCSSC = false, //experemental with alpha version of CSSC
 24 |         parseError = false,
 25 |         mode = "match";
 26 |     
 27 |     // Methods
 28 |     var init = function()
 29 |     {
 30 |         if(!appendToElem)
 31 |         {
 32 |             parentElem = document.body;
 33 |         }
 34 |         else if(typeof appendToElem === 'string')
 35 |         {
 36 |             parentElem = document.getElementById(appendToElem);
 37 |         }
 38 |         else
 39 |         {
 40 |             parentElem = appendToElem;
 41 |         } 
 42 |         
 43 |         //Create Elements
 44 |         //Input
 45 |         regexInputWrapperElem = document.createElement('div');
 46 |         regexInputWrapperElem.setAttribute("id", "regexer_input");
 47 |         
 48 |         regexInputElem = document.createElement('textarea');
 49 |         regexInputElem.setAttribute("id", "regexer_input_input");
 50 |         regexInputElem.placeholder = "Type your regex here...";
 51 |         if(dExpression && dExpression!='') 
 52 |         {
 53 |             setDefaultExpression(dExpression);
 54 |         }
 55 |         else
 56 |         {
 57 |             //s
 58 |             setDefaultExpression("([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})");
 59 |         }
 60 | 
 61 |         regexInputHighlightElem = document.createElement("pre");
 62 |         regexInputHighlightElem.setAttribute("id", "regexer_input_pre");
 63 | 
 64 | 
 65 |         //Output
 66 |         regexOutputWrapperElem = document.createElement("div");
 67 |         regexOutputWrapperElem.setAttribute("id", "regexer_text");
 68 | 
 69 |         regexOutputTextElem = document.createElement("textarea");
 70 |         regexOutputTextElem.setAttribute("id", "regexer_text_txt");
 71 |         if(dContent && dContent!='') 
 72 |         {
 73 |             setDefaultContent(dContent.replace(/[\r\n]/g, "&#13;&#13;"));
 74 |         }
 75 |         else setDefaultContent(  
 76 |             "This is an example text, this text contains emails, phone numbers and other sample designed for testing purposes. To use this tool, please type a regular expression in the text-area above. &#13;&#13;" +
 77 |             "When designing regex for emails make sure you cover all possible email types like: info@breatheco.de, dragon23@gmail.com, dragon_ball@yahoo.com.us and also test for bad email formats like ramond=32@skas.com &#13;&#13;" +
 78 |             "When texting for urls you have samples like this: https://thedomain.com.ve/dir1/dir2.html, some urls don't have extensions like this http://www.thedomain.net/directory1, maybe you will find some urls with nested subdomains like http://test.www.thedomain.com.ve/directory1"
 79 |             );
 80 |         
 81 |         regexOutputHighlightElem = document.createElement("pre");
 82 |         regexOutputHighlightElem.setAttribute("id", "regexer_text_pre");
 83 |         
 84 |         /* Controlls */
 85 |         regexControllArea = document.createElement("div");
 86 |         regexControllArea.setAttribute("id", "regex_controll");
 87 |         
 88 |         regexControllButtonMatch = document.createElement("a");
 89 |         regexControllButtonMatch.setAttribute("id", "regex_controll_match");
 90 |         if(mode === "match") regexControllButtonMatch.setAttribute("class", "sel");
 91 |         regexControllButtonMatch.innerHTML = "match";
 92 |         regexControllArea.appendChild(regexControllButtonMatch);
 93 |         
 94 |         parentElem.appendChild(regexControllArea);
 95 |         /* /Controlls */
 96 | 
 97 |         //Append Elements in DOM
 98 |         parentElem.appendChild(regexInputWrapperElem);
 99 |         regexInputWrapperElem.appendChild(regexInputElem);
100 |         regexInputWrapperElem.appendChild(regexInputHighlightElem);
101 |         
102 |         
103 |         parentElem.appendChild(regexOutputWrapperElem);
104 |         regexOutputWrapperElem.appendChild(regexOutputTextElem);
105 |         regexOutputWrapperElem.appendChild(regexOutputHighlightElem);
106 |         
107 |         setOutputHeight();
108 |         
109 |         manageEvents();
110 | 
111 |     },
112 |     setDefaultExpression = function(defaultExpression)
113 |     {
114 |         var tempRegex = defaultExpression;
115 |         regexInputElem.innerHTML = tempRegex;
116 |         regexInputElem.value = tempRegex;
117 |     },
118 |     setDefaultContent = function(defaultContent)
119 |     {
120 |         regexOutputTextElem.innerHTML = defaultContent;
121 | 
122 |     },
123 |     setOutputHeight = function()
124 |     {
125 |         if(useCSSC)
126 |         {
127 |             //CSSC("#"+regexOutputTextElem.getAttribute("id")).set("height", regexOutputHighlightElem.offsetHeight+"px");
128 |         }
129 |         else
130 |         {
131 |             //regexOutputTextElem.style.height = regexOutputHighlightElem.offsetHeight+"px";
132 |         }
133 |     },
134 |     manageEvents = function()
135 |     {
136 |         var keyUpParseControll = function(e)
137 |         {
138 |             var parsed = false;
139 |             
140 |             if
141 |             (!(
142 |                 (
143 |                     e.keyCode <= 40 &&
144 |                     (
145 |                         e.keyCode !== 13 && e.keyCode !== 8 &&
146 |                         e.keyCode !== 9 && e.keyCode !== 32
147 |                     )
148 |                 )
149 |                 ||
150 |                 (
151 |                     e.keyCode >= 112 && e.keyCode <= 150
152 |                 )
153 |                 ||
154 |                 e.keyCode === 91
155 |                 ||
156 |                 e.keyCode === 92
157 |             ))
158 |             {
159 |                 parse();
160 |                 parsed = true;
161 |             }
162 |             
163 |             highlight();
164 |             
165 |             return parsed;
166 |         };
167 |         
168 |         regexOutputTextElem.addEventListener("scroll", function()
169 |         {
170 |             regexOutputHighlightElem.scrollTop = this.scrollTop;
171 |         });
172 |         
173 |         regexOutputTextElem.addEventListener("change", function()
174 |         {
175 |             regexOutputHighlightElem.innerHTML = '<span>'+encode(this.value)+'</span>\n';  
176 |             
177 |             regexOutputHighlightElem.scrollTop = this.scrollTop;
178 |             
179 |             parse();
180 |             
181 |         });
182 |         regexOutputTextElem.addEventListener("keyup", function(e)
183 |         {
184 |             keyUpParseControll(e);
185 |             
186 |         });
187 |         
188 |         regexInputElem.addEventListener("scroll", function()
189 |         {
190 |             regexInputHighlightElem.scrollTop = this.scrollTop;
191 |         });
192 |         regexInputElem.addEventListener("change", function()
193 |         {
194 |             regexInputHighlightElem.scrollTop = this.scrollTop;
195 |         });
196 |         
197 |         regexInputElem.addEventListener("keyup", function(e)
198 |         {
199 |             regexInputHighlightElem.scrollTop = this.scrollTop;
200 |             
201 |             keyUpParseControll(e);
202 |         });
203 |         
204 |         regexInputElem.addEventListener("click", function(e)
205 |         {
206 |             highlight();
207 |         });
208 |         
209 |         window.addEventListener("resize", function()
210 |         {
211 |             setOutputHeight();
212 |         });
213 |     },
214 |     parse = function(setScrollPosition)
215 |     {
216 |         if(!regexInputElem.value) return;
217 |             
218 |         try
219 |         {
220 |             regularExpression = new RegExp(regexInputElem.value, 'g');
221 |             regularExpressionParser = new RegExpGrpPos(regularExpression, true);
222 |             
223 |             var regMatch = regularExpressionParser.match(regexOutputTextElem.value);
224 |             
225 |             
226 |             var regMatchRow, moduloPosAB;
227 |             
228 |             
229 |             var formString = new formatedString(regexOutputTextElem.value);
230 |             
231 |             
232 |             for(var i = 0; i < regMatch.length; i++)
233 |             {
234 |                 regMatchRow = regMatch[i];
235 |                 moduloPosAB = (i % 2 ? 'b' : 'a');
236 |                 
237 |                 formString.addOpt(regMatchRow[0][1], '<span class="f '+moduloPosAB+' n'+i+'">');
238 |                 formString.addOpt(regMatchRow[0][1] + regMatchRow[0][0].length, '</span>');
239 |                 
240 |                 for(var j = 1; j < regMatchRow.length; j++)
241 |                 {
242 |                     formString.addOpt(regMatchRow[j][1], '<span class="g '+moduloPosAB+' n'+j+'">');
243 |                     formString.addOpt(regMatchRow[j][1] + regMatchRow[j][0].length, '</span>');
244 |                 }
245 |             }
246 |             
247 |             //console.log(formString.getOpts());
248 |             
249 |             regexOutputHighlightElem.innerHTML = '<span>'+(formString.getFormText(true))+'&nbsp;</span>';
250 |             
251 |             if(useCSSC)
252 |             {
253 |                 CSSC("textarea#"+regexInputElem.getAttribute("id")).set("border-color", "#ccc");
254 |             }
255 |             else
256 |             {
257 |                 regexInputElem.style.borderColor = "#a3ccac";
258 |                 regexInputElem.style.backgroundImage = "url('img/valid.png')";
259 |                 regexInputElem.style.backgroundPosition = "right 10px bottom 10px";
260 |                 regexInputElem.style.backgroundRepeat = "no-repeat";
261 |                 regexInputElem.style.backgroundSize = "25px";
262 |             }
263 |             
264 |             
265 |             regexInputHighlightElem.innerHTML = encode(regexInputElem.value)+'&nbsp;';
266 |             
267 |             calcGropPositions();
268 |             
269 |             if(mode === "replace")
270 |             {
271 |                 regexOutputReplaceElem.value = regexOutputTextElem.value.replace(regularExpression, regexInputReplaceElem.value);
272 |             }
273 |             
274 |             //prepaire the complete string
275 |             if(useCSSC)
276 |             {
277 |                 var formString = new formatedString(regexInputElem.value),
278 |                     tmp = {};
279 |                 
280 |                 for(var i = 1; i < regexGroups.length; i++)
281 |                 { 
282 |                     for(var j = 0; j < regexGroups[i].length; j++)
283 |                     { 
284 |                         if(!!tmp[regexGroups[i][j]])
285 |                         {
286 |                             tmp[regexGroups[i][j]].push(i);
287 |                         }
288 |                         else
289 |                         { 
290 |                             tmp[regexGroups[i][j]] = [i];
291 |                         } 
292 |                     }
293 |                 }
294 |                 
295 |                 for(var i in tmp)
296 |                 {
297 |                     for(var j = 0; j < tmp[i].length; j++)
298 |                     {
299 |                         formString.addOpt(i,'<span class="hg_cssc gn'+tmp[i][j]+'">');
300 |                         formString.addOpt(parseInt(i) + 1,'</span>');
301 |                     }
302 |                 }
303 |                 regexInputHighlightElem.innerHTML = formString.getFormText(true)+'&nbsp;';
304 |             }
305 |             
306 |             
307 |             parseError = false;
308 |         }
309 |         catch(err)
310 |         {
311 |             console.log(err);
312 |             
313 |             if(useCSSC)
314 |             {
315 |                 CSSC("textarea#"+regexInputElem.getAttribute("id")).set("border-color", "#f00");
316 |             }
317 |             else
318 |             {
319 |                 regexInputElem.style.borderColor = "#f00";
320 |                 regexInputElem.style.backgroundImage = "url('img/invalid.png')";
321 |                 regexInputElem.style.backgroundPosition = "right bottom";
322 |                 regexInputElem.style.backgroundRepeat = "no-repeat";
323 |                 regexInputElem.style.backgroundSize = "15%";
324 |             }
325 |             
326 |             parseError = true;
327 |         }
328 |         
329 |         if(setScrollPosition)
330 |             regexOutputHighlightElem.scrollTop = this.scrollTop;
331 |     },
332 |     lastHighlight = null,
333 |     highlight = function()
334 |     {
335 |         if(parseError)
336 |         {
337 |             return;
338 |         }
339 |         
340 |         var cursorPos = regexInputElem.selectionStart;
341 |         
342 |         //console.log(regexGroups.length);
343 |         //console.log(regexPositionToGroup);
344 |         if(useCSSC)
345 |         {
346 |             for(var i = 1; i <= regexGroups.length; i++)
347 |             {
348 |                 CSSC(".g.n"+i).set("background-color", "rgba(0, 0, 0, 0)");
349 |                 CSSC(".hg_cssc.gn"+i).set("background-color", "transparent");
350 |             }
351 |             
352 |             CSSC(".g.n"+regexPositionToGroup[cursorPos]).set("background-color", "rgba(0, 0, 0, 0.2)");
353 |             CSSC(".hg_cssc.gn"+regexPositionToGroup[cursorPos]).set("background-color", "#ffecb3");
354 |         }
355 |         else
356 |         {
357 |             var HighlightElems = regexOutputHighlightElem.getElementsByClassName("g");
358 | 
359 |             for(var i = 0; i < HighlightElems.length; i++)
360 |             {
361 |                 HighlightElems[i].classList.remove("s");
362 |             }
363 | 
364 |             if(!regexPositionToGroup[cursorPos])
365 |             {
366 |                 if(lastHighlight !== null)
367 |                 {
368 |                     regexInputHighlightElem.innerHTML = encode(regexInputElem.value)+'&nbsp;';
369 | 
370 |                     lastHighlight = null;
371 |                 }
372 |                 return;
373 |             }
374 | 
375 |             HighlightElems = regexOutputHighlightElem.getElementsByClassName("g n"+regexPositionToGroup[cursorPos]);
376 | 
377 |             for(var i = 0; i < HighlightElems.length; i++)
378 |             {
379 |                 HighlightElems[i].classList.add("s");
380 |             }
381 |             
382 |             var klammerPos = regexPositionToGroup[cursorPos] > 0 ? regexGroups[regexPositionToGroup[cursorPos]] : null;
383 |         
384 |             if(!!klammerPos && lastHighlight !== klammerPos)
385 |             {
386 |                 var formString = new formatedString(regexInputElem.value);
387 |                 formString.addOpt(klammerPos[0],'<span class="hg">');
388 |                 formString.addOpt(klammerPos[0] + 1,'</span>');
389 |                 formString.addOpt(klammerPos[1],'<span class="hg">');
390 |                 formString.addOpt(klammerPos[1] + 1,'</span>');
391 | 
392 | 
393 |                 regexInputHighlightElem.innerHTML = formString.getFormText(true)+'&nbsp;';
394 | 
395 |                 lastHighlight = klammerPos;
396 |             }
397 |             else if(lastHighlight !== klammerPos)
398 |             {
399 |                 regexInputHighlightElem.innerHTML = regexInputElem.value+'&nbsp;';
400 | 
401 |                 lastHighlight = klammerPos;   
402 |             }
403 |         }
404 |         
405 |     },
406 |     switchMode = function(m)
407 |     {
408 |         if(m != "match" && m != "replace")
409 |             return;
410 |         
411 |         regexControllButtonMatch.setAttribute("class", "")
412 |         regexControllButtonReplace.setAttribute("class", "")
413 |         
414 |         var modeElem = regexControllButtonReplace;
415 |         
416 |         if(m == "match")
417 |             modeElem = regexControllButtonMatch;
418 |         
419 |         modeElem.classList.add("sel");
420 |         
421 |         regexInputWrapperElem.setAttribute("class", m);
422 |         regexOutputWrapperElem.setAttribute("class", m);
423 |         
424 |         setOutputHeight();
425 |         
426 |         mode = m;
427 |         
428 |         parse();
429 |     },
430 |     calcGropPositions = function()
431 |     {
432 |         var analyseString = regexInputElem.value; 
433 |         
434 |         regexGroups = [[0,analyseString.length]],
435 |         regexPositionToGroup = [0];
436 |         
437 |         var chr, curGrp = 0, toBreak = false, toCount = false;
438 |         for(var i = 0; i < analyseString.length; i++)
439 |         {
440 |             chr = analyseString[i];
441 |             
442 |             if(analyseString[i-1] != "\\")
443 |             {
444 |                 toCount = true;
445 |             }
446 |             else if(chr == '(' || chr == ')')
447 |             {
448 |                 toCount = false;
449 |                 
450 |                 for (var j = (i - 2); j >= 0; j--)
451 |                 {
452 |                     if (analyseString[j] === "\\")
453 |                         toCount = !toCount;
454 |                     else
455 |                         break;
456 |                 }
457 |             }
458 |             
459 |             if(toCount && chr == '(')
460 |             {
461 |                 regexGroups.push([i, null]);
462 |                 
463 |                 curGrp = regexGroups.length - 1; 
464 |             }
465 |             else if(toCount && chr == ')')
466 |             {
467 |                 toBreak = false;
468 |                 curGrp = 0;
469 |                 for(var j = (regexGroups.length - 1); j >= 0; j--)
470 |                 {
471 |                     if(regexGroups[j][1] === null)
472 |                     {
473 |                         if(!toBreak)
474 |                         {
475 |                             regexGroups[j][1] = i;
476 |                             toBreak = true;
477 |                         }
478 |                         else
479 |                         {
480 |                             curGrp = j;
481 |                             break;
482 |                         }
483 |                     }
484 |                 }
485 |             }
486 |             
487 |             regexPositionToGroup[i+1] = curGrp;
488 |         }
489 |     };
490 |     
491 |     
492 |     
493 |     init();
494 |     
495 |     if((!!regexInputElem && !!regexInputElem.innerHTML) || (!!regexOutputTextElem && !!regexOutputTextElem.innerHTML))
496 |     {
497 |         parse();
498 |     }
499 | 
500 | };
501 | 
502 | var RegExpGrpPos = function(regexp, posabsolute)
503 | {
504 |     var myRegExp = regexp,
505 |         matchStr = null,
506 |         grpPosInfo = null,
507 |         posAbsoluete = !!posabsolute;
508 |     
509 |     var groupFinder = function()
510 |     {
511 |         var regex = myRegExp.toString();
512 | 
513 |         //console.log(regex);
514 |         var groupPos = [],
515 |             grp = [],
516 |             cnt = 0, 
517 |             chr,
518 |             toCount = false;
519 | 
520 |         for (var i = 0; i < regex.length; i++)
521 |         {
522 |             chr = regex[i];
523 | 
524 |             if (chr === '(' && regex[i - 1] !== "\\")
525 |             {
526 |                 //console.log("Pos +: " + i);
527 |                 cnt++;
528 | 
529 |                 groupPos.push([cnt, i]);
530 |                 
531 |             }
532 |             else if (chr === ')' && regex[i - 1] !== "\\")
533 |             {
534 |                 //console.log("Pos -: " + i);
535 |                 cnt--;
536 |             }
537 |             else if ((chr === '(' || chr === ')') && regex[i - 1] === "\\")
538 |             {
539 |                 //console.log(char);
540 |                 //console.log(regex[i - 1]);
541 | 
542 |                 toCount = false;
543 | 
544 |                 for (var j = i - 2; j > -1; j--)
545 |                 {
546 |                     if (regex[j] === "\\")
547 |                         toCount = !toCount;
548 |                     else
549 |                         break;
550 |                 }
551 | 
552 |                 if (toCount && chr === '(')
553 |                 {
554 |                     cnt++;
555 | 
556 |                     groupPos.push([cnt, i]);
557 | 
558 |                     
559 |                     //console.log("Pos/ +: " + i);
560 |                 }
561 |                 else if (toCount && chr === ')')
562 |                 {
563 |                     cnt--;
564 |                     //console.log("Pos/ -: " + i);
565 |                 }
566 |             }
567 |         }
568 | 
569 |         //cnt muss am ende wieder 0 sein, wenn nicht ist bei der berechnung etwas schief gegangen
570 |         return (cnt === 0 ? groupPos : false);
571 |     },
572 |     findPositions = function(matches)
573 |     {
574 |         var m = [], tmpIndex = 0, foundIndex = matches.index, posM1, posM2;
575 | 
576 |         m[0] = [matches[0], (!!posAbsoluete ? foundIndex : tmpIndex)];
577 | 
578 |         for (var i = 1; i < matches.length; i++)
579 |         {
580 |             posM1 = (!!grpPosInfo[i - 1]) ? grpPosInfo[i - 1][0] : 0;
581 |             posM2 = (!!grpPosInfo[i - 2]) ? grpPosInfo[i - 2][0] : 0;
582 |             
583 |             if (posM1 > posM2)
584 |             {
585 |                 tmpIndex = (!!posAbsoluete ? (m[i - 1][1] - foundIndex) : m[i - 1][1]); 
586 |             }
587 |             else if(posM1 < posM2)
588 |             {
589 |                 tmpIndex = (!!posAbsoluete ? ((m[i - 1][1] + m[i - 1][0].length) - foundIndex) : (m[i - 1][1] + m[i - 1][0].length));
590 |             }
591 | 
592 |             if (!!matches[i])
593 |             {
594 |                 tmpIndex = matches[0].indexOf(matches[i], tmpIndex);
595 | 
596 |                 m[i] = [matches[i], (!!posAbsoluete ? (tmpIndex + foundIndex) : tmpIndex)];
597 | 
598 |                 tmpIndex += matches[i].length;
599 |             }
600 |             else
601 |             {
602 |                 m[i] = ["", (!!posAbsoluete ? (tmpIndex + foundIndex) : tmpIndex)];
603 |             }
604 |         }
605 |         
606 |         return m;
607 |     };
608 |     
609 |     this.match = function(str)
610 |     {
611 |         matchStr = str;
612 |         grpPosInfo = groupFinder();
613 |         
614 |         //console.log(grpPosInfo);
615 |         var matches, 
616 |             lastIndex = null,
617 |             retrn = [];
618 | 
619 |         while((matches = myRegExp.exec(str)) !== null && lastIndex !== matches.index)
620 |         {
621 |             retrn.push(findPositions(matches));
622 | 
623 |             lastIndex = matches.index;
624 |         }
625 |         
626 |         return retrn;
627 |     };
628 |     this.setPositionAbsolute = function(posabsulute)
629 |     {
630 |         posAbsoluete = !!posabsulute;
631 |     };
632 | };
633 | 
634 | var formatedString = function(string)
635 | {
636 |     var orgString = string;
637 |     var options = {};
638 |     
639 |     var encode = function(txt)
640 |     {
641 |         return txt.replace(/[\x26\x0A\x3c\x3e\x22\x27]/g, function(txt) 
642 |         {
643 |             return "&#" + txt.charCodeAt(0) + ";";
644 |         });
645 |     },
646 |     parse = function(encodeString)
647 |     {
648 |         var lastPos = 0, formString = "";
649 |         for(var pos in options)
650 |         {
651 |             if(!!encodeString)
652 |             {
653 |                 formString += encode(orgString.substr(lastPos, (pos - lastPos)));
654 |             }
655 |             else
656 |             {
657 |                 formString += orgString.substr(lastPos, (pos - lastPos));
658 |             }
659 |         
660 |             for(var i = 0; i < options[pos].length; i++)
661 |             {
662 |                 formString += options[pos][i];
663 |             }
664 |             
665 |             lastPos = pos;
666 |         }
667 |         
668 |         if(!!encodeString)
669 |         {
670 |             formString += encode(orgString.substr(lastPos));
671 |         }
672 |         else
673 |         {
674 |             formString += orgString.substr(lastPos);
675 |         }
676 |         
677 |         return formString;
678 |     };
679 |     
680 |     this.addOpt = function(pos, opt)
681 |     {
682 |         if(!options[pos])
683 |         {
684 |             options[pos] = [];
685 |         }
686 |         
687 |         options[pos].push(opt);
688 |     };
689 |     this.getOpts = function()
690 |     {
691 |         return options;
692 |     };
693 |     this.getOrgText = function()
694 |     {
695 |         return orgString;
696 |     };
697 |     this.getFormText = function(encodeString)
698 |     {
699 |         return parse(encodeString);
700 |     };
701 | };
702 | 
703 | var encode = function(txt)
704 | {
705 |     return txt.replace(/[\x26\x0A\x3c\x3e\x22\x27]/g, function(txt) 
706 |     {
707 |         return "&#" + txt.charCodeAt(0) + ";";
708 |     });
709 | };
710 | 


--------------------------------------------------------------------------------
/thecmdchallenge/funcode/regexer.js:
--------------------------------------------------------------------------------
  1 | 
  2 | var RegExer = function(appendToElem,dExpression,dContent)
  3 | {
  4 |     // Parameter & Elements
  5 |     var parentElem, 
  6 |         regexInputWrapperElem,
  7 |         regexInputElem,
  8 |         regexInputHighlightElem,
  9 |         regexOutputWrapperElem,
 10 |         regexOutputTextElem,
 11 |         regexOutputHighlightElem,
 12 |         regularExpression,
 13 |         regularExpressionParser,
 14 |         regexOutputReplaceElem,
 15 |         regexInputReplaceElem,
 16 |         
 17 |         regexControllArea,
 18 |         regexControllButtonMatch,
 19 |         regexControllButtonReplace,
 20 |         
 21 |         regexGroups = [],
 22 |         regexPositionToGroup = [],
 23 |         useCSSC = false, //experemental with alpha version of CSSC
 24 |         parseError = false,
 25 |         mode = "match";
 26 |     
 27 |     // Methods
 28 |     var init = function()
 29 |     {
 30 |         if(!appendToElem)
 31 |         {
 32 |             parentElem = document.body;
 33 |         }
 34 |         else if(typeof appendToElem === 'string')
 35 |         {
 36 |             parentElem = document.getElementById(appendToElem);
 37 |         }
 38 |         else
 39 |         {
 40 |             parentElem = appendToElem;
 41 |         } 
 42 |         
 43 |         //Create Elements
 44 |         //Input
 45 |         regexInputWrapperElem = document.createElement('div');
 46 |         regexInputWrapperElem.setAttribute("id", "regexer_input");
 47 |         
 48 |         regexInputElem = document.createElement('textarea');
 49 |         regexInputElem.setAttribute("id", "regexer_input_input");
 50 |         regexInputElem.placeholder = "Type your regex here...";
 51 |         if(dExpression && dExpression!='') 
 52 |         {
 53 |             setDefaultExpression(dExpression);
 54 |         }
 55 |         else
 56 |         {
 57 |             //s
 58 |             setDefaultExpression("([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})");
 59 |         }
 60 | 
 61 |         regexInputHighlightElem = document.createElement("pre");
 62 |         regexInputHighlightElem.setAttribute("id", "regexer_input_pre");
 63 | 
 64 | 
 65 |         //Output
 66 |         regexOutputWrapperElem = document.createElement("div");
 67 |         regexOutputWrapperElem.setAttribute("id", "regexer_text");
 68 | 
 69 |         regexOutputTextElem = document.createElement("textarea");
 70 |         regexOutputTextElem.setAttribute("id", "regexer_text_txt");
 71 |         if(dContent && dContent!='') 
 72 |         {
 73 |             setDefaultContent(dContent.replace(/[\r\n]/g, "&#13;&#13;"));
 74 |         }
 75 |         else setDefaultContent(  
 76 |             "This is an example text, this text contains emails, phone numbers and other sample designed for testing purposes. To use this tool, please type a regular expression in the text-area above. &#13;&#13;" +
 77 |             "When designing regex for emails make sure you cover all possible email types like: info@breatheco.de, dragon23@gmail.com, dragon_ball@yahoo.com.us and also test for bad email formats like ramond=32@skas.com &#13;&#13;" +
 78 |             "When texting for urls you have samples like this: https://thedomain.com.ve/dir1/dir2.html, some urls don't have extensions like this http://www.thedomain.net/directory1, maybe you will find some urls with nested subdomains like http://test.www.thedomain.com.ve/directory1"
 79 |             );
 80 |         
 81 |         regexOutputHighlightElem = document.createElement("pre");
 82 |         regexOutputHighlightElem.setAttribute("id", "regexer_text_pre");
 83 |         
 84 |         /* Controlls */
 85 |         regexControllArea = document.createElement("div");
 86 |         regexControllArea.setAttribute("id", "regex_controll");
 87 |         
 88 |         regexControllButtonMatch = document.createElement("a");
 89 |         regexControllButtonMatch.setAttribute("id", "regex_controll_match");
 90 |         if(mode === "match") regexControllButtonMatch.setAttribute("class", "sel");
 91 |         regexControllButtonMatch.innerHTML = "match";
 92 |         regexControllArea.appendChild(regexControllButtonMatch);
 93 |         
 94 |         parentElem.appendChild(regexControllArea);
 95 |         /* /Controlls */
 96 | 
 97 |         //Append Elements in DOM
 98 |         parentElem.appendChild(regexInputWrapperElem);
 99 |         regexInputWrapperElem.appendChild(regexInputElem);
100 |         regexInputWrapperElem.appendChild(regexInputHighlightElem);
101 |         
102 |         
103 |         parentElem.appendChild(regexOutputWrapperElem);
104 |         regexOutputWrapperElem.appendChild(regexOutputTextElem);
105 |         regexOutputWrapperElem.appendChild(regexOutputHighlightElem);
106 |         
107 |         setOutputHeight();
108 |         
109 |         manageEvents();
110 | 
111 |     },
112 |     setDefaultExpression = function(defaultExpression)
113 |     {
114 |         var tempRegex = defaultExpression;
115 |         regexInputElem.innerHTML = tempRegex;
116 |         regexInputElem.value = tempRegex;
117 |     },
118 |     setDefaultContent = function(defaultContent)
119 |     {
120 |         regexOutputTextElem.innerHTML = defaultContent;
121 | 
122 |     },
123 |     setOutputHeight = function()
124 |     {
125 |         if(useCSSC)
126 |         {
127 |             //CSSC("#"+regexOutputTextElem.getAttribute("id")).set("height", regexOutputHighlightElem.offsetHeight+"px");
128 |         }
129 |         else
130 |         {
131 |             //regexOutputTextElem.style.height = regexOutputHighlightElem.offsetHeight+"px";
132 |         }
133 |     },
134 |     manageEvents = function()
135 |     {
136 |         var keyUpParseControll = function(e)
137 |         {
138 |             var parsed = false;
139 |             
140 |             if
141 |             (!(
142 |                 (
143 |                     e.keyCode <= 40 &&
144 |                     (
145 |                         e.keyCode !== 13 && e.keyCode !== 8 &&
146 |                         e.keyCode !== 9 && e.keyCode !== 32
147 |                     )
148 |                 )
149 |                 ||
150 |                 (
151 |                     e.keyCode >= 112 && e.keyCode <= 150
152 |                 )
153 |                 ||
154 |                 e.keyCode === 91
155 |                 ||
156 |                 e.keyCode === 92
157 |             ))
158 |             {
159 |                 parse();
160 |                 parsed = true;
161 |             }
162 |             
163 |             highlight();
164 |             
165 |             return parsed;
166 |         };
167 |         
168 |         regexOutputTextElem.addEventListener("scroll", function()
169 |         {
170 |             regexOutputHighlightElem.scrollTop = this.scrollTop;
171 |         });
172 |         
173 |         regexOutputTextElem.addEventListener("change", function()
174 |         {
175 |             regexOutputHighlightElem.innerHTML = '<span>'+encode(this.value)+'</span>\n';  
176 |             
177 |             regexOutputHighlightElem.scrollTop = this.scrollTop;
178 |             
179 |             parse();
180 |             
181 |         });
182 |         regexOutputTextElem.addEventListener("keyup", function(e)
183 |         {
184 |             keyUpParseControll(e);
185 |             
186 |         });
187 |         
188 |         regexInputElem.addEventListener("scroll", function()
189 |         {
190 |             regexInputHighlightElem.scrollTop = this.scrollTop;
191 |         });
192 |         regexInputElem.addEventListener("change", function()
193 |         {
194 |             regexInputHighlightElem.scrollTop = this.scrollTop;
195 |         });
196 |         
197 |         regexInputElem.addEventListener("keyup", function(e)
198 |         {
199 |             regexInputHighlightElem.scrollTop = this.scrollTop;
200 |             
201 |             keyUpParseControll(e);
202 |         });
203 |         
204 |         regexInputElem.addEventListener("click", function(e)
205 |         {
206 |             highlight();
207 |         });
208 |         
209 |         window.addEventListener("resize", function()
210 |         {
211 |             setOutputHeight();
212 |         });
213 |     },
214 |     parse = function(setScrollPosition)
215 |     {
216 |         if(!regexInputElem.value) return;
217 |             
218 |         try
219 |         {
220 |             regularExpression = new RegExp(regexInputElem.value, 'g');
221 |             regularExpressionParser = new RegExpGrpPos(regularExpression, true);
222 |             
223 |             var regMatch = regularExpressionParser.match(regexOutputTextElem.value);
224 |             
225 |             
226 |             var regMatchRow, moduloPosAB;
227 |             
228 |             
229 |             var formString = new formatedString(regexOutputTextElem.value);
230 |             
231 |             
232 |             for(var i = 0; i < regMatch.length; i++)
233 |             {
234 |                 regMatchRow = regMatch[i];
235 |                 moduloPosAB = (i % 2 ? 'b' : 'a');
236 |                 
237 |                 formString.addOpt(regMatchRow[0][1], '<span class="f '+moduloPosAB+' n'+i+'">');
238 |                 formString.addOpt(regMatchRow[0][1] + regMatchRow[0][0].length, '</span>');
239 |                 
240 |                 for(var j = 1; j < regMatchRow.length; j++)
241 |                 {
242 |                     formString.addOpt(regMatchRow[j][1], '<span class="g '+moduloPosAB+' n'+j+'">');
243 |                     formString.addOpt(regMatchRow[j][1] + regMatchRow[j][0].length, '</span>');
244 |                 }
245 |             }
246 |             
247 |             //console.log(formString.getOpts());
248 |             
249 |             regexOutputHighlightElem.innerHTML = '<span>'+(formString.getFormText(true))+'&nbsp;</span>';
250 |             
251 |             if(useCSSC)
252 |             {
253 |                 CSSC("textarea#"+regexInputElem.getAttribute("id")).set("border-color", "#ccc");
254 |             }
255 |             else
256 |             {
257 |                 regexInputElem.style.borderColor = "#a3ccac";
258 |                 regexInputElem.style.backgroundImage = "url('img/valid.png')";
259 |                 regexInputElem.style.backgroundPosition = "right 10px bottom 10px";
260 |                 regexInputElem.style.backgroundRepeat = "no-repeat";
261 |                 regexInputElem.style.backgroundSize = "25px";
262 |             }
263 |             
264 |             
265 |             regexInputHighlightElem.innerHTML = encode(regexInputElem.value)+'&nbsp;';
266 |             
267 |             calcGropPositions();
268 |             
269 |             if(mode === "replace")
270 |             {
271 |                 regexOutputReplaceElem.value = regexOutputTextElem.value.replace(regularExpression, regexInputReplaceElem.value);
272 |             }
273 |             
274 |             //prepaire the complete string
275 |             if(useCSSC)
276 |             {
277 |                 var formString = new formatedString(regexInputElem.value),
278 |                     tmp = {};
279 |                 
280 |                 for(var i = 1; i < regexGroups.length; i++)
281 |                 { 
282 |                     for(var j = 0; j < regexGroups[i].length; j++)
283 |                     { 
284 |                         if(!!tmp[regexGroups[i][j]])
285 |                         {
286 |                             tmp[regexGroups[i][j]].push(i);
287 |                         }
288 |                         else
289 |                         { 
290 |                             tmp[regexGroups[i][j]] = [i];
291 |                         } 
292 |                     }
293 |                 }
294 |                 
295 |                 for(var i in tmp)
296 |                 {
297 |                     for(var j = 0; j < tmp[i].length; j++)
298 |                     {
299 |                         formString.addOpt(i,'<span class="hg_cssc gn'+tmp[i][j]+'">');
300 |                         formString.addOpt(parseInt(i) + 1,'</span>');
301 |                     }
302 |                 }
303 |                 regexInputHighlightElem.innerHTML = formString.getFormText(true)+'&nbsp;';
304 |             }
305 |             
306 |             
307 |             parseError = false;
308 |         }
309 |         catch(err)
310 |         {
311 |             console.log(err);
312 |             
313 |             if(useCSSC)
314 |             {
315 |                 CSSC("textarea#"+regexInputElem.getAttribute("id")).set("border-color", "#f00");
316 |             }
317 |             else
318 |             {
319 |                 regexInputElem.style.borderColor = "#f00";
320 |                 regexInputElem.style.backgroundImage = "url('img/invalid.png')";
321 |                 regexInputElem.style.backgroundPosition = "right bottom";
322 |                 regexInputElem.style.backgroundRepeat = "no-repeat";
323 |                 regexInputElem.style.backgroundSize = "15%";
324 |             }
325 |             
326 |             parseError = true;
327 |         }
328 |         
329 |         if(setScrollPosition)
330 |             regexOutputHighlightElem.scrollTop = this.scrollTop;
331 |     },
332 |     lastHighlight = null,
333 |     highlight = function()
334 |     {
335 |         if(parseError)
336 |         {
337 |             return;
338 |         }
339 |         
340 |         var cursorPos = regexInputElem.selectionStart;
341 |         
342 |         //console.log(regexGroups.length);
343 |         //console.log(regexPositionToGroup);
344 |         if(useCSSC)
345 |         {
346 |             for(var i = 1; i <= regexGroups.length; i++)
347 |             {
348 |                 CSSC(".g.n"+i).set("background-color", "rgba(0, 0, 0, 0)");
349 |                 CSSC(".hg_cssc.gn"+i).set("background-color", "transparent");
350 |             }
351 |             
352 |             CSSC(".g.n"+regexPositionToGroup[cursorPos]).set("background-color", "rgba(0, 0, 0, 0.2)");
353 |             CSSC(".hg_cssc.gn"+regexPositionToGroup[cursorPos]).set("background-color", "#ffecb3");
354 |         }
355 |         else
356 |         {
357 |             var HighlightElems = regexOutputHighlightElem.getElementsByClassName("g");
358 | 
359 |             for(var i = 0; i < HighlightElems.length; i++)
360 |             {
361 |                 HighlightElems[i].classList.remove("s");
362 |             }
363 | 
364 |             if(!regexPositionToGroup[cursorPos])
365 |             {
366 |                 if(lastHighlight !== null)
367 |                 {
368 |                     regexInputHighlightElem.innerHTML = encode(regexInputElem.value)+'&nbsp;';
369 | 
370 |                     lastHighlight = null;
371 |                 }
372 |                 return;
373 |             }
374 | 
375 |             HighlightElems = regexOutputHighlightElem.getElementsByClassName("g n"+regexPositionToGroup[cursorPos]);
376 | 
377 |             for(var i = 0; i < HighlightElems.length; i++)
378 |             {
379 |                 HighlightElems[i].classList.add("s");
380 |             }
381 |             
382 |             var klammerPos = regexPositionToGroup[cursorPos] > 0 ? regexGroups[regexPositionToGroup[cursorPos]] : null;
383 |         
384 |             if(!!klammerPos && lastHighlight !== klammerPos)
385 |             {
386 |                 var formString = new formatedString(regexInputElem.value);
387 |                 formString.addOpt(klammerPos[0],'<span class="hg">');
388 |                 formString.addOpt(klammerPos[0] + 1,'</span>');
389 |                 formString.addOpt(klammerPos[1],'<span class="hg">');
390 |                 formString.addOpt(klammerPos[1] + 1,'</span>');
391 | 
392 | 
393 |                 regexInputHighlightElem.innerHTML = formString.getFormText(true)+'&nbsp;';
394 | 
395 |                 lastHighlight = klammerPos;
396 |             }
397 |             else if(lastHighlight !== klammerPos)
398 |             {
399 |                 regexInputHighlightElem.innerHTML = regexInputElem.value+'&nbsp;';
400 | 
401 |                 lastHighlight = klammerPos;   
402 |             }
403 |         }
404 |         
405 |     },
406 |     switchMode = function(m)
407 |     {
408 |         if(m != "match" && m != "replace")
409 |             return;
410 |         
411 |         regexControllButtonMatch.setAttribute("class", "")
412 |         regexControllButtonReplace.setAttribute("class", "")
413 |         
414 |         var modeElem = regexControllButtonReplace;
415 |         
416 |         if(m == "match")
417 |             modeElem = regexControllButtonMatch;
418 |         
419 |         modeElem.classList.add("sel");
420 |         
421 |         regexInputWrapperElem.setAttribute("class", m);
422 |         regexOutputWrapperElem.setAttribute("class", m);
423 |         
424 |         setOutputHeight();
425 |         
426 |         mode = m;
427 |         
428 |         parse();
429 |     },
430 |     calcGropPositions = function()
431 |     {
432 |         var analyseString = regexInputElem.value; 
433 |         
434 |         regexGroups = [[0,analyseString.length]],
435 |         regexPositionToGroup = [0];
436 |         
437 |         var chr, curGrp = 0, toBreak = false, toCount = false;
438 |         for(var i = 0; i < analyseString.length; i++)
439 |         {
440 |             chr = analyseString[i];
441 |             
442 |             if(analyseString[i-1] != "\\")
443 |             {
444 |                 toCount = true;
445 |             }
446 |             else if(chr == '(' || chr == ')')
447 |             {
448 |                 toCount = false;
449 |                 
450 |                 for (var j = (i - 2); j >= 0; j--)
451 |                 {
452 |                     if (analyseString[j] === "\\")
453 |                         toCount = !toCount;
454 |                     else
455 |                         break;
456 |                 }
457 |             }
458 |             
459 |             if(toCount && chr == '(')
460 |             {
461 |                 regexGroups.push([i, null]);
462 |                 
463 |                 curGrp = regexGroups.length - 1; 
464 |             }
465 |             else if(toCount && chr == ')')
466 |             {
467 |                 toBreak = false;
468 |                 curGrp = 0;
469 |                 for(var j = (regexGroups.length - 1); j >= 0; j--)
470 |                 {
471 |                     if(regexGroups[j][1] === null)
472 |                     {
473 |                         if(!toBreak)
474 |                         {
475 |                             regexGroups[j][1] = i;
476 |                             toBreak = true;
477 |                         }
478 |                         else
479 |                         {
480 |                             curGrp = j;
481 |                             break;
482 |                         }
483 |                     }
484 |                 }
485 |             }
486 |             
487 |             regexPositionToGroup[i+1] = curGrp;
488 |         }
489 |     };
490 |     
491 |     
492 |     
493 |     init();
494 |     
495 |     if((!!regexInputElem && !!regexInputElem.innerHTML) || (!!regexOutputTextElem && !!regexOutputTextElem.innerHTML))
496 |     {
497 |         parse();
498 |     }
499 | 
500 | };
501 | 
502 | var RegExpGrpPos = function(regexp, posabsolute)
503 | {
504 |     var myRegExp = regexp,
505 |         matchStr = null,
506 |         grpPosInfo = null,
507 |         posAbsoluete = !!posabsolute;
508 |     
509 |     var groupFinder = function()
510 |     {
511 |         var regex = myRegExp.toString();
512 | 
513 |         //console.log(regex);
514 |         var groupPos = [],
515 |             grp = [],
516 |             cnt = 0, 
517 |             chr,
518 |             toCount = false;
519 | 
520 |         for (var i = 0; i < regex.length; i++)
521 |         {
522 |             chr = regex[i];
523 | 
524 |             if (chr === '(' && regex[i - 1] !== "\\")
525 |             {
526 |                 //console.log("Pos +: " + i);
527 |                 cnt++;
528 | 
529 |                 groupPos.push([cnt, i]);
530 |                 
531 |             }
532 |             else if (chr === ')' && regex[i - 1] !== "\\")
533 |             {
534 |                 //console.log("Pos -: " + i);
535 |                 cnt--;
536 |             }
537 |             else if ((chr === '(' || chr === ')') && regex[i - 1] === "\\")
538 |             {
539 |                 //console.log(char);
540 |                 //console.log(regex[i - 1]);
541 | 
542 |                 toCount = false;
543 | 
544 |                 for (var j = i - 2; j > -1; j--)
545 |                 {
546 |                     if (regex[j] === "\\")
547 |                         toCount = !toCount;
548 |                     else
549 |                         break;
550 |                 }
551 | 
552 |                 if (toCount && chr === '(')
553 |                 {
554 |                     cnt++;
555 | 
556 |                     groupPos.push([cnt, i]);
557 | 
558 |                     
559 |                     //console.log("Pos/ +: " + i);
560 |                 }
561 |                 else if (toCount && chr === ')')
562 |                 {
563 |                     cnt--;
564 |                     //console.log("Pos/ -: " + i);
565 |                 }
566 |             }
567 |         }
568 | 
569 |         //cnt muss am ende wieder 0 sein, wenn nicht ist bei der berechnung etwas schief gegangen
570 |         return (cnt === 0 ? groupPos : false);
571 |     },
572 |     findPositions = function(matches)
573 |     {
574 |         var m = [], tmpIndex = 0, foundIndex = matches.index, posM1, posM2;
575 | 
576 |         m[0] = [matches[0], (!!posAbsoluete ? foundIndex : tmpIndex)];
577 | 
578 |         for (var i = 1; i < matches.length; i++)
579 |         {
580 |             posM1 = (!!grpPosInfo[i - 1]) ? grpPosInfo[i - 1][0] : 0;
581 |             posM2 = (!!grpPosInfo[i - 2]) ? grpPosInfo[i - 2][0] : 0;
582 |             
583 |             if (posM1 > posM2)
584 |             {
585 |                 tmpIndex = (!!posAbsoluete ? (m[i - 1][1] - foundIndex) : m[i - 1][1]); 
586 |             }
587 |             else if(posM1 < posM2)
588 |             {
589 |                 tmpIndex = (!!posAbsoluete ? ((m[i - 1][1] + m[i - 1][0].length) - foundIndex) : (m[i - 1][1] + m[i - 1][0].length));
590 |             }
591 | 
592 |             if (!!matches[i])
593 |             {
594 |                 tmpIndex = matches[0].indexOf(matches[i], tmpIndex);
595 | 
596 |                 m[i] = [matches[i], (!!posAbsoluete ? (tmpIndex + foundIndex) : tmpIndex)];
597 | 
598 |                 tmpIndex += matches[i].length;
599 |             }
600 |             else
601 |             {
602 |                 m[i] = ["", (!!posAbsoluete ? (tmpIndex + foundIndex) : tmpIndex)];
603 |             }
604 |         }
605 |         
606 |         return m;
607 |     };
608 |     
609 |     this.match = function(str)
610 |     {
611 |         matchStr = str;
612 |         grpPosInfo = groupFinder();
613 |         
614 |         //console.log(grpPosInfo);
615 |         var matches, 
616 |             lastIndex = null,
617 |             retrn = [];
618 | 
619 |         while((matches = myRegExp.exec(str)) !== null && lastIndex !== matches.index)
620 |         {
621 |             retrn.push(findPositions(matches));
622 | 
623 |             lastIndex = matches.index;
624 |         }
625 |         
626 |         return retrn;
627 |     };
628 |     this.setPositionAbsolute = function(posabsulute)
629 |     {
630 |         posAbsoluete = !!posabsulute;
631 |     };
632 | };
633 | 
634 | var formatedString = function(string)
635 | {
636 |     var orgString = string;
637 |     var options = {};
638 |     
639 |     var encode = function(txt)
640 |     {
641 |         return txt.replace(/[\x26\x0A\x3c\x3e\x22\x27]/g, function(txt) 
642 |         {
643 |             return "&#" + txt.charCodeAt(0) + ";";
644 |         });
645 |     },
646 |     parse = function(encodeString)
647 |     {
648 |         var lastPos = 0, formString = "";
649 |         for(var pos in options)
650 |         {
651 |             if(!!encodeString)
652 |             {
653 |                 formString += encode(orgString.substr(lastPos, (pos - lastPos)));
654 |             }
655 |             else
656 |             {
657 |                 formString += orgString.substr(lastPos, (pos - lastPos));
658 |             }
659 |         
660 |             for(var i = 0; i < options[pos].length; i++)
661 |             {
662 |                 formString += options[pos][i];
663 |             }
664 |             
665 |             lastPos = pos;
666 |         }
667 |         
668 |         if(!!encodeString)
669 |         {
670 |             formString += encode(orgString.substr(lastPos));
671 |         }
672 |         else
673 |         {
674 |             formString += orgString.substr(lastPos);
675 |         }
676 |         
677 |         return formString;
678 |     };
679 |     
680 |     this.addOpt = function(pos, opt)
681 |     {
682 |         if(!options[pos])
683 |         {
684 |             options[pos] = [];
685 |         }
686 |         
687 |         options[pos].push(opt);
688 |     };
689 |     this.getOpts = function()
690 |     {
691 |         return options;
692 |     };
693 |     this.getOrgText = function()
694 |     {
695 |         return orgString;
696 |     };
697 |     this.getFormText = function(encodeString)
698 |     {
699 |         return parse(encodeString);
700 |     };
701 | };
702 | 
703 | var encode = function(txt)
704 | {
705 |     return txt.replace(/[\x26\x0A\x3c\x3e\x22\x27]/g, function(txt) 
706 |     {
707 |         return "&#" + txt.charCodeAt(0) + ";";
708 |     });
709 | };
710 | 


--------------------------------------------------------------------------------
/thecmdchallenge/boringfolder/dropzone.js:
--------------------------------------------------------------------------------
   1 | 
   2 | /*
   3 |  *
   4 |  * More info at [www.dropzonejs.com](http://www.dropzonejs.com)
   5 |  *
   6 |  * Copyright (c) 2012, Matias Meno
   7 |  *
   8 |  * Permission is hereby granted, free of charge, to any person obtaining a copy
   9 |  * of this software and associated documentation files (the "Software"), to deal
  10 |  * in the Software without restriction, including without limitation the rights
  11 |  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  12 |  * copies of the Software, and to permit persons to whom the Software is
  13 |  * furnished to do so, subject to the following conditions:
  14 |  *
  15 |  * The above copyright notice and this permission notice shall be included in
  16 |  * all copies or substantial portions of the Software.
  17 |  *
  18 |  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  19 |  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  20 |  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  21 |  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  22 |  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  23 |  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  24 |  * THE SOFTWARE.
  25 |  *
  26 |  */
  27 | 
  28 | (function() {
  29 |   var Dropzone, Emitter, camelize, contentLoaded, detectVerticalSquash, drawImageIOSFix, noop, without,
  30 |     __slice = [].slice,
  31 |     __hasProp = {}.hasOwnProperty,
  32 |     __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
  33 | 
  34 |   noop = function() {};
  35 | 
  36 |   Emitter = (function() {
  37 |     function Emitter() {}
  38 | 
  39 |     Emitter.prototype.addEventListener = Emitter.prototype.on;
  40 | 
  41 |     Emitter.prototype.on = function(event, fn) {
  42 |       this._callbacks = this._callbacks || {};
  43 |       if (!this._callbacks[event]) {
  44 |         this._callbacks[event] = [];
  45 |       }
  46 |       this._callbacks[event].push(fn);
  47 |       return this;
  48 |     };
  49 | 
  50 |     Emitter.prototype.emit = function() {
  51 |       var args, callback, callbacks, event, _i, _len;
  52 |       event = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
  53 |       this._callbacks = this._callbacks || {};
  54 |       callbacks = this._callbacks[event];
  55 |       if (callbacks) {
  56 |         for (_i = 0, _len = callbacks.length; _i < _len; _i++) {
  57 |           callback = callbacks[_i];
  58 |           callback.apply(this, args);
  59 |         }
  60 |       }
  61 |       return this;
  62 |     };
  63 | 
  64 |     Emitter.prototype.removeListener = Emitter.prototype.off;
  65 | 
  66 |     Emitter.prototype.removeAllListeners = Emitter.prototype.off;
  67 | 
  68 |     Emitter.prototype.removeEventListener = Emitter.prototype.off;
  69 | 
  70 |     Emitter.prototype.off = function(event, fn) {
  71 |       var callback, callbacks, i, _i, _len;
  72 |       if (!this._callbacks || arguments.length === 0) {
  73 |         this._callbacks = {};
  74 |         return this;
  75 |       }
  76 |       callbacks = this._callbacks[event];
  77 |       if (!callbacks) {
  78 |         return this;
  79 |       }
  80 |       if (arguments.length === 1) {
  81 |         delete this._callbacks[event];
  82 |         return this;
  83 |       }
  84 |       for (i = _i = 0, _len = callbacks.length; _i < _len; i = ++_i) {
  85 |         callback = callbacks[i];
  86 |         if (callback === fn) {
  87 |           callbacks.splice(i, 1);
  88 |           break;
  89 |         }
  90 |       }
  91 |       return this;
  92 |     };
  93 | 
  94 |     return Emitter;
  95 | 
  96 |   })();
  97 | 
  98 |   Dropzone = (function(_super) {
  99 |     var extend, resolveOption;
 100 | 
 101 |     __extends(Dropzone, _super);
 102 | 
 103 |     Dropzone.prototype.Emitter = Emitter;
 104 | 
 105 | 
 106 |     /*
 107 |     This is a list of all available events you can register on a dropzone object.
 108 |     
 109 |     You can register an event handler like this:
 110 |     
 111 |         dropzone.on("dragEnter", function() { });
 112 |      */
 113 | 
 114 |     Dropzone.prototype.events = ["drop", "dragstart", "dragend", "dragenter", "dragover", "dragleave", "addedfile", "addedfiles", "removedfile", "thumbnail", "error", "errormultiple", "processing", "processingmultiple", "uploadprogress", "totaluploadprogress", "sending", "sendingmultiple", "success", "successmultiple", "canceled", "canceledmultiple", "complete", "completemultiple", "reset", "maxfilesexceeded", "maxfilesreached", "queuecomplete"];
 115 | 
 116 |     Dropzone.prototype.defaultOptions = {
 117 |       url: null,
 118 |       method: "post",
 119 |       withCredentials: false,
 120 |       parallelUploads: 2,
 121 |       uploadMultiple: false,
 122 |       maxFilesize: 256,
 123 |       paramName: "file",
 124 |       createImageThumbnails: true,
 125 |       maxThumbnailFilesize: 10,
 126 |       thumbnailWidth: 120,
 127 |       thumbnailHeight: 120,
 128 |       filesizeBase: 1000,
 129 |       maxFiles: null,
 130 |       params: {},
 131 |       clickable: true,
 132 |       ignoreHiddenFiles: true,
 133 |       acceptedFiles: null,
 134 |       acceptedMimeTypes: null,
 135 |       autoProcessQueue: true,
 136 |       autoQueue: true,
 137 |       addRemoveLinks: false,
 138 |       previewsContainer: null,
 139 |       hiddenInputContainer: "body",
 140 |       capture: null,
 141 |       renameFilename: null,
 142 |       dictDefaultMessage: "Drop files here to upload",
 143 |       dictFallbackMessage: "Your browser does not support drag'n'drop file uploads.",
 144 |       dictFallbackText: "Please use the fallback form below to upload your files like in the olden days.",
 145 |       dictFileTooBig: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
 146 |       dictInvalidFileType: "You can't upload files of this type.",
 147 |       dictResponseError: "Server responded with {{statusCode}} code.",
 148 |       dictCancelUpload: "Cancel upload",
 149 |       dictCancelUploadConfirmation: "Are you sure you want to cancel this upload?",
 150 |       dictRemoveFile: "Remove file",
 151 |       dictRemoveFileConfirmation: null,
 152 |       dictMaxFilesExceeded: "You can not upload any more files.",
 153 |       accept: function(file, done) {
 154 |         return done();
 155 |       },
 156 |       init: function() {
 157 |         return noop;
 158 |       },
 159 |       forceFallback: false,
 160 |       fallback: function() {
 161 |         var child, messageElement, span, _i, _len, _ref;
 162 |         this.element.className = "" + this.element.className + " dz-browser-not-supported";
 163 |         _ref = this.element.getElementsByTagName("div");
 164 |         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 165 |           child = _ref[_i];
 166 |           if (/(^| )dz-message($| )/.test(child.className)) {
 167 |             messageElement = child;
 168 |             child.className = "dz-message";
 169 |             continue;
 170 |           }
 171 |         }
 172 |         if (!messageElement) {
 173 |           messageElement = Dropzone.createElement("<div class=\"dz-message\"><span></span></div>");
 174 |           this.element.appendChild(messageElement);
 175 |         }
 176 |         span = messageElement.getElementsByTagName("span")[0];
 177 |         if (span) {
 178 |           if (span.textContent != null) {
 179 |             span.textContent = this.options.dictFallbackMessage;
 180 |           } else if (span.innerText != null) {
 181 |             span.innerText = this.options.dictFallbackMessage;
 182 |           }
 183 |         }
 184 |         return this.element.appendChild(this.getFallbackForm());
 185 |       },
 186 |       resize: function(file) {
 187 |         var info, srcRatio, trgRatio;
 188 |         info = {
 189 |           srcX: 0,
 190 |           srcY: 0,
 191 |           srcWidth: file.width,
 192 |           srcHeight: file.height
 193 |         };
 194 |         srcRatio = file.width / file.height;
 195 |         info.optWidth = this.options.thumbnailWidth;
 196 |         info.optHeight = this.options.thumbnailHeight;
 197 |         if ((info.optWidth == null) && (info.optHeight == null)) {
 198 |           info.optWidth = info.srcWidth;
 199 |           info.optHeight = info.srcHeight;
 200 |         } else if (info.optWidth == null) {
 201 |           info.optWidth = srcRatio * info.optHeight;
 202 |         } else if (info.optHeight == null) {
 203 |           info.optHeight = (1 / srcRatio) * info.optWidth;
 204 |         }
 205 |         trgRatio = info.optWidth / info.optHeight;
 206 |         if (file.height < info.optHeight || file.width < info.optWidth) {
 207 |           info.trgHeight = info.srcHeight;
 208 |           info.trgWidth = info.srcWidth;
 209 |         } else {
 210 |           if (srcRatio > trgRatio) {
 211 |             info.srcHeight = file.height;
 212 |             info.srcWidth = info.srcHeight * trgRatio;
 213 |           } else {
 214 |             info.srcWidth = file.width;
 215 |             info.srcHeight = info.srcWidth / trgRatio;
 216 |           }
 217 |         }
 218 |         info.srcX = (file.width - info.srcWidth) / 2;
 219 |         info.srcY = (file.height - info.srcHeight) / 2;
 220 |         return info;
 221 |       },
 222 | 
 223 |       /*
 224 |       Those functions register themselves to the events on init and handle all
 225 |       the user interface specific stuff. Overwriting them won't break the upload
 226 |       but can break the way it's displayed.
 227 |       You can overwrite them if you don't like the default behavior. If you just
 228 |       want to add an additional event handler, register it on the dropzone object
 229 |       and don't overwrite those options.
 230 |        */
 231 |       drop: function(e) {
 232 |         return this.element.classList.remove("dz-drag-hover");
 233 |       },
 234 |       dragstart: noop,
 235 |       dragend: function(e) {
 236 |         return this.element.classList.remove("dz-drag-hover");
 237 |       },
 238 |       dragenter: function(e) {
 239 |         return this.element.classList.add("dz-drag-hover");
 240 |       },
 241 |       dragover: function(e) {
 242 |         return this.element.classList.add("dz-drag-hover");
 243 |       },
 244 |       dragleave: function(e) {
 245 |         return this.element.classList.remove("dz-drag-hover");
 246 |       },
 247 |       paste: noop,
 248 |       reset: function() {
 249 |         return this.element.classList.remove("dz-started");
 250 |       },
 251 |       addedfile: function(file) {
 252 |         var node, removeFileEvent, removeLink, _i, _j, _k, _len, _len1, _len2, _ref, _ref1, _ref2, _results;
 253 |         if (this.element === this.previewsContainer) {
 254 |           this.element.classList.add("dz-started");
 255 |         }
 256 |         if (this.previewsContainer) {
 257 |           file.previewElement = Dropzone.createElement(this.options.previewTemplate.trim());
 258 |           file.previewTemplate = file.previewElement;
 259 |           this.previewsContainer.appendChild(file.previewElement);
 260 |           _ref = file.previewElement.querySelectorAll("[data-dz-name]");
 261 |           for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 262 |             node = _ref[_i];
 263 |             node.textContent = this._renameFilename(file.name);
 264 |           }
 265 |           _ref1 = file.previewElement.querySelectorAll("[data-dz-size]");
 266 |           for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
 267 |             node = _ref1[_j];
 268 |             node.innerHTML = this.filesize(file.size);
 269 |           }
 270 |           if (this.options.addRemoveLinks) {
 271 |             file._removeLink = Dropzone.createElement("<a class=\"dz-remove\" href=\"javascript:undefined;\" data-dz-remove>" + this.options.dictRemoveFile + "</a>");
 272 |             file.previewElement.appendChild(file._removeLink);
 273 |           }
 274 |           removeFileEvent = (function(_this) {
 275 |             return function(e) {
 276 |               e.preventDefault();
 277 |               e.stopPropagation();
 278 |               if (file.status === Dropzone.UPLOADING) {
 279 |                 return Dropzone.confirm(_this.options.dictCancelUploadConfirmation, function() {
 280 |                   return _this.removeFile(file);
 281 |                 });
 282 |               } else {
 283 |                 if (_this.options.dictRemoveFileConfirmation) {
 284 |                   return Dropzone.confirm(_this.options.dictRemoveFileConfirmation, function() {
 285 |                     return _this.removeFile(file);
 286 |                   });
 287 |                 } else {
 288 |                   return _this.removeFile(file);
 289 |                 }
 290 |               }
 291 |             };
 292 |           })(this);
 293 |           _ref2 = file.previewElement.querySelectorAll("[data-dz-remove]");
 294 |           _results = [];
 295 |           for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {
 296 |             removeLink = _ref2[_k];
 297 |             _results.push(removeLink.addEventListener("click", removeFileEvent));
 298 |           }
 299 |           return _results;
 300 |         }
 301 |       },
 302 |       removedfile: function(file) {
 303 |         var _ref;
 304 |         if (file.previewElement) {
 305 |           if ((_ref = file.previewElement) != null) {
 306 |             _ref.parentNode.removeChild(file.previewElement);
 307 |           }
 308 |         }
 309 |         return this._updateMaxFilesReachedClass();
 310 |       },
 311 |       thumbnail: function(file, dataUrl) {
 312 |         var thumbnailElement, _i, _len, _ref;
 313 |         if (file.previewElement) {
 314 |           file.previewElement.classList.remove("dz-file-preview");
 315 |           _ref = file.previewElement.querySelectorAll("[data-dz-thumbnail]");
 316 |           for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 317 |             thumbnailElement = _ref[_i];
 318 |             thumbnailElement.alt = file.name;
 319 |             thumbnailElement.src = dataUrl;
 320 |           }
 321 |           return setTimeout(((function(_this) {
 322 |             return function() {
 323 |               return file.previewElement.classList.add("dz-image-preview");
 324 |             };
 325 |           })(this)), 1);
 326 |         }
 327 |       },
 328 |       error: function(file, message) {
 329 |         var node, _i, _len, _ref, _results;
 330 |         if (file.previewElement) {
 331 |           file.previewElement.classList.add("dz-error");
 332 |           if (typeof message !== "String" && message.error) {
 333 |             message = message.error;
 334 |           }
 335 |           _ref = file.previewElement.querySelectorAll("[data-dz-errormessage]");
 336 |           _results = [];
 337 |           for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 338 |             node = _ref[_i];
 339 |             _results.push(node.textContent = message);
 340 |           }
 341 |           return _results;
 342 |         }
 343 |       },
 344 |       errormultiple: noop,
 345 |       processing: function(file) {
 346 |         if (file.previewElement) {
 347 |           file.previewElement.classList.add("dz-processing");
 348 |           if (file._removeLink) {
 349 |             return file._removeLink.textContent = this.options.dictCancelUpload;
 350 |           }
 351 |         }
 352 |       },
 353 |       processingmultiple: noop,
 354 |       uploadprogress: function(file, progress, bytesSent) {
 355 |         var node, _i, _len, _ref, _results;
 356 |         if (file.previewElement) {
 357 |           _ref = file.previewElement.querySelectorAll("[data-dz-uploadprogress]");
 358 |           _results = [];
 359 |           for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 360 |             node = _ref[_i];
 361 |             if (node.nodeName === 'PROGRESS') {
 362 |               _results.push(node.value = progress);
 363 |             } else {
 364 |               _results.push(node.style.width = "" + progress + "%");
 365 |             }
 366 |           }
 367 |           return _results;
 368 |         }
 369 |       },
 370 |       totaluploadprogress: noop,
 371 |       sending: noop,
 372 |       sendingmultiple: noop,
 373 |       success: function(file) {
 374 |         if (file.previewElement) {
 375 |           return file.previewElement.classList.add("dz-success");
 376 |         }
 377 |       },
 378 |       successmultiple: noop,
 379 |       canceled: function(file) {
 380 |         return this.emit("error", file, "Upload canceled.");
 381 |       },
 382 |       canceledmultiple: noop,
 383 |       complete: function(file) {
 384 |         if (file._removeLink) {
 385 |           file._removeLink.textContent = this.options.dictRemoveFile;
 386 |         }
 387 |         if (file.previewElement) {
 388 |           return file.previewElement.classList.add("dz-complete");
 389 |         }
 390 |       },
 391 |       completemultiple: noop,
 392 |       maxfilesexceeded: noop,
 393 |       maxfilesreached: noop,
 394 |       queuecomplete: noop,
 395 |       addedfiles: noop,
 396 |       previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n  <div class=\"dz-image\"><img data-dz-thumbnail /></div>\n  <div class=\"dz-details\">\n    <div class=\"dz-size\"><span data-dz-size></span></div>\n    <div class=\"dz-filename\"><span data-dz-name></span></div>\n  </div>\n  <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>\n  <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n  <div class=\"dz-success-mark\">\n    <svg width=\"54px\" height=\"54px\" viewBox=\"0 0 54 54\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:sketch=\"http://www.bohemiancoding.com/sketch/ns\">\n      <title>Check</title>\n      <defs></defs>\n      <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" sketch:type=\"MSPage\">\n        <path d=\"M23.5,31.8431458 L17.5852419,25.9283877 C16.0248253,24.3679711 13.4910294,24.366835 11.9289322,25.9289322 C10.3700136,27.4878508 10.3665912,30.0234455 11.9283877,31.5852419 L20.4147581,40.0716123 C20.5133999,40.1702541 20.6159315,40.2626649 20.7218615,40.3488435 C22.2835669,41.8725651 24.794234,41.8626202 26.3461564,40.3106978 L43.3106978,23.3461564 C44.8771021,21.7797521 44.8758057,19.2483887 43.3137085,17.6862915 C41.7547899,16.1273729 39.2176035,16.1255422 37.6538436,17.6893022 L23.5,31.8431458 Z M27,53 C41.3594035,53 53,41.3594035 53,27 C53,12.6405965 41.3594035,1 27,1 C12.6405965,1 1,12.6405965 1,27 C1,41.3594035 12.6405965,53 27,53 Z\" id=\"Oval-2\" stroke-opacity=\"0.198794158\" stroke=\"#747474\" fill-opacity=\"0.816519475\" fill=\"#FFFFFF\" sketch:type=\"MSShapeGroup\"></path>\n      </g>\n    </svg>\n  </div>\n  <div class=\"dz-error-mark\">\n    <svg width=\"54px\" height=\"54px\" viewBox=\"0 0 54 54\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:sketch=\"http://www.bohemiancoding.com/sketch/ns\">\n      <title>Error</title>\n      <defs></defs>\n      <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" sketch:type=\"MSPage\">\n        <g id=\"Check-+-Oval-2\" sketch:type=\"MSLayerGroup\" stroke=\"#747474\" stroke-opacity=\"0.198794158\" fill=\"#FFFFFF\" fill-opacity=\"0.816519475\">\n          <path d=\"M32.6568542,29 L38.3106978,23.3461564 C39.8771021,21.7797521 39.8758057,19.2483887 38.3137085,17.6862915 C36.7547899,16.1273729 34.2176035,16.1255422 32.6538436,17.6893022 L27,23.3431458 L21.3461564,17.6893022 C19.7823965,16.1255422 17.2452101,16.1273729 15.6862915,17.6862915 C14.1241943,19.2483887 14.1228979,21.7797521 15.6893022,23.3461564 L21.3431458,29 L15.6893022,34.6538436 C14.1228979,36.2202479 14.1241943,38.7516113 15.6862915,40.3137085 C17.2452101,41.8726271 19.7823965,41.8744578 21.3461564,40.3106978 L27,34.6568542 L32.6538436,40.3106978 C34.2176035,41.8744578 36.7547899,41.8726271 38.3137085,40.3137085 C39.8758057,38.7516113 39.8771021,36.2202479 38.3106978,34.6538436 L32.6568542,29 Z M27,53 C41.3594035,53 53,41.3594035 53,27 C53,12.6405965 41.3594035,1 27,1 C12.6405965,1 1,12.6405965 1,27 C1,41.3594035 12.6405965,53 27,53 Z\" id=\"Oval-2\" sketch:type=\"MSShapeGroup\"></path>\n        </g>\n      </g>\n    </svg>\n  </div>\n</div>"
 397 |     };
 398 | 
 399 |     extend = function() {
 400 |       var key, object, objects, target, val, _i, _len;
 401 |       target = arguments[0], objects = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
 402 |       for (_i = 0, _len = objects.length; _i < _len; _i++) {
 403 |         object = objects[_i];
 404 |         for (key in object) {
 405 |           val = object[key];
 406 |           target[key] = val;
 407 |         }
 408 |       }
 409 |       return target;
 410 |     };
 411 | 
 412 |     function Dropzone(element, options) {
 413 |       var elementOptions, fallback, _ref;
 414 |       this.element = element;
 415 |       this.version = Dropzone.version;
 416 |       this.defaultOptions.previewTemplate = this.defaultOptions.previewTemplate.replace(/\n*/g, "");
 417 |       this.clickableElements = [];
 418 |       this.listeners = [];
 419 |       this.files = [];
 420 |       if (typeof this.element === "string") {
 421 |         this.element = document.querySelector(this.element);
 422 |       }
 423 |       if (!(this.element && (this.element.nodeType != null))) {
 424 |         throw new Error("Invalid dropzone element.");
 425 |       }
 426 |       if (this.element.dropzone) {
 427 |         throw new Error("Dropzone already attached.");
 428 |       }
 429 |       Dropzone.instances.push(this);
 430 |       this.element.dropzone = this;
 431 |       elementOptions = (_ref = Dropzone.optionsForElement(this.element)) != null ? _ref : {};
 432 |       this.options = extend({}, this.defaultOptions, elementOptions, options != null ? options : {});
 433 |       if (this.options.forceFallback || !Dropzone.isBrowserSupported()) {
 434 |         return this.options.fallback.call(this);
 435 |       }
 436 |       if (this.options.url == null) {
 437 |         this.options.url = this.element.getAttribute("action");
 438 |       }
 439 |       if (!this.options.url) {
 440 |         throw new Error("No URL provided.");
 441 |       }
 442 |       if (this.options.acceptedFiles && this.options.acceptedMimeTypes) {
 443 |         throw new Error("You can't provide both 'acceptedFiles' and 'acceptedMimeTypes'. 'acceptedMimeTypes' is deprecated.");
 444 |       }
 445 |       if (this.options.acceptedMimeTypes) {
 446 |         this.options.acceptedFiles = this.options.acceptedMimeTypes;
 447 |         delete this.options.acceptedMimeTypes;
 448 |       }
 449 |       this.options.method = this.options.method.toUpperCase();
 450 |       if ((fallback = this.getExistingFallback()) && fallback.parentNode) {
 451 |         fallback.parentNode.removeChild(fallback);
 452 |       }
 453 |       if (this.options.previewsContainer !== false) {
 454 |         if (this.options.previewsContainer) {
 455 |           this.previewsContainer = Dropzone.getElement(this.options.previewsContainer, "previewsContainer");
 456 |         } else {
 457 |           this.previewsContainer = this.element;
 458 |         }
 459 |       }
 460 |       if (this.options.clickable) {
 461 |         if (this.options.clickable === true) {
 462 |           this.clickableElements = [this.element];
 463 |         } else {
 464 |           this.clickableElements = Dropzone.getElements(this.options.clickable, "clickable");
 465 |         }
 466 |       }
 467 |       this.init();
 468 |     }
 469 | 
 470 |     Dropzone.prototype.getAcceptedFiles = function() {
 471 |       var file, _i, _len, _ref, _results;
 472 |       _ref = this.files;
 473 |       _results = [];
 474 |       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 475 |         file = _ref[_i];
 476 |         if (file.accepted) {
 477 |           _results.push(file);
 478 |         }
 479 |       }
 480 |       return _results;
 481 |     };
 482 | 
 483 |     Dropzone.prototype.getRejectedFiles = function() {
 484 |       var file, _i, _len, _ref, _results;
 485 |       _ref = this.files;
 486 |       _results = [];
 487 |       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 488 |         file = _ref[_i];
 489 |         if (!file.accepted) {
 490 |           _results.push(file);
 491 |         }
 492 |       }
 493 |       return _results;
 494 |     };
 495 | 
 496 |     Dropzone.prototype.getFilesWithStatus = function(status) {
 497 |       var file, _i, _len, _ref, _results;
 498 |       _ref = this.files;
 499 |       _results = [];
 500 |       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 501 |         file = _ref[_i];
 502 |         if (file.status === status) {
 503 |           _results.push(file);
 504 |         }
 505 |       }
 506 |       return _results;
 507 |     };
 508 | 
 509 |     Dropzone.prototype.getQueuedFiles = function() {
 510 |       return this.getFilesWithStatus(Dropzone.QUEUED);
 511 |     };
 512 | 
 513 |     Dropzone.prototype.getUploadingFiles = function() {
 514 |       return this.getFilesWithStatus(Dropzone.UPLOADING);
 515 |     };
 516 | 
 517 |     Dropzone.prototype.getAddedFiles = function() {
 518 |       return this.getFilesWithStatus(Dropzone.ADDED);
 519 |     };
 520 | 
 521 |     Dropzone.prototype.getActiveFiles = function() {
 522 |       var file, _i, _len, _ref, _results;
 523 |       _ref = this.files;
 524 |       _results = [];
 525 |       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 526 |         file = _ref[_i];
 527 |         if (file.status === Dropzone.UPLOADING || file.status === Dropzone.QUEUED) {
 528 |           _results.push(file);
 529 |         }
 530 |       }
 531 |       return _results;
 532 |     };
 533 | 
 534 |     Dropzone.prototype.init = function() {
 535 |       var eventName, noPropagation, setupHiddenFileInput, _i, _len, _ref, _ref1;
 536 |       if (this.element.tagName === "form") {
 537 |         this.element.setAttribute("enctype", "multipart/form-data");
 538 |       }
 539 |       if (this.element.classList.contains("dropzone") && !this.element.querySelector(".dz-message")) {
 540 |         this.element.appendChild(Dropzone.createElement("<div class=\"dz-default dz-message\"><span>" + this.options.dictDefaultMessage + "</span></div>"));
 541 |       }
 542 |       if (this.clickableElements.length) {
 543 |         setupHiddenFileInput = (function(_this) {
 544 |           return function() {
 545 |             if (_this.hiddenFileInput) {
 546 |               _this.hiddenFileInput.parentNode.removeChild(_this.hiddenFileInput);
 547 |             }
 548 |             _this.hiddenFileInput = document.createElement("input");
 549 |             _this.hiddenFileInput.setAttribute("type", "file");
 550 |             if ((_this.options.maxFiles == null) || _this.options.maxFiles > 1) {
 551 |               _this.hiddenFileInput.setAttribute("multiple", "multiple");
 552 |             }
 553 |             _this.hiddenFileInput.className = "dz-hidden-input";
 554 |             if (_this.options.acceptedFiles != null) {
 555 |               _this.hiddenFileInput.setAttribute("accept", _this.options.acceptedFiles);
 556 |             }
 557 |             if (_this.options.capture != null) {
 558 |               _this.hiddenFileInput.setAttribute("capture", _this.options.capture);
 559 |             }
 560 |             _this.hiddenFileInput.style.visibility = "hidden";
 561 |             _this.hiddenFileInput.style.position = "absolute";
 562 |             _this.hiddenFileInput.style.top = "0";
 563 |             _this.hiddenFileInput.style.left = "0";
 564 |             _this.hiddenFileInput.style.height = "0";
 565 |             _this.hiddenFileInput.style.width = "0";
 566 |             document.querySelector(_this.options.hiddenInputContainer).appendChild(_this.hiddenFileInput);
 567 |             return _this.hiddenFileInput.addEventListener("change", function() {
 568 |               var file, files, _i, _len;
 569 |               files = _this.hiddenFileInput.files;
 570 |               if (files.length) {
 571 |                 for (_i = 0, _len = files.length; _i < _len; _i++) {
 572 |                   file = files[_i];
 573 |                   _this.addFile(file);
 574 |                 }
 575 |               }
 576 |               _this.emit("addedfiles", files);
 577 |               return setupHiddenFileInput();
 578 |             });
 579 |           };
 580 |         })(this);
 581 |         setupHiddenFileInput();
 582 |       }
 583 |       this.URL = (_ref = window.URL) != null ? _ref : window.webkitURL;
 584 |       _ref1 = this.events;
 585 |       for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
 586 |         eventName = _ref1[_i];
 587 |         this.on(eventName, this.options[eventName]);
 588 |       }
 589 |       this.on("uploadprogress", (function(_this) {
 590 |         return function() {
 591 |           return _this.updateTotalUploadProgress();
 592 |         };
 593 |       })(this));
 594 |       this.on("removedfile", (function(_this) {
 595 |         return function() {
 596 |           return _this.updateTotalUploadProgress();
 597 |         };
 598 |       })(this));
 599 |       this.on("canceled", (function(_this) {
 600 |         return function(file) {
 601 |           return _this.emit("complete", file);
 602 |         };
 603 |       })(this));
 604 |       this.on("complete", (function(_this) {
 605 |         return function(file) {
 606 |           if (_this.getAddedFiles().length === 0 && _this.getUploadingFiles().length === 0 && _this.getQueuedFiles().length === 0) {
 607 |             return setTimeout((function() {
 608 |               return _this.emit("queuecomplete");
 609 |             }), 0);
 610 |           }
 611 |         };
 612 |       })(this));
 613 |       noPropagation = function(e) {
 614 |         e.stopPropagation();
 615 |         if (e.preventDefault) {
 616 |           return e.preventDefault();
 617 |         } else {
 618 |           return e.returnValue = false;
 619 |         }
 620 |       };
 621 |       this.listeners = [
 622 |         {
 623 |           element: this.element,
 624 |           events: {
 625 |             "dragstart": (function(_this) {
 626 |               return function(e) {
 627 |                 return _this.emit("dragstart", e);
 628 |               };
 629 |             })(this),
 630 |             "dragenter": (function(_this) {
 631 |               return function(e) {
 632 |                 noPropagation(e);
 633 |                 return _this.emit("dragenter", e);
 634 |               };
 635 |             })(this),
 636 |             "dragover": (function(_this) {
 637 |               return function(e) {
 638 |                 var efct;
 639 |                 try {
 640 |                   efct = e.dataTransfer.effectAllowed;
 641 |                 } catch (_error) {}
 642 |                 e.dataTransfer.dropEffect = 'move' === efct || 'linkMove' === efct ? 'move' : 'copy';
 643 |                 noPropagation(e);
 644 |                 return _this.emit("dragover", e);
 645 |               };
 646 |             })(this),
 647 |             "dragleave": (function(_this) {
 648 |               return function(e) {
 649 |                 return _this.emit("dragleave", e);
 650 |               };
 651 |             })(this),
 652 |             "drop": (function(_this) {
 653 |               return function(e) {
 654 |                 noPropagation(e);
 655 |                 return _this.drop(e);
 656 |               };
 657 |             })(this),
 658 |             "dragend": (function(_this) {
 659 |               return function(e) {
 660 |                 return _this.emit("dragend", e);
 661 |               };
 662 |             })(this)
 663 |           }
 664 |         }
 665 |       ];
 666 |       this.clickableElements.forEach((function(_this) {
 667 |         return function(clickableElement) {
 668 |           return _this.listeners.push({
 669 |             element: clickableElement,
 670 |             events: {
 671 |               "click": function(evt) {
 672 |                 if ((clickableElement !== _this.element) || (evt.target === _this.element || Dropzone.elementInside(evt.target, _this.element.querySelector(".dz-message")))) {
 673 |                   _this.hiddenFileInput.click();
 674 |                 }
 675 |                 return true;
 676 |               }
 677 |             }
 678 |           });
 679 |         };
 680 |       })(this));
 681 |       this.enable();
 682 |       return this.options.init.call(this);
 683 |     };
 684 | 
 685 |     Dropzone.prototype.destroy = function() {
 686 |       var _ref;
 687 |       this.disable();
 688 |       this.removeAllFiles(true);
 689 |       if ((_ref = this.hiddenFileInput) != null ? _ref.parentNode : void 0) {
 690 |         this.hiddenFileInput.parentNode.removeChild(this.hiddenFileInput);
 691 |         this.hiddenFileInput = null;
 692 |       }
 693 |       delete this.element.dropzone;
 694 |       return Dropzone.instances.splice(Dropzone.instances.indexOf(this), 1);
 695 |     };
 696 | 
 697 |     Dropzone.prototype.updateTotalUploadProgress = function() {
 698 |       var activeFiles, file, totalBytes, totalBytesSent, totalUploadProgress, _i, _len, _ref;
 699 |       totalBytesSent = 0;
 700 |       totalBytes = 0;
 701 |       activeFiles = this.getActiveFiles();
 702 |       if (activeFiles.length) {
 703 |         _ref = this.getActiveFiles();
 704 |         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 705 |           file = _ref[_i];
 706 |           totalBytesSent += file.upload.bytesSent;
 707 |           totalBytes += file.upload.total;
 708 |         }
 709 |         totalUploadProgress = 100 * totalBytesSent / totalBytes;
 710 |       } else {
 711 |         totalUploadProgress = 100;
 712 |       }
 713 |       return this.emit("totaluploadprogress", totalUploadProgress, totalBytes, totalBytesSent);
 714 |     };
 715 | 
 716 |     Dropzone.prototype._getParamName = function(n) {
 717 |       if (typeof this.options.paramName === "function") {
 718 |         return this.options.paramName(n);
 719 |       } else {
 720 |         return "" + this.options.paramName + (this.options.uploadMultiple ? "[" + n + "]" : "");
 721 |       }
 722 |     };
 723 | 
 724 |     Dropzone.prototype._renameFilename = function(name) {
 725 |       if (typeof this.options.renameFilename !== "function") {
 726 |         return name;
 727 |       }
 728 |       return this.options.renameFilename(name);
 729 |     };
 730 | 
 731 |     Dropzone.prototype.getFallbackForm = function() {
 732 |       var existingFallback, fields, fieldsString, form;
 733 |       if (existingFallback = this.getExistingFallback()) {
 734 |         return existingFallback;
 735 |       }
 736 |       fieldsString = "<div class=\"dz-fallback\">";
 737 |       if (this.options.dictFallbackText) {
 738 |         fieldsString += "<p>" + this.options.dictFallbackText + "</p>";
 739 |       }
 740 |       fieldsString += "<input type=\"file\" name=\"" + (this._getParamName(0)) + "\" " + (this.options.uploadMultiple ? 'multiple="multiple"' : void 0) + " /><input type=\"submit\" value=\"Upload!\"></div>";
 741 |       fields = Dropzone.createElement(fieldsString);
 742 |       if (this.element.tagName !== "FORM") {
 743 |         form = Dropzone.createElement("<form action=\"" + this.options.url + "\" enctype=\"multipart/form-data\" method=\"" + this.options.method + "\"></form>");
 744 |         form.appendChild(fields);
 745 |       } else {
 746 |         this.element.setAttribute("enctype", "multipart/form-data");
 747 |         this.element.setAttribute("method", this.options.method);
 748 |       }
 749 |       return form != null ? form : fields;
 750 |     };
 751 | 
 752 |     Dropzone.prototype.getExistingFallback = function() {
 753 |       var fallback, getFallback, tagName, _i, _len, _ref;
 754 |       getFallback = function(elements) {
 755 |         var el, _i, _len;
 756 |         for (_i = 0, _len = elements.length; _i < _len; _i++) {
 757 |           el = elements[_i];
 758 |           if (/(^| )fallback($| )/.test(el.className)) {
 759 |             return el;
 760 |           }
 761 |         }
 762 |       };
 763 |       _ref = ["div", "form"];
 764 |       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 765 |         tagName = _ref[_i];
 766 |         if (fallback = getFallback(this.element.getElementsByTagName(tagName))) {
 767 |           return fallback;
 768 |         }
 769 |       }
 770 |     };
 771 | 
 772 |     Dropzone.prototype.setupEventListeners = function() {
 773 |       var elementListeners, event, listener, _i, _len, _ref, _results;
 774 |       _ref = this.listeners;
 775 |       _results = [];
 776 |       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 777 |         elementListeners = _ref[_i];
 778 |         _results.push((function() {
 779 |           var _ref1, _results1;
 780 |           _ref1 = elementListeners.events;
 781 |           _results1 = [];
 782 |           for (event in _ref1) {
 783 |             listener = _ref1[event];
 784 |             _results1.push(elementListeners.element.addEventListener(event, listener, false));
 785 |           }
 786 |           return _results1;
 787 |         })());
 788 |       }
 789 |       return _results;
 790 |     };
 791 | 
 792 |     Dropzone.prototype.removeEventListeners = function() {
 793 |       var elementListeners, event, listener, _i, _len, _ref, _results;
 794 |       _ref = this.listeners;
 795 |       _results = [];
 796 |       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 797 |         elementListeners = _ref[_i];
 798 |         _results.push((function() {
 799 |           var _ref1, _results1;
 800 |           _ref1 = elementListeners.events;
 801 |           _results1 = [];
 802 |           for (event in _ref1) {
 803 |             listener = _ref1[event];
 804 |             _results1.push(elementListeners.element.removeEventListener(event, listener, false));
 805 |           }
 806 |           return _results1;
 807 |         })());
 808 |       }
 809 |       return _results;
 810 |     };
 811 | 
 812 |     Dropzone.prototype.disable = function() {
 813 |       var file, _i, _len, _ref, _results;
 814 |       this.clickableElements.forEach(function(element) {
 815 |         return element.classList.remove("dz-clickable");
 816 |       });
 817 |       this.removeEventListeners();
 818 |       _ref = this.files;
 819 |       _results = [];
 820 |       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 821 |         file = _ref[_i];
 822 |         _results.push(this.cancelUpload(file));
 823 |       }
 824 |       return _results;
 825 |     };
 826 | 
 827 |     Dropzone.prototype.enable = function() {
 828 |       this.clickableElements.forEach(function(element) {
 829 |         return element.classList.add("dz-clickable");
 830 |       });
 831 |       return this.setupEventListeners();
 832 |     };
 833 | 
 834 |     Dropzone.prototype.filesize = function(size) {
 835 |       var cutoff, i, selectedSize, selectedUnit, unit, units, _i, _len;
 836 |       selectedSize = 0;
 837 |       selectedUnit = "b";
 838 |       if (size > 0) {
 839 |         units = ['TB', 'GB', 'MB', 'KB', 'b'];
 840 |         for (i = _i = 0, _len = units.length; _i < _len; i = ++_i) {
 841 |           unit = units[i];
 842 |           cutoff = Math.pow(this.options.filesizeBase, 4 - i) / 10;
 843 |           if (size >= cutoff) {
 844 |             selectedSize = size / Math.pow(this.options.filesizeBase, 4 - i);
 845 |             selectedUnit = unit;
 846 |             break;
 847 |           }
 848 |         }
 849 |         selectedSize = Math.round(10 * selectedSize) / 10;
 850 |       }
 851 |       return "<strong>" + selectedSize + "</strong> " + selectedUnit;
 852 |     };
 853 | 
 854 |     Dropzone.prototype._updateMaxFilesReachedClass = function() {
 855 |       if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) {
 856 |         if (this.getAcceptedFiles().length === this.options.maxFiles) {
 857 |           this.emit('maxfilesreached', this.files);
 858 |         }
 859 |         return this.element.classList.add("dz-max-files-reached");
 860 |       } else {
 861 |         return this.element.classList.remove("dz-max-files-reached");
 862 |       }
 863 |     };
 864 | 
 865 |     Dropzone.prototype.drop = function(e) {
 866 |       var files, items;
 867 |       if (!e.dataTransfer) {
 868 |         return;
 869 |       }
 870 |       this.emit("drop", e);
 871 |       files = e.dataTransfer.files;
 872 |       this.emit("addedfiles", files);
 873 |       if (files.length) {
 874 |         items = e.dataTransfer.items;
 875 |         if (items && items.length && (items[0].webkitGetAsEntry != null)) {
 876 |           this._addFilesFromItems(items);
 877 |         } else {
 878 |           this.handleFiles(files);
 879 |         }
 880 |       }
 881 |     };
 882 | 
 883 |     Dropzone.prototype.paste = function(e) {
 884 |       var items, _ref;
 885 |       if ((e != null ? (_ref = e.clipboardData) != null ? _ref.items : void 0 : void 0) == null) {
 886 |         return;
 887 |       }
 888 |       this.emit("paste", e);
 889 |       items = e.clipboardData.items;
 890 |       if (items.length) {
 891 |         return this._addFilesFromItems(items);
 892 |       }
 893 |     };
 894 | 
 895 |     Dropzone.prototype.handleFiles = function(files) {
 896 |       var file, _i, _len, _results;
 897 |       _results = [];
 898 |       for (_i = 0, _len = files.length; _i < _len; _i++) {
 899 |         file = files[_i];
 900 |         _results.push(this.addFile(file));
 901 |       }
 902 |       return _results;
 903 |     };
 904 | 
 905 |     Dropzone.prototype._addFilesFromItems = function(items) {
 906 |       var entry, item, _i, _len, _results;
 907 |       _results = [];
 908 |       for (_i = 0, _len = items.length; _i < _len; _i++) {
 909 |         item = items[_i];
 910 |         if ((item.webkitGetAsEntry != null) && (entry = item.webkitGetAsEntry())) {
 911 |           if (entry.isFile) {
 912 |             _results.push(this.addFile(item.getAsFile()));
 913 |           } else if (entry.isDirectory) {
 914 |             _results.push(this._addFilesFromDirectory(entry, entry.name));
 915 |           } else {
 916 |             _results.push(void 0);
 917 |           }
 918 |         } else if (item.getAsFile != null) {
 919 |           if ((item.kind == null) || item.kind === "file") {
 920 |             _results.push(this.addFile(item.getAsFile()));
 921 |           } else {
 922 |             _results.push(void 0);
 923 |           }
 924 |         } else {
 925 |           _results.push(void 0);
 926 |         }
 927 |       }
 928 |       return _results;
 929 |     };
 930 | 
 931 |     Dropzone.prototype._addFilesFromDirectory = function(directory, path) {
 932 |       var dirReader, errorHandler, readEntries;
 933 |       dirReader = directory.createReader();
 934 |       errorHandler = function(error) {
 935 |         return typeof console !== "undefined" && console !== null ? typeof console.log === "function" ? console.log(error) : void 0 : void 0;
 936 |       };
 937 |       readEntries = (function(_this) {
 938 |         return function() {
 939 |           return dirReader.readEntries(function(entries) {
 940 |             var entry, _i, _len;
 941 |             if (entries.length > 0) {
 942 |               for (_i = 0, _len = entries.length; _i < _len; _i++) {
 943 |                 entry = entries[_i];
 944 |                 if (entry.isFile) {
 945 |                   entry.file(function(file) {
 946 |                     if (_this.options.ignoreHiddenFiles && file.name.substring(0, 1) === '.') {
 947 |                       return;
 948 |                     }
 949 |                     file.fullPath = "" + path + "/" + file.name;
 950 |                     return _this.addFile(file);
 951 |                   });
 952 |                 } else if (entry.isDirectory) {
 953 |                   _this._addFilesFromDirectory(entry, "" + path + "/" + entry.name);
 954 |                 }
 955 |               }
 956 |               readEntries();
 957 |             }
 958 |             return null;
 959 |           }, errorHandler);
 960 |         };
 961 |       })(this);
 962 |       return readEntries();
 963 |     };
 964 | 
 965 |     Dropzone.prototype.accept = function(file, done) {
 966 |       if (file.size > this.options.maxFilesize * 1024 * 1024) {
 967 |         return done(this.options.dictFileTooBig.replace("{{filesize}}", Math.round(file.size / 1024 / 10.24) / 100).replace("{{maxFilesize}}", this.options.maxFilesize));
 968 |       } else if (!Dropzone.isValidFile(file, this.options.acceptedFiles)) {
 969 |         return done(this.options.dictInvalidFileType);
 970 |       } else if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) {
 971 |         done(this.options.dictMaxFilesExceeded.replace("{{maxFiles}}", this.options.maxFiles));
 972 |         return this.emit("maxfilesexceeded", file);
 973 |       } else {
 974 |         return this.options.accept.call(this, file, done);
 975 |       }
 976 |     };
 977 | 
 978 |     Dropzone.prototype.addFile = function(file) {
 979 |       file.upload = {
 980 |         progress: 0,
 981 |         total: file.size,
 982 |         bytesSent: 0
 983 |       };
 984 |       this.files.push(file);
 985 |       file.status = Dropzone.ADDED;
 986 |       this.emit("addedfile", file);
 987 |       this._enqueueThumbnail(file);
 988 |       return this.accept(file, (function(_this) {
 989 |         return function(error) {
 990 |           if (error) {
 991 |             file.accepted = false;
 992 |             _this._errorProcessing([file], error);
 993 |           } else {
 994 |             file.accepted = true;
 995 |             if (_this.options.autoQueue) {
 996 |               _this.enqueueFile(file);
 997 |             }
 998 |           }
 999 |           return _this._updateMaxFilesReachedClass();
1000 |         };
1001 |       })(this));
1002 |     };
1003 | 
1004 |     Dropzone.prototype.enqueueFiles = function(files) {
1005 |       var file, _i, _len;
1006 |       for (_i = 0, _len = files.length; _i < _len; _i++) {
1007 |         file = files[_i];
1008 |         this.enqueueFile(file);
1009 |       }
1010 |       return null;
1011 |     };
1012 | 
1013 |     Dropzone.prototype.enqueueFile = function(file) {
1014 |       if (file.status === Dropzone.ADDED && file.accepted === true) {
1015 |         file.status = Dropzone.QUEUED;
1016 |         if (this.options.autoProcessQueue) {
1017 |           return setTimeout(((function(_this) {
1018 |             return function() {
1019 |               return _this.processQueue();
1020 |             };
1021 |           })(this)), 0);
1022 |         }
1023 |       } else {
1024 |         throw new Error("This file can't be queued because it has already been processed or was rejected.");
1025 |       }
1026 |     };
1027 | 
1028 |     Dropzone.prototype._thumbnailQueue = [];
1029 | 
1030 |     Dropzone.prototype._processingThumbnail = false;
1031 | 
1032 |     Dropzone.prototype._enqueueThumbnail = function(file) {
1033 |       if (this.options.createImageThumbnails && file.type.match(/image.*/) && file.size <= this.options.maxThumbnailFilesize * 1024 * 1024) {
1034 |         this._thumbnailQueue.push(file);
1035 |         return setTimeout(((function(_this) {
1036 |           return function() {
1037 |             return _this._processThumbnailQueue();
1038 |           };
1039 |         })(this)), 0);
1040 |       }
1041 |     };
1042 | 
1043 |     Dropzone.prototype._processThumbnailQueue = function() {
1044 |       if (this._processingThumbnail || this._thumbnailQueue.length === 0) {
1045 |         return;
1046 |       }
1047 |       this._processingThumbnail = true;
1048 |       return this.createThumbnail(this._thumbnailQueue.shift(), (function(_this) {
1049 |         return function() {
1050 |           _this._processingThumbnail = false;
1051 |           return _this._processThumbnailQueue();
1052 |         };
1053 |       })(this));
1054 |     };
1055 | 
1056 |     Dropzone.prototype.removeFile = function(file) {
1057 |       if (file.status === Dropzone.UPLOADING) {
1058 |         this.cancelUpload(file);
1059 |       }
1060 |       this.files = without(this.files, file);
1061 |       this.emit("removedfile", file);
1062 |       if (this.files.length === 0) {
1063 |         return this.emit("reset");
1064 |       }
1065 |     };
1066 | 
1067 |     Dropzone.prototype.removeAllFiles = function(cancelIfNecessary) {
1068 |       var file, _i, _len, _ref;
1069 |       if (cancelIfNecessary == null) {
1070 |         cancelIfNecessary = false;
1071 |       }
1072 |       _ref = this.files.slice();
1073 |       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
1074 |         file = _ref[_i];
1075 |         if (file.status !== Dropzone.UPLOADING || cancelIfNecessary) {
1076 |           this.removeFile(file);
1077 |         }
1078 |       }
1079 |       return null;
1080 |     };
1081 | 
1082 |     Dropzone.prototype.createThumbnail = function(file, callback) {
1083 |       var fileReader;
1084 |       fileReader = new FileReader;
1085 |       fileReader.onload = (function(_this) {
1086 |         return function() {
1087 |           if (file.type === "image/svg+xml") {
1088 |             _this.emit("thumbnail", file, fileReader.result);
1089 |             if (callback != null) {
1090 |               callback();
1091 |             }
1092 |             return;
1093 |           }
1094 |           return _this.createThumbnailFromUrl(file, fileReader.result, callback);
1095 |         };
1096 |       })(this);
1097 |       return fileReader.readAsDataURL(file);
1098 |     };
1099 | 
1100 |     Dropzone.prototype.createThumbnailFromUrl = function(file, imageUrl, callback, crossOrigin) {
1101 |       var img;
1102 |       img = document.createElement("img");
1103 |       if (crossOrigin) {
1104 |         img.crossOrigin = crossOrigin;
1105 |       }
1106 |       img.onload = (function(_this) {
1107 |         return function() {
1108 |           var canvas, ctx, resizeInfo, thumbnail, _ref, _ref1, _ref2, _ref3;
1109 |           file.width = img.width;
1110 |           file.height = img.height;
1111 |           resizeInfo = _this.options.resize.call(_this, file);
1112 |           if (resizeInfo.trgWidth == null) {
1113 |             resizeInfo.trgWidth = resizeInfo.optWidth;
1114 |           }
1115 |           if (resizeInfo.trgHeight == null) {
1116 |             resizeInfo.trgHeight = resizeInfo.optHeight;
1117 |           }
1118 |           canvas = document.createElement("canvas");
1119 |           ctx = canvas.getContext("2d");
1120 |           canvas.width = resizeInfo.trgWidth;
1121 |           canvas.height = resizeInfo.trgHeight;
1122 |           drawImageIOSFix(ctx, img, (_ref = resizeInfo.srcX) != null ? _ref : 0, (_ref1 = resizeInfo.srcY) != null ? _ref1 : 0, resizeInfo.srcWidth, resizeInfo.srcHeight, (_ref2 = resizeInfo.trgX) != null ? _ref2 : 0, (_ref3 = resizeInfo.trgY) != null ? _ref3 : 0, resizeInfo.trgWidth, resizeInfo.trgHeight);
1123 |           thumbnail = canvas.toDataURL("image/png");
1124 |           _this.emit("thumbnail", file, thumbnail);
1125 |           if (callback != null) {
1126 |             return callback();
1127 |           }
1128 |         };
1129 |       })(this);
1130 |       if (callback != null) {
1131 |         img.onerror = callback;
1132 |       }
1133 |       return img.src = imageUrl;
1134 |     };
1135 | 
1136 |     Dropzone.prototype.processQueue = function() {
1137 |       var i, parallelUploads, processingLength, queuedFiles;
1138 |       parallelUploads = this.options.parallelUploads;
1139 |       processingLength = this.getUploadingFiles().length;
1140 |       i = processingLength;
1141 |       if (processingLength >= parallelUploads) {
1142 |         return;
1143 |       }
1144 |       queuedFiles = this.getQueuedFiles();
1145 |       if (!(queuedFiles.length > 0)) {
1146 |         return;
1147 |       }
1148 |       if (this.options.uploadMultiple) {
1149 |         return this.processFiles(queuedFiles.slice(0, parallelUploads - processingLength));
1150 |       } else {
1151 |         while (i < parallelUploads) {
1152 |           if (!queuedFiles.length) {
1153 |             return;
1154 |           }
1155 |           this.processFile(queuedFiles.shift());
1156 |           i++;
1157 |         }
1158 |       }
1159 |     };
1160 | 
1161 |     Dropzone.prototype.processFile = function(file) {
1162 |       return this.processFiles([file]);
1163 |     };
1164 | 
1165 |     Dropzone.prototype.processFiles = function(files) {
1166 |       var file, _i, _len;
1167 |       for (_i = 0, _len = files.length; _i < _len; _i++) {
1168 |         file = files[_i];
1169 |         file.processing = true;
1170 |         file.status = Dropzone.UPLOADING;
1171 |         this.emit("processing", file);
1172 |       }
1173 |       if (this.options.uploadMultiple) {
1174 |         this.emit("processingmultiple", files);
1175 |       }
1176 |       return this.uploadFiles(files);
1177 |     };
1178 | 
1179 |     Dropzone.prototype._getFilesWithXhr = function(xhr) {
1180 |       var file, files;
1181 |       return files = (function() {
1182 |         var _i, _len, _ref, _results;
1183 |         _ref = this.files;
1184 |         _results = [];
1185 |         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
1186 |           file = _ref[_i];
1187 |           if (file.xhr === xhr) {
1188 |             _results.push(file);
1189 |           }
1190 |         }
1191 |         return _results;
1192 |       }).call(this);
1193 |     };
1194 | 
1195 |     Dropzone.prototype.cancelUpload = function(file) {
1196 |       var groupedFile, groupedFiles, _i, _j, _len, _len1, _ref;
1197 |       if (file.status === Dropzone.UPLOADING) {
1198 |         groupedFiles = this._getFilesWithXhr(file.xhr);
1199 |         for (_i = 0, _len = groupedFiles.length; _i < _len; _i++) {
1200 |           groupedFile = groupedFiles[_i];
1201 |           groupedFile.status = Dropzone.CANCELED;
1202 |         }
1203 |         file.xhr.abort();
1204 |         for (_j = 0, _len1 = groupedFiles.length; _j < _len1; _j++) {
1205 |           groupedFile = groupedFiles[_j];
1206 |           this.emit("canceled", groupedFile);
1207 |         }
1208 |         if (this.options.uploadMultiple) {
1209 |           this.emit("canceledmultiple", groupedFiles);
1210 |         }
1211 |       } else if ((_ref = file.status) === Dropzone.ADDED || _ref === Dropzone.QUEUED) {
1212 |         file.status = Dropzone.CANCELED;
1213 |         this.emit("canceled", file);
1214 |         if (this.options.uploadMultiple) {
1215 |           this.emit("canceledmultiple", [file]);
1216 |         }
1217 |       }
1218 |       if (this.options.autoProcessQueue) {
1219 |         return this.processQueue();
1220 |       }
1221 |     };
1222 | 
1223 |     resolveOption = function() {
1224 |       var args, option;
1225 |       option = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
1226 |       if (typeof option === 'function') {
1227 |         return option.apply(this, args);
1228 |       }
1229 |       return option;
1230 |     };
1231 | 
1232 |     Dropzone.prototype.uploadFile = function(file) {
1233 |       return this.uploadFiles([file]);
1234 |     };
1235 | 
1236 |     Dropzone.prototype.uploadFiles = function(files) {
1237 |       var file, formData, handleError, headerName, headerValue, headers, i, input, inputName, inputType, key, method, option, progressObj, response, updateProgress, url, value, xhr, _i, _j, _k, _l, _len, _len1, _len2, _len3, _m, _ref, _ref1, _ref2, _ref3, _ref4, _ref5;
1238 |       xhr = new XMLHttpRequest();
1239 |       for (_i = 0, _len = files.length; _i < _len; _i++) {
1240 |         file = files[_i];
1241 |         file.xhr = xhr;
1242 |       }
1243 |       method = resolveOption(this.options.method, files);
1244 |       url = resolveOption(this.options.url, files);
1245 |       xhr.open(method, url, true);
1246 |       xhr.withCredentials = !!this.options.withCredentials;
1247 |       response = null;
1248 |       handleError = (function(_this) {
1249 |         return function() {
1250 |           var _j, _len1, _results;
1251 |           _results = [];
1252 |           for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
1253 |             file = files[_j];
1254 |             _results.push(_this._errorProcessing(files, response || _this.options.dictResponseError.replace("{{statusCode}}", xhr.status), xhr));
1255 |           }
1256 |           return _results;
1257 |         };
1258 |       })(this);
1259 |       updateProgress = (function(_this) {
1260 |         return function(e) {
1261 |           var allFilesFinished, progress, _j, _k, _l, _len1, _len2, _len3, _results;
1262 |           if (e != null) {
1263 |             progress = 100 * e.loaded / e.total;
1264 |             for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
1265 |               file = files[_j];
1266 |               file.upload = {
1267 |                 progress: progress,
1268 |                 total: e.total,
1269 |                 bytesSent: e.loaded
1270 |               };
1271 |             }
1272 |           } else {
1273 |             allFilesFinished = true;
1274 |             progress = 100;
1275 |             for (_k = 0, _len2 = files.length; _k < _len2; _k++) {
1276 |               file = files[_k];
1277 |               if (!(file.upload.progress === 100 && file.upload.bytesSent === file.upload.total)) {
1278 |                 allFilesFinished = false;
1279 |               }
1280 |               file.upload.progress = progress;
1281 |               file.upload.bytesSent = file.upload.total;
1282 |             }
1283 |             if (allFilesFinished) {
1284 |               return;
1285 |             }
1286 |           }
1287 |           _results = [];
1288 |           for (_l = 0, _len3 = files.length; _l < _len3; _l++) {
1289 |             file = files[_l];
1290 |             _results.push(_this.emit("uploadprogress", file, progress, file.upload.bytesSent));
1291 |           }
1292 |           return _results;
1293 |         };
1294 |       })(this);
1295 |       xhr.onload = (function(_this) {
1296 |         return function(e) {
1297 |           var _ref;
1298 |           if (files[0].status === Dropzone.CANCELED) {
1299 |             return;
1300 |           }
1301 |           if (xhr.readyState !== 4) {
1302 |             return;
1303 |           }
1304 |           response = xhr.responseText;
1305 |           if (xhr.getResponseHeader("content-type") && ~xhr.getResponseHeader("content-type").indexOf("application/json")) {
1306 |             try {
1307 |               response = JSON.parse(response);
1308 |             } catch (_error) {
1309 |               e = _error;
1310 |               response = "Invalid JSON response from server.";
1311 |             }
1312 |           }
1313 |           updateProgress();
1314 |           if (!((200 <= (_ref = xhr.status) && _ref < 300))) {
1315 |             return handleError();
1316 |           } else {
1317 |             return _this._finished(files, response, e);
1318 |           }
1319 |         };
1320 |       })(this);
1321 |       xhr.onerror = (function(_this) {
1322 |         return function() {
1323 |           if (files[0].status === Dropzone.CANCELED) {
1324 |             return;
1325 |           }
1326 |           return handleError();
1327 |         };
1328 |       })(this);
1329 |       progressObj = (_ref = xhr.upload) != null ? _ref : xhr;
1330 |       progressObj.onprogress = updateProgress;
1331 |       headers = {
1332 |         "Accept": "application/json",
1333 |         "Cache-Control": "no-cache",
1334 |         "X-Requested-With": "XMLHttpRequest"
1335 |       };
1336 |       if (this.options.headers) {
1337 |         extend(headers, this.options.headers);
1338 |       }
1339 |       for (headerName in headers) {
1340 |         headerValue = headers[headerName];
1341 |         if (headerValue) {
1342 |           xhr.setRequestHeader(headerName, headerValue);
1343 |         }
1344 |       }
1345 |       formData = new FormData();
1346 |       if (this.options.params) {
1347 |         _ref1 = this.options.params;
1348 |         for (key in _ref1) {
1349 |           value = _ref1[key];
1350 |           formData.append(key, value);
1351 |         }
1352 |       }
1353 |       for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
1354 |         file = files[_j];
1355 |         this.emit("sending", file, xhr, formData);
1356 |       }
1357 |       if (this.options.uploadMultiple) {
1358 |         this.emit("sendingmultiple", files, xhr, formData);
1359 |       }
1360 |       if (this.element.tagName === "FORM") {
1361 |         _ref2 = this.element.querySelectorAll("input, textarea, select, button");
1362 |         for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {
1363 |           input = _ref2[_k];
1364 |           inputName = input.getAttribute("name");
1365 |           inputType = input.getAttribute("type");
1366 |           if (input.tagName === "SELECT" && input.hasAttribute("multiple")) {
1367 |             _ref3 = input.options;
1368 |             for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) {
1369 |               option = _ref3[_l];
1370 |               if (option.selected) {
1371 |                 formData.append(inputName, option.value);
1372 |               }
1373 |             }
1374 |           } else if (!inputType || ((_ref4 = inputType.toLowerCase()) !== "checkbox" && _ref4 !== "radio") || input.checked) {
1375 |             formData.append(inputName, input.value);
1376 |           }
1377 |         }
1378 |       }
1379 |       for (i = _m = 0, _ref5 = files.length - 1; 0 <= _ref5 ? _m <= _ref5 : _m >= _ref5; i = 0 <= _ref5 ? ++_m : --_m) {
1380 |         formData.append(this._getParamName(i), files[i], this._renameFilename(files[i].name));
1381 |       }
1382 |       return this.submitRequest(xhr, formData, files);
1383 |     };
1384 | 
1385 |     Dropzone.prototype.submitRequest = function(xhr, formData, files) {
1386 |       return xhr.send(formData);
1387 |     };
1388 | 
1389 |     Dropzone.prototype._finished = function(files, responseText, e) {
1390 |       var file, _i, _len;
1391 |       for (_i = 0, _len = files.length; _i < _len; _i++) {
1392 |         file = files[_i];
1393 |         file.status = Dropzone.SUCCESS;
1394 |         this.emit("success", file, responseText, e);
1395 |         this.emit("complete", file);
1396 |       }
1397 |       if (this.options.uploadMultiple) {
1398 |         this.emit("successmultiple", files, responseText, e);
1399 |         this.emit("completemultiple", files);
1400 |       }
1401 |       if (this.options.autoProcessQueue) {
1402 |         return this.processQueue();
1403 |       }
1404 |     };
1405 | 
1406 |     Dropzone.prototype._errorProcessing = function(files, message, xhr) {
1407 |       var file, _i, _len;
1408 |       for (_i = 0, _len = files.length; _i < _len; _i++) {
1409 |         file = files[_i];
1410 |         file.status = Dropzone.ERROR;
1411 |         this.emit("error", file, message, xhr);
1412 |         this.emit("complete", file);
1413 |       }
1414 |       if (this.options.uploadMultiple) {
1415 |         this.emit("errormultiple", files, message, xhr);
1416 |         this.emit("completemultiple", files);
1417 |       }
1418 |       if (this.options.autoProcessQueue) {
1419 |         return this.processQueue();
1420 |       }
1421 |     };
1422 | 
1423 |     return Dropzone;
1424 | 
1425 |   })(Emitter);
1426 | 
1427 |   Dropzone.version = "4.3.0";
1428 | 
1429 |   Dropzone.options = {};
1430 | 
1431 |   Dropzone.optionsForElement = function(element) {
1432 |     if (element.getAttribute("id")) {
1433 |       return Dropzone.options[camelize(element.getAttribute("id"))];
1434 |     } else {
1435 |       return void 0;
1436 |     }
1437 |   };
1438 | 
1439 |   Dropzone.instances = [];
1440 | 
1441 |   Dropzone.forElement = function(element) {
1442 |     if (typeof element === "string") {
1443 |       element = document.querySelector(element);
1444 |     }
1445 |     if ((element != null ? element.dropzone : void 0) == null) {
1446 |       throw new Error("No Dropzone found for given element. This is probably because you're trying to access it before Dropzone had the time to initialize. Use the `init` option to setup any additional observers on your Dropzone.");
1447 |     }
1448 |     return element.dropzone;
1449 |   };
1450 | 
1451 |   Dropzone.autoDiscover = true;
1452 | 
1453 |   Dropzone.discover = function() {
1454 |     var checkElements, dropzone, dropzones, _i, _len, _results;
1455 |     if (document.querySelectorAll) {
1456 |       dropzones = document.querySelectorAll(".dropzone");
1457 |     } else {
1458 |       dropzones = [];
1459 |       checkElements = function(elements) {
1460 |         var el, _i, _len, _results;
1461 |         _results = [];
1462 |         for (_i = 0, _len = elements.length; _i < _len; _i++) {
1463 |           el = elements[_i];
1464 |           if (/(^| )dropzone($| )/.test(el.className)) {
1465 |             _results.push(dropzones.push(el));
1466 |           } else {
1467 |             _results.push(void 0);
1468 |           }
1469 |         }
1470 |         return _results;
1471 |       };
1472 |       checkElements(document.getElementsByTagName("div"));
1473 |       checkElements(document.getElementsByTagName("form"));
1474 |     }
1475 |     _results = [];
1476 |     for (_i = 0, _len = dropzones.length; _i < _len; _i++) {
1477 |       dropzone = dropzones[_i];
1478 |       if (Dropzone.optionsForElement(dropzone) !== false) {
1479 |         _results.push(new Dropzone(dropzone));
1480 |       } else {
1481 |         _results.push(void 0);
1482 |       }
1483 |     }
1484 |     return _results;
1485 |   };
1486 | 
1487 |   Dropzone.blacklistedBrowsers = [/opera.*Macintosh.*version\/12/i];
1488 | 
1489 |   Dropzone.isBrowserSupported = function() {
1490 |     var capableBrowser, regex, _i, _len, _ref;
1491 |     capableBrowser = true;
1492 |     if (window.File && window.FileReader && window.FileList && window.Blob && window.FormData && document.querySelector) {
1493 |       if (!("classList" in document.createElement("a"))) {
1494 |         capableBrowser = false;
1495 |       } else {
1496 |         _ref = Dropzone.blacklistedBrowsers;
1497 |         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
1498 |           regex = _ref[_i];
1499 |           if (regex.test(navigator.userAgent)) {
1500 |             capableBrowser = false;
1501 |             continue;
1502 |           }
1503 |         }
1504 |       }
1505 |     } else {
1506 |       capableBrowser = false;
1507 |     }
1508 |     return capableBrowser;
1509 |   };
1510 | 
1511 |   without = function(list, rejectedItem) {
1512 |     var item, _i, _len, _results;
1513 |     _results = [];
1514 |     for (_i = 0, _len = list.length; _i < _len; _i++) {
1515 |       item = list[_i];
1516 |       if (item !== rejectedItem) {
1517 |         _results.push(item);
1518 |       }
1519 |     }
1520 |     return _results;
1521 |   };
1522 | 
1523 |   camelize = function(str) {
1524 |     return str.replace(/[\-_](\w)/g, function(match) {
1525 |       return match.charAt(1).toUpperCase();
1526 |     });
1527 |   };
1528 | 
1529 |   Dropzone.createElement = function(string) {
1530 |     var div;
1531 |     div = document.createElement("div");
1532 |     div.innerHTML = string;
1533 |     return div.childNodes[0];
1534 |   };
1535 | 
1536 |   Dropzone.elementInside = function(element, container) {
1537 |     if (element === container) {
1538 |       return true;
1539 |     }
1540 |     while (element = element.parentNode) {
1541 |       if (element === container) {
1542 |         return true;
1543 |       }
1544 |     }
1545 |     return false;
1546 |   };
1547 | 
1548 |   Dropzone.getElement = function(el, name) {
1549 |     var element;
1550 |     if (typeof el === "string") {
1551 |       element = document.querySelector(el);
1552 |     } else if (el.nodeType != null) {
1553 |       element = el;
1554 |     }
1555 |     if (element == null) {
1556 |       throw new Error("Invalid `" + name + "` option provided. Please provide a CSS selector or a plain HTML element.");
1557 |     }
1558 |     return element;
1559 |   };
1560 | 
1561 |   Dropzone.getElements = function(els, name) {
1562 |     var e, el, elements, _i, _j, _len, _len1, _ref;
1563 |     if (els instanceof Array) {
1564 |       elements = [];
1565 |       try {
1566 |         for (_i = 0, _len = els.length; _i < _len; _i++) {
1567 |           el = els[_i];
1568 |           elements.push(this.getElement(el, name));
1569 |         }
1570 |       } catch (_error) {
1571 |         e = _error;
1572 |         elements = null;
1573 |       }
1574 |     } else if (typeof els === "string") {
1575 |       elements = [];
1576 |       _ref = document.querySelectorAll(els);
1577 |       for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) {
1578 |         el = _ref[_j];
1579 |         elements.push(el);
1580 |       }
1581 |     } else if (els.nodeType != null) {
1582 |       elements = [els];
1583 |     }
1584 |     if (!((elements != null) && elements.length)) {
1585 |       throw new Error("Invalid `" + name + "` option provided. Please provide a CSS selector, a plain HTML element or a list of those.");
1586 |     }
1587 |     return elements;
1588 |   };
1589 | 
1590 |   Dropzone.confirm = function(question, accepted, rejected) {
1591 |     if (window.confirm(question)) {
1592 |       return accepted();
1593 |     } else if (rejected != null) {
1594 |       return rejected();
1595 |     }
1596 |   };
1597 | 
1598 |   Dropzone.isValidFile = function(file, acceptedFiles) {
1599 |     var baseMimeType, mimeType, validType, _i, _len;
1600 |     if (!acceptedFiles) {
1601 |       return true;
1602 |     }
1603 |     acceptedFiles = acceptedFiles.split(",");
1604 |     mimeType = file.type;
1605 |     baseMimeType = mimeType.replace(/\/.*$/, "");
1606 |     for (_i = 0, _len = acceptedFiles.length; _i < _len; _i++) {
1607 |       validType = acceptedFiles[_i];
1608 |       validType = validType.trim();
1609 |       if (validType.charAt(0) === ".") {
1610 |         if (file.name.toLowerCase().indexOf(validType.toLowerCase(), file.name.length - validType.length) !== -1) {
1611 |           return true;
1612 |         }
1613 |       } else if (/\/\*$/.test(validType)) {
1614 |         if (baseMimeType === validType.replace(/\/.*$/, "")) {
1615 |           return true;
1616 |         }
1617 |       } else {
1618 |         if (mimeType === validType) {
1619 |           return true;
1620 |         }
1621 |       }
1622 |     }
1623 |     return false;
1624 |   };
1625 | 
1626 |   if (typeof jQuery !== "undefined" && jQuery !== null) {
1627 |     jQuery.fn.dropzone = function(options) {
1628 |       return this.each(function() {
1629 |         return new Dropzone(this, options);
1630 |       });
1631 |     };
1632 |   }
1633 | 
1634 |   if (typeof module !== "undefined" && module !== null) {
1635 |     module.exports = Dropzone;
1636 |   } else {
1637 |     window.Dropzone = Dropzone;
1638 |   }
1639 | 
1640 |   Dropzone.ADDED = "added";
1641 | 
1642 |   Dropzone.QUEUED = "queued";
1643 | 
1644 |   Dropzone.ACCEPTED = Dropzone.QUEUED;
1645 | 
1646 |   Dropzone.UPLOADING = "uploading";
1647 | 
1648 |   Dropzone.PROCESSING = Dropzone.UPLOADING;
1649 | 
1650 |   Dropzone.CANCELED = "canceled";
1651 | 
1652 |   Dropzone.ERROR = "error";
1653 | 
1654 |   Dropzone.SUCCESS = "success";
1655 | 
1656 | 
1657 |   /*
1658 |   
1659 |   Bugfix for iOS 6 and 7
1660 |   Source: http://stackoverflow.com/questions/11929099/html5-canvas-drawimage-ratio-bug-ios
1661 |   based on the work of https://github.com/stomita/ios-imagefile-megapixel
1662 |    */
1663 | 
1664 |   detectVerticalSquash = function(img) {
1665 |     var alpha, canvas, ctx, data, ey, ih, iw, py, ratio, sy;
1666 |     iw = img.naturalWidth;
1667 |     ih = img.naturalHeight;
1668 |     canvas = document.createElement("canvas");
1669 |     canvas.width = 1;
1670 |     canvas.height = ih;
1671 |     ctx = canvas.getContext("2d");
1672 |     ctx.drawImage(img, 0, 0);
1673 |     data = ctx.getImageData(0, 0, 1, ih).data;
1674 |     sy = 0;
1675 |     ey = ih;
1676 |     py = ih;
1677 |     while (py > sy) {
1678 |       alpha = data[(py - 1) * 4 + 3];
1679 |       if (alpha === 0) {
1680 |         ey = py;
1681 |       } else {
1682 |         sy = py;
1683 |       }
1684 |       py = (ey + sy) >> 1;
1685 |     }
1686 |     ratio = py / ih;
1687 |     if (ratio === 0) {
1688 |       return 1;
1689 |     } else {
1690 |       return ratio;
1691 |     }
1692 |   };
1693 | 
1694 |   drawImageIOSFix = function(ctx, img, sx, sy, sw, sh, dx, dy, dw, dh) {
1695 |     var vertSquashRatio;
1696 |     vertSquashRatio = detectVerticalSquash(img);
1697 |     return ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh / vertSquashRatio);
1698 |   };
1699 | 
1700 | 
1701 |   /*
1702 |    * contentloaded.js
1703 |    *
1704 |    * Author: Diego Perini (diego.perini at gmail.com)
1705 |    * Summary: cross-browser wrapper for DOMContentLoaded
1706 |    * Updated: 20101020
1707 |    * License: MIT
1708 |    * Version: 1.2
1709 |    *
1710 |    * URL:
1711 |    * http://javascript.nwbox.com/ContentLoaded/
1712 |    * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE
1713 |    */
1714 | 
1715 |   contentLoaded = function(win, fn) {
1716 |     var add, doc, done, init, poll, pre, rem, root, top;
1717 |     done = false;
1718 |     top = true;
1719 |     doc = win.document;
1720 |     root = doc.documentElement;
1721 |     add = (doc.addEventListener ? "addEventListener" : "attachEvent");
1722 |     rem = (doc.addEventListener ? "removeEventListener" : "detachEvent");
1723 |     pre = (doc.addEventListener ? "" : "on");
1724 |     init = function(e) {
1725 |       if (e.type === "readystatechange" && doc.readyState !== "complete") {
1726 |         return;
1727 |       }
1728 |       (e.type === "load" ? win : doc)[rem](pre + e.type, init, false);
1729 |       if (!done && (done = true)) {
1730 |         return fn.call(win, e.type || e);
1731 |       }
1732 |     };
1733 |     poll = function() {
1734 |       var e;
1735 |       try {
1736 |         root.doScroll("left");
1737 |       } catch (_error) {
1738 |         e = _error;
1739 |         setTimeout(poll, 50);
1740 |         return;
1741 |       }
1742 |       return init("poll");
1743 |     };
1744 |     if (doc.readyState !== "complete") {
1745 |       if (doc.createEventObject && root.doScroll) {
1746 |         try {
1747 |           top = !win.frameElement;
1748 |         } catch (_error) {}
1749 |         if (top) {
1750 |           poll();
1751 |         }
1752 |       }
1753 |       doc[add](pre + "DOMContentLoaded", init, false);
1754 |       doc[add](pre + "readystatechange", init, false);
1755 |       return win[add](pre + "load", init, false);
1756 |     }
1757 |   };
1758 | 
1759 |   Dropzone._autoDiscoverFunction = function() {
1760 |     if (Dropzone.autoDiscover) {
1761 |       return Dropzone.discover();
1762 |     }
1763 |   };
1764 | 
1765 |   contentLoaded(window, Dropzone._autoDiscoverFunction);
1766 | 
1767 | }).call(this);


--------------------------------------------------------------------------------