EduSim/home.html at master · parthks/EduSim · 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
81
82
83
<!DOCTYPE html>
<html>

<head>
    <title>HOME</title>
    <link rel="stylesheet" href="directed-graph/graph-creator.css">
     <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
     <script src="/js/trackingcode.js"></script>
     <link rel="stylesheet" href="https://getbootstrap.com/dist/css/bootstrap.min.css">
     <script src="https://www.gstatic.com/firebasejs/4.1.5/firebase.js"></script>
     <script src="js/fire.js"></script>
</head>

<body>
    <!-- taken from https://github.com/cjrd/directed-graph-creator -->
    <div style="width: 100%; overflow: hidden;">
        <div style="width: 128px; float: left; margin-left: 10px">
            <br>
            <input type="image" id="default-graph" title="default graph" src="refresh-icon.png" alt="default graph">
        </div>
        <div style="width: auto; float: right; margin-right: 10px; margin-top: 12px;">
            <span id="identity">ERROR unknown user! Please Login Again!</span>
            <script type="text/javascript">
            //console.log(localStorage.getItem("name"));
            if (localStorage.getItem("name") != ''){
                document.getElementById('identity').innerText = localStorage.getItem("name");
            }
            </script>
        </div>
        <div id="center">
            <p>Click on a topic</p>
            <button id="showAllApps" onclick="refresh()">Show All Applications!</button>
        </div>

    </div>
    <div id="feedbackArea" style="position: fixed;bottom: 0;right: 0;">
        <button class="btn" onclick="feedbackClick()" id="feedbackButton" >FEEDBACK!</button>
    </div>

    <script type="text/javascript">
        function putFeedbackButton(){
            $('#feedbackArea').empty();
            $('#feedbackArea').append(
                '<button class="btn" onclick="feedbackClick()" id="feedbackButton" >FEEDBACK!</button>'
            );
        }

        StartMeUp(function(){
            console.log('GOT USER IN HOME PAGE');
        });

        function feedbackClick(){

            $('#feedbackArea').html(
                '<div style="background: white"><button onclick="putFeedbackButton();">X</button>&nbsp&nbsp<label>Questions, Comments, Concerns?<br>Anything and Everything is welcome!<br></label>&nbsp &nbsp'+
                '</div>'+
                '<textarea id="feebackBox" style="width: 300px; height: 300px;">'+
                '</textarea>'+

                '<br><button onclick="giveFeddback'+
                     "($('#feebackBox').val(), "+
                     "function(){$('#feedbackArea').empty();"+
                         "setTimeout(putFeedbackButton, 2000);"+
                         "$('#feedbackArea').append('<h3>Thank You! &nbsp </h3>');"+
                    "});" +

                 '" style="width: 100%">Submit</button>'+
                '<br><p>If you could also fill out this <a target="_blank" href="https://goo.gl/forms/EpSkZEedTfppOK3g1">short survey</a>, <br>that would be awesome!</p>');


        }
    </script>

    <div id="graph">
    </div>
    <script src="//d3js.org/d3.v3.js" charset="utf-8"></script>

</body>

<script src="js/graph-selector.js"></script>
<script src="directed-graph/graph-creator.js"></script>

</html>