webdev/app.js at master · dhs-biyu/webdev · 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
var index = 0;

$(function() {
    $("#setup, #punchline, #voting, #votes-container").hide();
    refreshJokes();

    $("#getJoke").click(
        function() {
            $("#setup, #punchline, #voting, #votes-container").show();

            $.get("/jokes",function(data){
                $("#setup").html(data.setup);
                $("#punchline").html(data.punchline);

                index = data._id;

                if (data.votes === undefined) {
                    $("#votes").html(0);
                } else {
                    $("#votes").html(data.votes);
                }

                changeVoteColor(data.votes);

            },"json")
        }
    );

    $("#upvote").on("click", function() {
        $.ajax({
            url: '/upvote',
            type: 'PUT',
            contentType: 'application/json',
            data: JSON.stringify({ id: index }),

            success: function(data, status, xhr) {
                $("#votes").html(data.votes);

                changeVoteColor(data.votes);
            }
        });
    });

    $("#downvote").on("click", function() {
        $.ajax({
            url: '/downvote',
            type: 'PUT',
            contentType: 'application/json',
            data: JSON.stringify({ id: index }),

            success: function(data, status, xhr) {
                $("#votes").html(data.votes);

                changeVoteColor(data.votes);
            }
        });
    });

    $("#createJoke").submit(function(event) {
        event.preventDefault();

        var setup = $('#createJokeSetup').val();
        var punchline = $('#createJokePunchline').val();

        $.ajax({
            url: '/createjoke',
            type: 'POST',
            contentType: 'application/json',
            data: JSON.stringify(
                {
                    "setup": setup,
                    "punchline": punchline,
                    "votes": 0
                }
            ),
            success: function(data, status, xhr) {
                $('#createJokeSetup').val("");
                $('#createJokePunchline').val("");
                $('#createJokeSuccess').text("Joke created successfully. {setup: " + setup + ", punchline: " + punchline + "}");
                refreshJokes();
            }
        });
    });

    $("#refreshJokes").on('click', function() {
        refreshJokes();
    });

    $("#deleteJoke").on('click', function() {
       $.ajax({
           url: 'deletejoke',
           type: 'DELETE',
           contentType: 'application/json',
           data: JSON.stringify(
               {
                    id: $('#allJokes').val()
               }
           ),
            success: function(data, status, xhr) {
                $('#deleteJokeSuccess').text("Joke deleted successfully. {setup: " + $('#allJokes option:selected').text() + "}");
                refreshJokes();
            }
       })
    });

    function changeVoteColor(numVotes) {
        if (numVotes < 0) {
            $("#votes").css('color', 'red');
        } else if (numVotes > 0) {
            $("#votes").css('color', 'lightgreen');
        } else {
            $("#votes").css('color', 'white');
        }
    }

    function refreshJokes() {
        $.get("/alljokes", function(data) {
            var optionsHTML = "";
            $('#allJokes').empty();
            data.forEach(function(element, index, array) {
                $('#allJokes')
                    .append($("<option></option>")
                    .attr("value",element._id)
                    .text(element.setup + " " + element.punchline));
            });
        });
    }
});