DocumentTools.WORD.yaml

name: DocumentTools
description: ''
host: WORD
api_set: {}
script:
  content: >
    interface IParameter {
      addBatch();
      add();
    }


    class Parameter implements IParameter {
      public name: string;
      public parameter: string;
      public batchInput: boolean;
      public keyword: string = "";
      public addBatch() {}
      public add() {}

      constructor(name: string, parameter: string, keyword?: string) {
        this.name = name;
        this.parameter = parameter;
        this.keyword = keyword;
        this.batchInput = parameter == "";
      }
    }


    function createButtons(parentElement: HTMLElement, elementsList:
    Parameter[]) {
      elementsList.forEach((element) => {
        var newButton = document.createElement("button");
        newButton.innerText = element.name.replace(/^\w|(?<=\s)\w/g, (match) => match.toUpperCase());
        newButton.className = "btn ";
        newButton.className += element.batchInput ? "btn-info" : "btn-secondary";
        newButton.style.marginBottom = "5px";
        newButton.style.marginRight = "5px";
        newButton.onclick = function() {
          element.batchInput ? element.addBatch() : element.add();
        };
        parentElement.appendChild(newButton);
      });
    }


    class Header extends Parameter {
      constructor(name, parameter?, keyword?) {
        super(name, parameter, keyword);
      }

      add() {
        return Word.run((context) => {
          let cursorOrSelection = context.document.getSelection();
          context.load(cursorOrSelection);
          return context.sync().then(() => {
            cursorOrSelection.insertText(this.parameter, Word.InsertLocation.end);
            return context.sync();
          });
        });
      }
      addBatch() {
        return Word.run(async (context) => {
          try {
            var tableCell = context.document.getSelection().parentTableCell;
            await context.load(tableCell);
            await context.sync();
            var table = tableCell.parentTable;
            await context.load(table);
            await context.sync();
            for (var i = tableCell.rowIndex; i < table.rowCount + 10; i++) {
              var otherCell = table.getCell(i, tableCell.cellIndex);
              await context.load(otherCell);
              await context.sync();
              if (otherCell.value == "") {
                var textCell = table.getCell(i, tableCell.cellIndex - 1);
                await context.load(textCell);
                await context.sync();

                let params = [];
                textCell.value.split("/").forEach(function(value, index, stringArray) {
                  headerList.forEach(function(v) {
                    console.log(v.name + v.parameter);
                    if (value.toLowerCase().includes(v.name)) {
                      params.push(v.parameter);
                    }
                  });
                });
                if (params.length > 0) {
                  otherCell.value += params.join(" / ");
                }
              }
            }
            return context.sync();
          } catch (e) {
            if (e.code != "ItemNotFound") console.log(e);
            return context.sync();
          }
        });
      }
    }


    const headerList = [
      new Header("unvan", "${C_title}", "unvan"),
      new Header("adres", "${RE_address}", "adres"),
      new Header("telefon", "${C_phone}", "telefon"),
      new Header("e-posta", "${C_email}", "posta"),
      new Header("bir sonraki periyodik kontrol tarihi", "${RE_ndate}", "sonraki"),
      new Header("kontrol tarihi", "${RE_sdatetime} / ${RE_edatetime}", "kontrol tarihi"),
      new Header("rapor ek no", "${RE_ekno}", "ek no"),
      new Header("ekipman kodu", "${RE_ekno}", "ekipman kod"),
      new Header("rapor tarihi", "${RE_date}", "rapor tarihi"),
      new Header("rapor no", "${RE_no}", "rapor no"),
      new Header("başlangıç tarihi ve saati", "${RE_sdatetime}", "başlangıç"),
      new Header("bitiş tarihi ve saati", "${RE_edatetime}", "bitiş"),
      new Header("Toplu Giriş"),
    ];


    const headerElement = document.getElementById("headerElements");

    createButtons(headerElement, headerList);


    class Title extends Parameter {
      constructor(name, parameter) {
        super(name, parameter);
      }

      add() {
        return Word.run(async (context) => {
          var tableCell = context.document.getSelection().parentTableCell;
          await context.load(tableCell);
          await context.sync();
          tableCell.value += " ${" + getCount() + "_" + this.parameter + " " + tableCell.value + "}";
          return context.sync();
        });
      }
    }


    const titleList = [new Title("Büyük", "BB"), new Title("Küçük", "BK")];

    const titleElement = document.getElementById("titleElements");

    createButtons(titleElement, titleList);


    class Text_ extends Parameter {
      constructor(name, parameter) {
        super(name, parameter);
      }

      add() {
        if ((<HTMLInputElement>document.getElementById("multiLineText")).checked) {
          this.addBatch();
        } else {
          return Word.run((context) => {
            var tableCell = context.document.getSelection().parentTableCell;
            context.load(tableCell);
            return context.sync().then(function() {
              tableCell.value += addShiftEnter("${" + getCount() + "_" + this.parameter + "}");
            });
          });
        }
      }
      addBatch() {
        return Word.run(async (context) => {
          var tableCell = context.document.getSelection().parentTableCell;
          await context.load(tableCell);
          await context.sync();

          var table = tableCell.parentTable;
          await context.load(table);
          await context.sync();
          for (var i = tableCell.rowIndex; i < table.rowCount; i++) {
            var otherCell = table.getCell(i, tableCell.cellIndex);
            await context.load(otherCell);
            await context.sync();
            if (otherCell.value == "") {
              otherCell.value += addShiftEnter("${" + getCount() + "_" + this.parameter + "}");
            } else {
              break;
            }
          }
          return context.sync();
        });
      }
    }

    const textList = [
      new Text_("Ekipman", "ET"),
      new Text_("Kusur ve Açıklamalar", "TE"),
      new Text_("Notlar", "TA"),
      new Text_("Sadece Yazı", "T")
    ];

    const textElement = document.getElementById("textElements");

    createButtons(textElement, textList);


    const parameterList = [
      new Text_("Uygun/Uygun Değil", "DL"),
      new Text_("UU", "UU"),
      new Text_("Var/Yok", "DM"),
      new Text_("Evet/Hayır", "EH")
    ];

    const parameterElement = document.getElementById("parameterElements");

    createButtons(parameterElement, parameterList);


    class Equipment extends Parameter {
      firstParameter = "brand";
      constructor(name, _parameters?: string[], keyword?) {
        super(name, _parameters ? _parameters.join("-") : "", keyword);
      }

      protected getParameters():string[] {
        return this.parameter.split("-");
      }

      add() {
        return Word.run((context) => {
          var tableCell = context.document.getSelection().parentTableCell;
          context.load(tableCell);
          return context.sync().then(function () {
            if (this.getParameters().find(e => e.Name === this.firstParameter)) {
              counterValue.value = (++counter).toString();
              eqNumberValue.value = (++eqNumber).toString();
            }
            var value = "";
            this.getParameters.forEach(function (v) {
              var param = "${" + counterValue.value + "_EQ" + eqNumberValue.value + "_" + v + "}";
              value += value != "" ? " " + param : param;
            });
            tableCell.value += value;
          });
        });
      }

      addBatch() {
        return Word.run(async (context) => {
          var tableCell = context.document.getSelection().parentTableCell;
          await context.load(tableCell);
          await context.sync();

          var table = tableCell.parentTable;
          await context.load(table);
          await context.sync();
          let oldRowCount = 0;
          let finished = false;
          for (var i = tableCell.rowIndex; i < table.rowCount; i++) {
            if (finished) {
              counterValue.value = (--counter).toString();
              eqNumberValue.value = (--eqNumber).toString();
              return context.sync();
            }
            counterValue.value = (++counter).toString();
            eqNumberValue.value = (++eqNumber).toString();
            let loopEnable = true;
            let rowCount = 0;

            while (loopEnable) {
              try {
                var otherCell = table.getCell(i, tableCell.cellIndex + rowCount);
                await context.load(otherCell);
                await context.sync();
                rowCount++;
                if (oldRowCount != 0 && oldRowCount < rowCount) {
                  finished = true;
                  loopEnable = false;
                } else {
                  let params = [];
                  otherCell.value.split("/").forEach(function (value, index, stringArray) {
                    equipmentList.forEach(function (v) {
                      if (value.toLowerCase().includes(v[0])) {
                        params.push("${" + counterValue.value + "_EQ" + eqNumberValue.value + "_" + v[1] + "}");
                      }
                    });
                  });
                  if (params.length > 0) {
                    otherCell.value = otherCell.value.replace(/\s+$/, "") + " " + params.join(" / ");
                  }
                }
              } catch (e) {
                if (e.code != "ItemNotFound") console.log(e);
                loopEnable = false;
              }
              if (rowCount == 20) {
                console.log("aaaa");
                loopEnable = false;
              }
            }
            if (oldRowCount != 0 && oldRowCount != rowCount) {
              finished = true;
            }
            oldRowCount = rowCount;
          }
          return context.sync();
        }).catch(function (e) {
          console.log(e);
        });
      }
    }


    const equipmentList = [
      new Equipment("Marka", ["brand"], "marka"),
      new Equipment("Model", ["model"], "model"),
      new Equipment("Seri No", ["serialno"], "seri no"),
      new Equipment("Ölçüm Yöntemi", ["measureMethod"], "ölçüm yöntemi"),
      new Equipment("Kalibrasyon Ypan Kurum", ["calibrationCompany"], "kalibrasyon yapan kurum"),
      new Equipment("Kalibrasyon Onayı Tarihi", ["approveDate"], "kalibrasyon onayı tarihi"),
      new Equipment("Kalibrasyon Numarası", ["calibrationNo"], "kalibrasyon numarası"),
      new Equipment("Kapasite", ["measureCapacity"], "kapasite"),
      new Equipment("Kalibrasyon Tarihi", ["lastdate"], "kalibrasyon tarihi"),
      new Equipment("Marka/Model", ["brand", "model"]),
      new Equipment("Toplu Giriş")
    ];

    const equipmentElement = document.getElementById("equipmentElements");

    createButtons(equipmentElement, equipmentList);

    const checkbox = {
      checkbox1: "CS"
    };


    const results = {
      result1: "${RE_ResA}",
      result2: "${RE_ResNA}",
      result3: `    \${RE_ResA} KULLANIMI UYGUNDUR.
        \${RE_ResNA} KULLANIMI UYGUN DEĞILDIR.`,
      result4: `\${RE_ResA} KULLANILMASI UYGUNDUR.
    \${RE_ResNA} YAZILI EKSİKLER GİDERİLMEDEN KULLANILMASI UYGUN DEĞİLDİR.`

    };


    const un = {
      un1: ["name", "surname"],
      un2: ["occupation", "jobtitle"],
      un3: ["diplomadate", "diplomano"],
      un4: ["sicilno"],
      un5: ["ekipnet"],
      un6: []
    };


    const unList = [
      ["adı soyadı", "${UN_name} ${UN_surname}"],
      ["mesle", "${UN_occupation}"],
      ["unvan", "${UN_jobtitle}"],
      ["diploma tarihi", "${UN_diplomadate}"],
      ["no", "${UN_diplomano}"],
      ["sicil", "${UN_sicilno}"],
      ["ekip", "${UN_ekipnet}"]
    ];


    const ua = {
      ua1: ["name", "surname"],
      ua2: ["occupation", "jobtitle"],
      ua3: ["jobtitle"],
      ua4: []
    };


    const uaList = [
      ["adı soyadı", "${UA_name} ${UA_surname}"],
      ["mesle", "${UA_occupation}"],
      ["unvan", "${UA_jobtitle}"],
      ["görev", "${UA_jobtitle}"]
    ];


    function addNewColumn() {
      var columnInputs = document.getElementById("columnInputs");
      var input = document.createElement("div");
      input.classList.add("mb-3");
      input.innerHTML = `
                <label for="columnInput${columnInputs.childElementCount +
                  1}" class="form-label">Sütun ${columnInputs.childElementCount + 1}</label>
                <input type="text" class="form-control columnInput" id="columnInput${columnInputs.childElementCount +
                  1}" placeholder="Sütun ${columnInputs.childElementCount + 1}">
            `;
      columnInputs.appendChild(input);
    }


    function createTable() {
      var title = <HTMLInputElement>document.getElementById("tableTitle");
      var columnInputs = document.getElementsByClassName("columnInput");
      var tableContainer = document.getElementById("tableContainer");

      var tableHTML = "<code>${" + getCount() + '_UH ("BK":"' + title.value + '","P":"UH1",';

      for (var i = 0; i < columnInputs.length; i++) {
        var columnName = (<HTMLInputElement>columnInputs.item(i)).value.trim();
        tableHTML += '"TD' + (i + 1) + '":("Type":"T","Label":"' + columnName + '")';
        tableHTML += columnInputs.length != i + 1 ? "," : "";
      }
      tableHTML += ")}</code>";
      tableContainer.innerHTML = tableHTML;
    }


    let eqNumber = 0;

    let csNumber = 0;

    let counter = 0;

    const kCount = 10;

    let shiftEnterEnabled = false;


    const eqNumberValue = <HTMLInputElement>document.getElementById("eqNumber");

    const csNumberValue = <HTMLInputElement>document.getElementById("csNumber");

    const counterValue =
    <HTMLInputElement>document.getElementById("counter-value");

    const incrementBtn = document.getElementById("increment-btn");

    const decrementBtn = document.getElementById("decrement-btn");

    const resetBtn = document.querySelector("#reset");


    function shiftEnterChanged() {
      shiftEnterEnabled = !shiftEnterEnabled;
    }


    function addShiftEnter(input) {
      return shiftEnterEnabled ? "\r\n" + input + "\r\n" : input;
    }

    function eqNumberChanged() {
      eqNumber = parseInt(eqNumberValue.value);
    }


    function csNumberChanged() {
      csNumber = parseInt(csNumberValue.value);
    }


    function counterValueOnChange() {
      counter = parseInt(counterValue.value);
    }

    function getCount() {
      counterValue.value = (++counter).toString();
      return counter;
    }

    incrementBtn.innerHTML = "+" + kCount;

    incrementBtn.addEventListener("click", () => {
      counter += kCount;
      counterValue.value = counter.toString();
    });


    decrementBtn.innerHTML = "-" + kCount;

    decrementBtn.addEventListener("click", () => {
      counter -= kCount;
      counterValue.value = counter.toString();
    });


    resetBtn.addEventListener("click", () => {
      counter = 0;
      counterValue.value = counter.toString();
    });


    Office.onReady((info) => {
      if (info.host === Office.HostType.Word) {
        for (let key in checkbox) {
          document.getElementById(key).onclick = function() {
            addCheckBox();
          };
        }
        for (let key in results) {
          document.getElementById(key).onclick = function() {
            addResult(results[key]);
          };
        }
        for (let key in un) {
          document.getElementById(key).onclick = function() {
            if (un[key].length == 0) addBatchUN();
            else addUN(un[key]);
          };
        }
        for (let key in ua) {
          document.getElementById(key).onclick = function() {
            if (ua[key].length == 0) addBatchUA();
            else addUA(ua[key]);
          };
        }
      }
    });


    function addCheckBox() {
      return Word.run(async (context) => {
        var range = context.document.getSelection();
        await range.load(["paragraphs"]);
        await context.sync();

        var paragraphs = range.paragraphs;
        await range.load(["items"]);
        await context.sync();
        counterValue.value = (++counter).toString();
        csNumberValue.value = (++csNumber).toString();

        paragraphs.items.forEach(function(values, index, params) {
          values.insertText(
            addShiftEnter(
              "${" +
                counterValue.value +
                "_CS" +
                csNumberValue.value +
                "_" +
                (values.text.toLowerCase().includes("diğer") ? "D" : index + 1) +
                "} " +
                values.text.replace(/^\s+/, "").replace(/[\u2026. :]*$/g, "")
            ),
            Word.InsertLocation.replace
          );
        });

        return context.sync();
      }).catch(function(e) {
        console.log(e);
      });
    }


    function addResult(parameter) {
      return Word.run((context) => {
        let cursorOrSelection = context.document.getSelection();
        context.load(cursorOrSelection);
        return context.sync().then(function() {
          var selectedText = cursorOrSelection.text;
          cursorOrSelection.insertText(parameter, Word.InsertLocation.replace);
        });
      });
    }


    function addUN(parameter) {
      return Word.run((context) => {
        var tableCell = context.document.getSelection().parentTableCell;
        context.load(tableCell);
        return context.sync().then(function() {
          var value = "";
          parameter.forEach(function(v) {
            var param = "${" + "UN_" + v + "}";
            value += value != "" ? (v == "surname" ? " " : " / ") + param : param;
          });
          tableCell.value += value;
        });
      });
    }


    function addBatchUN() {
      return Word.run(async (context) => {
        try {
          var tableCell = context.document.getSelection().parentTableCell;
          await context.load(tableCell);
          await context.sync();

          var table = tableCell.parentTable;
          await context.load(table);
          await context.sync();
          for (var i = tableCell.rowIndex; i < table.rowCount + 10; i++) {
            var otherCell = table.getCell(i, tableCell.cellIndex);
            await context.load(otherCell);
            await context.sync();
            if (otherCell.value == "") {
              var textCell = table.getCell(i, tableCell.cellIndex - 1);
              await context.load(textCell);
              await context.sync();
              let params = [];
              textCell.value.split("/").forEach(function(value, index, stringArray) {
                unList.forEach(function(v) {
                  if (
                    value
                      .replace(/İ/g, "i")
                      .toLowerCase()
                      .includes(v[0])
                  ) {
                    params.push(v[1]);
                  }
                });
              });
              if (params.length > 0) {
                otherCell.value += params.join(" / ");
              }
            }
          }
          return context.sync();
        } catch (e) {
          if (e.code != "ItemNotFound") console.log(e);
          return context.sync();
        }
      });
    }


    function addUA(parameter) {
      return Word.run((context) => {
        var tableCell = context.document.getSelection().parentTableCell;
        context.load(tableCell);
        return context.sync().then(function() {
          var value = "";
          parameter.forEach(function(v) {
            var param = "${" + "UA_" + v + "}";
            value += value != "" ? (v == "surname" ? " " : " / ") + param : param;
          });
          tableCell.value += value;
        });
      });
    }


    function addBatchUA() {
      return Word.run(async (context) => {
        try {
          var tableCell = context.document.getSelection().parentTableCell;
          await context.load(tableCell);
          await context.sync();

          var table = tableCell.parentTable;
          await context.load(table);
          await context.sync();
          for (var i = tableCell.rowIndex; i < table.rowCount + 10; i++) {
            var otherCell = table.getCell(i, tableCell.cellIndex);
            await context.load(otherCell);
            await context.sync();
            if (otherCell.value == "") {
              var textCell = table.getCell(i, tableCell.cellIndex - 1);
              await context.load(textCell);
              await context.sync();
              let params = [];
              textCell.value.split("/").forEach(function(value, index, stringArray) {
                uaList.forEach(function(v) {
                  if (
                    value
                      .replace(/İ/g, "i")
                      .toLowerCase()
                      .includes(v[0])
                  ) {
                    params.push(v[1]);
                  }
                });
              });
              if (params.length > 0) {
                otherCell.value += params.join(" / ");
              }
            }
          }
          return context.sync();
        } catch (e) {
          if (e.code != "ItemNotFound") console.log(e);
          return context.sync();
        }
      });
    }
  language: typescript
