devopsfinland.github.io/index.html at master · devopsfinland/devopsfinland.github.io · 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
<html>
<head>
    <title>DevOps Finland</title>
    <style>
        .error {color:red;}
        .success {color:green;}
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script>
    //<![CDATA[

    var settings = {
        'execute_api_domain' : 'yc6dcdwh9a.execute-api.eu-west-1.amazonaws.com',
        'submit_button_selector' : '#button',
        'email_input_selector' : '#email',
        'return_message_container_selector' : '#return_message'
    };

    function handle_success( message ) { handle( 'success', message ); }
    function handle_error( message ) { handle( 'error', message ); }

    function handle( message_type, message ) {
        var $return_message_containers = $( settings.return_message_container_selector );

        if ( $return_message_containers.length ) {
            $return_message_containers.removeClass( 'success error' );
            $return_message_containers.addClass( message_type );
            $return_message_containers.text( message );
        }
        else {
            alert( message_type + ': ' + message );
        }
    };

    $( document ).ready( function() {
        $( settings.submit_button_selector ).click( function() {
            var email_value = $( settings.email_input_selector ).val()

            if ( ! email_value ) {
                return setTimeout( function() { handle_error( 'Missing email' ); }, 10 );
            }

            $.ajax({
                type: "POST",
                url: 'https://' + settings.execute_api_domain + '/dev/invite',
                contentType: "application/json",
                dataType: 'json',
                data: JSON.stringify( { email : email_value } ),
                success: function( data ) {
                    try {
                        if ( data.ok ) {
                            handle_success( 'Great success' );
                        }
                        else {
                            handle_error( 'Error while calling API: ' + data.error );
                        }
                    }
                    catch ( error ) {
                        handle_error( 'Unknown when parsing API return: ' + error );
                    }
                },
                error: function( xhr, status, error ) {
                    handle_error( 'Unknown transport error: ' + status + ( error ? ' ' + error : '' ) );
                }
            });
        } );
    } );

    //]]>
    </script>
</head>
    <p>You can find our events at <a href="http://www.meetup.com/devops-finland/">meetup.com</a>.</p>
    <p>Put your email here to get invited to slack! <input id="email" type="text" /> <button id="button">Let me in!</button></p>
    <p id="return_message"></p>
</html>