function addEditProductItem()

in log4j-catalog/log4j-catalog-editor/src/main/resources/static/js/products.js [147:202]


function addEditProductItem(productId) {
    var hiddenIdField = '';
    var productData = {};
    if (productId) {
        hiddenIdField = '<input type="hidden" id="productId" name="id" value="' + productId + '" />';
    } else {
        productId = 'tempProductData';
        var tempProductData = {
            id: productId,
            events: [],
        }
        localStorage.setItem('productItem' + productId, JSON.stringify(tempProductData));
    }
    productFormContent = ' \
        <form id="add-edit-product-form" class="log4j-catalog-form" method="post"> \
          ' + hiddenIdField + ' \
          <p> \
              <label>Name</label> \
              <input type="text" id="productName" name="name" class="required" /> \
          </p> \
          <p> \
              <label>Display Name</label> \
              <input type="text" id="productDisplayName" name="displayName" class="required" /> \
          </p> \
          <p> \
              <label>Description</label> \
              <input type="text" id="productDescription" name="description" class="required" /> \
          </p> \
          <p> \
              <label>Assigned Events</label> \
              <span id="productEvents"></span> \
          </p> \
          <p> \
              <label>Add Event</label> \
              <span> \
                  <select name="addProductEvent" id="addProductEvent"> \
                      <option value="">loading...</option> \
                  </select> \
                  <button id="addProductEventButton">+</button> \
              </span> \
          </p> \
        </form> \
        <div class="log4j-catalog-button-row"> \
            <button class="log4j-catalog-button" onclick="closeLog4jModal()">Cancel</button>\
            <button class="log4j-catalog-button" onclick="addEditProductItemHandler()">Save</button> \
        </div> \
    ';
    showLog4JModal('Add / Edit Product Item', productFormContent);
    if (localStorage.getItem('productItem' + productId)) {
        productData = JSON.parse(localStorage.getItem('productItem' + productId));
        $('#productName').val(productData.name);
        $('#productDisplayName').val(productData.displayName);
        $('#productDescription').val(productData.description);
    }
    populateProductEvents(productData.events, productId);
}