template:
  content: "</script>\r\n<div class=\"container text-center\">\r\n\t<div class=\"row justify-content-center\">\r\n\t\t<div class=\"col-2\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-success\" id=\"decrement-btn\">-</button>\r\n\t\t</div>\r\n\t\t<div class=\"col-4\">\r\n\t\t\t<input class=\"form-control\" type=\"number\" onchange=\"counterValueOnChange()\" id=\"counter-value\" value=\"0\">\r\n\t\t</div>\r\n\t\t\t<div class=\"col-2\">\r\n\t\t\t\t<button type=\"button\" class=\"btn btn-success\" id=\"increment-btn\">+</button>\r\n\t\t\t</div>\r\n\t\t\t<button type=\"button\" class=\"btn btn-danger\" id=\"reset\" style=\"width:100px\">Reset</button>\r\n\t\t\t<br>\r\n\t\t\t<div class=\"form-check form-switch col-4\">\r\n\t\t\t\t<input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" onchange=\"shiftEnterChanged()\">\r\n\t\t\t\t<label class=\"form-check-label\" for=\"multiLineText\">Shift + Enter</label>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"accordion\">\r\n\t\t<div class=\"accordion-item\">\r\n\t\t\t<h2 class=\"accordion-header\">\r\n\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#panelsStayOpen-collapseOne\" aria-expanded=\"false\" aria-controls=\"panelsStayOpen-collapseOne\">\r\n        \tHeader\r\n      </button>\r\n\t\t\t</h2>\r\n\t\t\t<div id=\"panelsStayOpen-collapseOne\" class=\"accordion-collapse collapse\">\r\n\t\t\t\t<div class=\"accordion-body\" id=\"headerElements\">\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"accordion-item\">\r\n\t\t\t<h2 class=\"accordion-header\">\r\n\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#panelsStayOpen-collapseTwo\" aria-expanded=\"false\" aria-controls=\"panelsStayOpen-collapseTwo\">\r\n        \tTitles\r\n      </button>\r\n\t\t\t</h2>\r\n\t\t\t<div id=\"panelsStayOpen-collapseTwo\" class=\"accordion-collapse collapse\">\r\n\t\t\t\t<div class=\"accordion-body\" id=\"titleElements\">\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"accordion-item\">\r\n\t\t\t<h2 class=\"accordion-header\">\r\n\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#panelsStayOpen-collapseThree\" aria-expanded=\"false\" aria-controls=\"panelsStayOpen-collapseThree\">\r\n        \tTexts\r\n      </button>\r\n\t\t\t</h2>\r\n\t\t\t<div id=\"panelsStayOpen-collapseThree\" class=\"accordion-collapse collapse\">\r\n\t\t\t\t<div class=\"accordion-body\" id=\"textElements\">\r\n\t\t\t\t\t<div class=\"form-check form-switch\">\r\n\t\t\t\t\t\t<input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"multiLineText\" checked>\r\n\t\t\t\t\t\t<label class=\"form-check-label\" for=\"multiLineText\">Multiline</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"accordion-item\">\r\n\t\t\t<h2 class=\"accordion-header\">\r\n\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#panelsStayOpen-collapseFour\" aria-expanded=\"false\" aria-controls=\"panelsStayOpen-collapseFour\">\r\n\t\t\t\t\tParameters\r\n\t\t\t\t</button>\r\n\t\t\t</h2>\r\n\t\t\t<div id=\"panelsStayOpen-collapseFour\" class=\"accordion-collapse collapse\">\r\n\t\t\t\t<div class=\"accordion-body\" id=\"parameterElements\">\r\n\t\t\t\t\t<div class=\"form-check form-switch\">\r\n\t\t\t\t\t\t<input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"multiLineText\" checked>\r\n\t\t\t\t\t\t<label class=\"form-check-label\" for=\"multiLineText\">Multiline</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"accordion-item\">\r\n\t\t\t<h2 class=\"accordion-header\">\r\n\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#panelsStayOpen-collapseFive\" aria-expanded=\"false\" aria-controls=\"panelsStayOpen-collapseFive\">\r\n\t\t\t\t\tEquipment\r\n\t\t\t\t</button>\r\n\t\t\t</h2>\r\n\t\t\t<div id=\"panelsStayOpen-collapseFive\" class=\"accordion-collapse collapse\">\r\n\t\t\t\t<div class=\"accordion-body\" id=\"equipmentElements\">\r\n\t\t\t\t\t<input class=\"form-control customNumber\" type=\"number\" onchange=\"eqNumberChanged()\"  id=\"eqNumber\">\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"accordion-item\">\r\n\t\t\t<h2 class=\"accordion-header\">\r\n\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#panelsStayOpen-collapseSix\" aria-expanded=\"false\" aria-controls=\"panelsStayOpen-collapseSix\">\r\n\t\t\t\t\tCheck Box\r\n\t\t\t\t</button>\r\n\t\t\t</h2>\r\n\t\t\t<div id=\"panelsStayOpen-collapseSix\" class=\"accordion-collapse collapse\">\r\n\t\t\t\t<div class=\"accordion-body\">\r\n\t\t\t\t\t<input class=\"form-control customNumber\" type=\"number\" onchange=\"csNumberChanged()\" id=\"csNumber\">\r\n\t\t\t\t\t<button type=\"button\" id=\"checkbox1\" class=\"btn btn-secondary\">Check Box</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"accordion-item\">\r\n\t\t\t<h2 class=\"accordion-header\">\r\n\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#panelsStayOpen-collapseSeven\" aria-expanded=\"false\" aria-controls=\"panelsStayOpen-collapseSeven\">\r\n\t\t\t\t\tResults\r\n\t\t\t\t</button>\r\n\t\t\t</h2>\r\n\t\t\t<div id=\"panelsStayOpen-collapseSeven\" class=\"accordion-collapse collapse\">\r\n\t\t\t\t<div class=\"accordion-body\">\r\n\t\t\t\t\t<button type=\"button\" id=\"result1\" class=\"btn btn-secondary\">Kullanımı Uygun</button>\r\n\t\t\t\t\t<button type=\"button\" id=\"result2\" class=\"btn btn-secondary\">Kullanımı Uygun Değildir</button>\r\n\t\t\t\t\t<button type=\"button\" id=\"result3\" class=\"btn btn-secondary\">Toplu Giriş 1</button>\r\n\t\t\t\t\t<button type=\"button\" id=\"result4\" class=\"btn btn-secondary\">Toplu Giriş 2</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"accordion-item\">\r\n\t\t\t<h2 class=\"accordion-header\">\r\n\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#panelsStayOpen-collapseEight\" aria-expanded=\"false\" aria-controls=\"panelsStayOpen-collapseEight\">\r\n\t\t\t\t\tUN\r\n\t\t\t\t</button>\r\n\t\t\t</h2>\r\n\t\t\t<div id=\"panelsStayOpen-collapseEight\" class=\"accordion-collapse collapse\">\r\n\t\t\t\t<div class=\"accordion-body\">\r\n\t\t\t\t\t<button type=\"button\" id=\"un1\" class=\"btn btn-secondary\">Adı Soyadı</button>\r\n\t\t\t\t\t<button type=\"button\" id=\"un2\" class=\"btn btn-secondary\">Mesleği/Unvanı</button>\r\n\t\t\t\t\t<button type=\"button\" id=\"un3\" class=\"btn btn-secondary\">Diploma Tarihi/No</button>\r\n\t\t\t\t\t<button type=\"button\" id=\"un4\" class=\"btn btn-secondary\">Oda Sicil Numarası</button>\r\n\t\t\t\t\t<button type=\"button\" id=\"un5\" class=\"btn btn-secondary\">Ekipnet Kayıt Numarası</button>\r\n\t\t\t\t\t<button type=\"button\" id=\"un6\" class=\"btn btn-secondary\">Toplu Giriş</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"accordion-item\">\r\n\t\t\t<h2 class=\"accordion-header\">\r\n\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#panelsStayOpen-collapseNine\" aria-expanded=\"false\" aria-controls=\"panelsStayOpen-collapseNine\">\r\n\t\t\t\t\tUA\r\n\t\t\t\t</button>\r\n\t\t\t</h2>\r\n\t\t\t<div id=\"panelsStayOpen-collapseNine\" class=\"accordion-collapse collapse\">\r\n\t\t\t\t<div class=\"accordion-body\">\r\n\t\t\t\t\t<button type=\"button\" id=\"ua1\" class=\"btn btn-secondary\">Adı Soyadı</button>\r\n\t\t\t\t\t<button type=\"button\" id=\"ua2\" class=\"btn btn-secondary\">Mesleği/Unvanı</button>\r\n\t\t\t\t\t<button type=\"button\" id=\"ua3\" class=\"btn btn-secondary\">Görevi</button>\r\n\t\t\t\t\t<button type=\"button\" id=\"ua4\" class=\"btn btn-secondary\">Toplu Giriş</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"accordion-item\">\r\n\t\t\t<h2 class=\"accordion-header\">\r\n\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#panelsStayOpen-collapseTen\" aria-expanded=\"false\" aria-controls=\"panelsStayOpen-collapseTen\">\r\n\t\t\t\t\tTable\r\n\t\t\t\t</button>\r\n\t\t\t</h2>\r\n\t\t\t<div id=\"panelsStayOpen-collapseTen\" class=\"accordion-collapse collapse\">\r\n\t\t\t\t<div class=\"accordion-body\">\r\n\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t<form id=\"form\">\r\n\t\t\t\t\t\t\t<div class=\"mb-3\">\r\n\t\t\t\t\t\t\t\t<label for=\"tableTitle\" class=\"form-label\">Başlık</label>\r\n\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"tableTitle\" placeholder=\"Başlık\">\r\n        \t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div id=\"columnInputs\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"mb-3\">\r\n\t\t\t\t\t\t\t\t\t\t<label for=\"columnInput1\" class=\"form-label\">Sütun 1</label>\r\n\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control columnInput\" id=\"columnInput1\" placeholder=\"Sütun 1\">\r\n            \t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-primary mb-3\" onclick=\"addNewColumn()\">Yeni Sütun Ekle</button>\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-success mb-3\" onclick=\"createTable()\">Tablo Oluştur</button>\r\n\t\t\t\t\t\t</form>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div id=\"tableContainer\"></div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\"\r\n\t\tintegrity=\"sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65\" crossorigin=\"anonymous\">\r\n\t<script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js\"\r\n\t\tintegrity=\"sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4\" crossorigin=\"anonymous\">"
  language: html
style:
  content: "body {\r\n  padding: 10px;\r\n}\r\n\r\n.btn {\r\n  margin-bottom: 5px; \r\n}\r\n\r\n.customNumber {\r\n  margin-bottom: 10px;\r\n}"
  language: css
libraries: |
  https://appsforoffice.microsoft.com/lib/1/hosted/office.js
  @types/office-js

  office-ui-fabric-js@1.4.0/dist/css/fabric.min.css
  office-ui-fabric-js@1.4.0/dist/css/fabric.components.min.css

  core-js@2.4.1/client/core.min.js
  @types/core-js

  jquery@3.1.1
  @types/jquery@3.3.1