<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Madhushala</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="madhushala-template.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body role="document">
  <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
          <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#">Madhushala</a>
          </div>
          <div class="collapse navbar-collapse">
              <ul class="nav navbar-nav">
                  <li class="active"><a href="#">Home</a></li>
                  <li><a href="#setup">Setup</a></li>
                  <li><a href="#golive">Go Live!</a></li>
                  <li><a href="#about">About</a></li>
              </ul>
          </div><!--/.nav-collapse -->
      </div>
  </div> <!-- navbar -->
  <div class="container theme-showcase text-center" role="main">
        <div class="madhushala-template">
            <h1>madhushala</h1>
            <p class="lead">
            To get started, <a href="#setup">set up</a> your local configuration by
            selecting the audio input(s). <br/>
            Then <a href="#golive">connect</a> to your peer. That's pretty much
            it!
            </p>
            <p class="lead">
            You can control the volume for individual audio streams from
            your computer as well <br/>
            as your peers using the audio controls.

            </p>
            <p class="lead">
            Enjoy!
            </p>

            <div class="alert alert-danger hidden" id="browsernotsupported">
                Alas! Your browser is not supported. Please try using the latest
                Chrome browser.
            </div>
        </div>

        <div id="setup" class="madhushala-template">
            <h1>setup your configuration</h1>
            <p class="lead">Select audio inputs.</p>
            <p class="lead">You may have to play around with the available
            inputs to select the optimal ones</p>

            <div class="audio-inputs btn-group">
                <button class="btn dropdown-toggle" data-toggle="dropdown">
                    Add audio input<span class="caret"></span></button>
                <ul class="dropdown-menu" id="inputs">
                </ul>
            </div>
        </div>
    </div> <!-- container -->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

    <!-- my application specific things -->
    <script src="http://code.jquery.com/jquery-2.0.3.js"></script>
    <script src="adapter.js"></script>
    <script src="application.js"></script>
    <script>
        var _execute = function () {
            var App = Classroom.getInstance();
            if (!App) {
                $("div#browsernotsupported").removeClass("hidden");
                return;
            }

            // Fill up the available audio inputs.
            App.getAudioSources(function(map) {
                var inputs = $("ul#inputs");
                $.each(map, function(sourceid, label) {
                    var li = $("<li/>");
                    var a = $("<a/>", { href: "#", data: sourceid });
                    a.text(label);
                    a.data("sourceid", sourceid);
                    li.append(a);
                    inputs.append(li);

                    a.on("click", function() {
                        var self = $(this);
                        var sourceid = self.data("sourceid");
                        console.log("Add input " + sourceid);
                        // hide the option since we can't add the same input
                        // twice.
                        self.parent().addClass("hidden");
                        });
                    });
                });
        };
        _execute();
    </script>
  </body>
</html>
<commit_msg>Added ability to see selected inputs and remove them in future.<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Madhushala</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="madhushala-template.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body role="document">
  <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
          <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#">Madhushala</a>
          </div>
          <div class="collapse navbar-collapse">
              <ul class="nav navbar-nav">
                  <li class="active"><a href="#">Home</a></li>
                  <li><a href="#setup">Setup</a></li>
                  <li><a href="#golive">Go Live!</a></li>
                  <li><a href="#about">About</a></li>
              </ul>
          </div><!--/.nav-collapse -->
      </div>
  </div> <!-- navbar -->
  <div class="container theme-showcase text-center" role="main">
        <div class="madhushala-template">
            <h1>madhushala</h1>
            <p class="lead">
            To get started, <a href="#setup">set up</a> your local configuration by
            selecting the audio input(s). <br/>
            Then <a href="#golive">connect</a> to your peer. That's pretty much
            it!
            </p>
            <p class="lead">
            You can control the volume for individual audio streams from
            your computer as well <br/>
            as your peers using the audio controls.

            </p>
            <p class="lead">
            Enjoy!
            </p>

            <div class="alert alert-danger hidden" id="browsernotsupported">
                Alas! Your browser is not supported. Please try using the latest
                Chrome browser.
            </div>
        </div>

        <div id="setup" class="madhushala-template">
            <h1>setup your configuration</h1>
            <p class="lead">Select audio inputs.</p>
            <p class="lead">You may have to play around with the available
            inputs to select the optimal ones</p>

            <div class="audio-inputs btn-group">
                <button class="btn dropdown-toggle" data-toggle="dropdown">
                    Add audio input<span class="caret"></span></button>
                <ul class="dropdown-menu" id="inputs">
                </ul>
            </div>
            <p>
            <ul id="selectedaudioinputs" class="list-group">
            </ul>
            </p>
        </div>
    </div> <!-- container -->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

    <!-- my application specific things -->
    <script src="http://code.jquery.com/jquery-2.0.3.js"></script>
    <script src="adapter.js"></script>
    <script src="application.js"></script>
    <script>
        var _execute = function () {
            var App = Classroom.getInstance();
            if (!App) {
                $("div#browsernotsupported").removeClass("hidden");
                return;
            }

            // Fill up the available audio inputs.
            App.getAudioSources(function(map) {
                var inputs = $("ul#inputs");
                $.each(map, function(sourceid, label) {
                    var li = $("<li/>");
                    var a = $("<a/>", { href: "#", data: sourceid });
                    a.text(label);
                    a.data("sourceid", sourceid);
                    li.append(a);
                    inputs.append(li);

                    a.on("click", function() {
                        var self = $(this);
                        var sourceid = self.data("sourceid");
                        console.log("Add input " + sourceid);
                        App.addAudioInput(sourceid, function(item) {
                            // if adding of audio input was successful.
                            console.log(item);

                            var elem = $("<li class='list-group-item' />");
                            elem.text(label);

                            var closebutton = $('<button class="close">&times;</button>');
                            elem.append(closebutton);
                            closebutton.on("click", function() {
                                console.log("FIXME: remove " + sourceid);});

                            $("#selectedaudioinputs").append(elem);

                            // hide the option since we can't add the same input twice.
                            self.parent().addClass("hidden");
                            });
                        });
                    });
                });
        };
        _execute();
    </script>
  </body>
</html>

{'fraction_non_alphanumeric': 0.15664069577822068, 'fraction_numerical': 0.00452980612429788, 'mean_word_length': 1.6364939097205637, 'pattern_counts': {'":': 0, '<': 246, '<?xml version=': 0, '>': 246, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2793137', 'n_tokens_mistral': 3062, 'n_tokens_neox': 2897, 'n_words': 712}