IT/Loenda.html at master · agiil/IT · 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
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>

    <!-- Material Design icons -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
        rel="stylesheet">

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Anonymous+Pro" rel="stylesheet">

    <!-- JQuery -->
    <script src="https://code.jquery.com/jquery.min.js"></script>

    <script>
    function loenda(files) {
      var ul = document.createElement("ul");
      var fileDisplayArea = document.getElementById('fileDisplayArea');
      fileDisplayArea.appendChild(ul);
      var c = 0;
      var p = document.createElement("p");
      p.innerHTML = 'Kokku: ' + c.toString();
      fileDisplayArea.appendChild(p);

      function setupReader(file) {
        var name = file.name;
        var reader = new FileReader();
        reader.onload = function(e) {
          // get file content
          var str = e.target.result;
          // var res = str.match(/\.u}/g);
          var res = str.match(/<p class='action'>/g);
          var li = document.createElement("li");
          if (res == null) {
            li.innerHTML = name + " ____ 0";
          }
          else {
            c = c + res.length;
            p.innerHTML = 'Kokku: ' + c.toString();
            li.innerHTML = name + " ____ " + res.length.toString();
          }
          ul.appendChild(li);
        }
        reader.readAsText(file, "UTF-8");
      }

      var fileTypes = ['md'];  //acceptable file types

      for (var i = 0; i < files.length; i++) {

        var extension = files[i].name.split('.').pop().toLowerCase(),  //file extension from input file
        isSuccess = fileTypes.indexOf(extension) > -1;  //is extension in acceptable types

        if (isSuccess) {
          setupReader(files[i]);
        }

      }

    }

    </script>

    <style type="text/css">
      body { padding: 1em; }
    </style>

  </head>
  <body>
    <div id="page-wrapper">
      Vali failid:
      <input type="file" id="fileInput" onchange="loenda(this.files)" multiple="" />
    </div>
    <div id="fileDisplayArea" style='margin-bottom: 4rem;'><div>

  </body>
</html>