mr-csv-transformer/index.html at gh-pages · DeepInTheCode/mr-csv-transformer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>

<html lang="en">
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>Mr. CSV Transformer</title>
     <meta name="author" content="David Young, Drew Shefman, Dr. Robert L. Read" />
     <!-- Date: 2014-05-31 -->
     <link rel="stylesheet" href="css/converter.css" type="text/css" media="screen" title="no title" />
     <link rel="shortcut icon" href="images/glider.png" />
     <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
     <script src="js/applyMap.js" type="text/javascript" charset="utf-8"></script>
     <script src="js/getUrlVars.js" type="text/javascript" charset="utf-8"></script>
     <script src="js/jsonToCsv.js" type="text/javascript" charset="utf-8"></script>
     <script src="js/CSVParser.js" type="text/javascript" charset="utf-8"></script>
     <script src="js/DataGridRenderer.js" type="text/javascript" charset="utf-8"></script>
     <script src="js/addTextInputs.js" type="text/javascript" charset="utf-8"></script>
     <script src="js/enableTab.js" type="text/javascript" charset="utf-8"></script>
     <script src="js/converter.js" type="text/javascript" charset="utf-8"></script>
     <script src="js/Controller.js" type="text/javascript" charset="utf-8"></script>
     <script src="js/SaveVarAsFile.js" type="text/javascript" charset="utf-8"></script>
   </head>
   <body>
     <div id='base'>
       <div id='header'>
         <div id="description">
           <h1>Mr. CSV Transformer</h1>
           <p>I will convert your Excel / comma- or tab-delimited data into one of several web-friendly formats, including HTML, JSON and XML.  Data structures in languages including Python, Ruby, and PHP are available.  Lastly, database insertion statements for MySQL and mongoDB can be generated.  To include only certain columns, add "?targets=<i>[names]</i>" to the end of the URL; <i>[names]</i> is the column names separated by commas (no quotes, no brackets) in the order in which you wish them to appear to the URL above and refresh the page.</p>
           <p><a href="http://validator.w3.org/check?uri=http://deepinthecode.github.io/mr-csv-transformer" target="_blank"><img src="http://www.w3.org/html/logo/badge/html5-badge-h-css3.png" width="133" height="64" alt="HTML5 Powered with CSS3 / Styling" title="HTML5 Powered with CSS3 / Styling" /></a><a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /></a></p>
           <p>Fork me on <a href="http://github.com/deepinthecode/Mr-CSV-Transformer" target="_blank">GitHub</a>.</p>
         </div>
         <div id='settings'>
           <h3>Settings</h3>
           <form id='settingsForm'>
              <p>Delimiter:
                <label><input class="settingsElement" type="radio" name="delimiter" id='delimiterAuto'   value="auto" checked/> Auto</label>
                <label><input class="settingsElement" type="radio" name="delimiter" id='delimiterComma'  value="comma" /> Comma</label>
                <label><input class="settingsElement" type="radio" name="delimiter" id='delimiterTab'    value="tab" /> Tab</label>
               </p>
             <p>Decimal Sign:
                <label><input class="settingsElement" type="radio" name="decimal" id='decimalDot'   value="dot" checked/> Dot</label>
                <label><input class="settingsElement" type="radio" name="decimal" id='decimalComma'  value="comma" /> Comma</label>
               </p>
             <p><label><input class="settingsElement" type="checkbox" name="" value="" id="headersProvidedCB" checked /> First row is the header</label></p>
             <div class="settingsGroup">
               <p>Transform: <label><input class="settingsElement" type="radio" name="headerModifications" value="downcase" id='headersDowncase' /> downcase</label>
               <label><input class="settingsElement" type="radio" name="headerModifications" id='headersUpcase' value="upcase" /> upcase</label>
               <label><input class="settingsElement" type="radio" name="headerModifications" id='headersNoTransform' value="none" checked /> none</label></p>
             </div>
             <p><label><input class="settingsElement" type="checkbox" name="some_name" value="" id="includeWhiteSpaceCB" checked /> Include white space in output</label></p>
             <div class="settingsGroup">
               <p>Indent with: <label><input class="settingsElement" type="radio" name="indentType" value="tabs" id='includeWhiteSpaceTabs'/> tabs</label> <label><input class="settingsElement" type="radio" name="indentType" value="spaces" id='includeWhiteSpaceSpaces' checked/> spaces</label></p>
             </div>
             <div class="settingsGroup">
                <br /><br />
                <!--<p><label><input class="settingsElement" type="checkbox" name="useTargets" value="" id="useTargetsCB" checked /> Use target mapping</label></p> -->
             </div>
             <div class="settingsGroup" id="InputsWrapper">
             </div>
             <div>
                <p><br /><br /></p>
                <p>Forked from: <a href="http://github.com/shancarter/Mr-Data-Converter" target="_blank">Mr. Data Converter by Shan Carter</a></p>
             </div>
           </form>
         </div>
       </div>
       <div id='converter' class=''>
       </div>
     </div>
   </body>
</html>