github.com/qsunny/k8s@v0.0.0-20220101153623-e6dca256d5bf/examples-master/guestbook-go/public/script.js (about)

     1  $(document).ready(function() {
     2    var headerTitleElement = $("#header h1");
     3    var entriesElement = $("#guestbook-entries");
     4    var formElement = $("#guestbook-form");
     5    var submitElement = $("#guestbook-submit");
     6    var entryContentElement = $("#guestbook-entry-content");
     7    var hostAddressElement = $("#guestbook-host-address");
     8  
     9    var appendGuestbookEntries = function(data) {
    10      entriesElement.empty();
    11      $.each(data, function(key, val) {
    12        entriesElement.append("<p>" + val + "</p>");
    13      });
    14    }
    15  
    16    var handleSubmission = function(e) {
    17      e.preventDefault();
    18      var entryValue = entryContentElement.val()
    19      if (entryValue.length > 0) {
    20        entriesElement.append("<p>...</p>");
    21        $.getJSON("rpush/guestbook/" + entryValue, appendGuestbookEntries);
    22      }
    23      return false;
    24    }
    25  
    26    // colors = purple, blue, red, green, yellow
    27    var colors = ["#549", "#18d", "#d31", "#2a4", "#db1"];
    28    var randomColor = colors[Math.floor(5 * Math.random())];
    29    (function setElementsColor(color) {
    30      headerTitleElement.css("color", color);
    31      entryContentElement.css("box-shadow", "inset 0 0 0 2px " + color);
    32      submitElement.css("background-color", color);
    33    })(randomColor);
    34  
    35    submitElement.click(handleSubmission);
    36    formElement.submit(handleSubmission);
    37    hostAddressElement.append(document.URL);
    38  
    39    // Poll every second.
    40    (function fetchGuestbook() {
    41      $.getJSON("lrange/guestbook").done(appendGuestbookEntries).always(
    42        function() {
    43          setTimeout(fetchGuestbook, 1000);
    44        });
    45    })();
    46  });