UIHelper.js

define(function(require,exports,module){const StringUtils=require("utils/StringUtils"),Strings=require("strings");let _panel;function showError(inputId,wrapperId,errorMessage,errorId){const $inputField=$(`#${inputId}`),$wrapper=$(`#${wrapperId}`);$wrapper.find(".error-message").remove(),$inputField.removeClass("error-input");const $errorMessage=$("<div>").attr("id",errorId).addClass("error-message").text(errorMessage);$wrapper.append($errorMessage),$inputField.addClass("error-input"),setTimeout(function(){$(`#${errorId}`).fadeOut(function(){$(this).remove()}),$inputField.removeClass("error-input")},5e3),$inputField.one("input",function(){$(`#${errorId}`).remove(),$(this).removeClass("error-input")})}function showEmptySnippetMessage(){const $emptySnippet=$("#no-snippets-wrapper"),$snippetsList=$("#snippets-list-wrapper");$emptySnippet.removeClass("hidden"),$snippetsList.addClass("hidden")}function showSnippetsList(){const $emptySnippet=$("#no-snippets-wrapper"),$snippetsList=$("#snippets-list-wrapper");$emptySnippet.addClass("hidden"),$snippetsList.removeClass("hidden")}function clearSnippetsList(){const $snippetsListWrapper=$("#snippets-list-wrapper");$snippetsListWrapper.empty()}function showAddSnippetMenu(){const $addSnippetMenu=$("#custom-snippets-add-new"),$snippetListMenu=$("#custom-snippets-list"),$backToListMenuBtn=$("#back-to-list-menu-btn"),$addNewSnippetBtn=$("#add-new-snippet-btn"),$filterSnippetsPanel=$("#filter-snippets-panel");$addSnippetMenu.removeClass("hidden"),$snippetListMenu.addClass("hidden"),$backToListMenuBtn.removeClass("hidden"),$addNewSnippetBtn.addClass("hidden"),$filterSnippetsPanel.addClass("hidden"),_panel&&_panel.setTitle(Strings.CUSTOM_SNIPPETS_ADD_PANEL_TITLE)}function showSnippetListMenu(){const $addSnippetMenu=$("#custom-snippets-add-new"),$editSnippetMenu=$("#custom-snippets-edit"),$snippetListMenu=$("#custom-snippets-list"),$backToListMenuBtn=$("#back-to-list-menu-btn"),$addNewSnippetBtn=$("#add-new-snippet-btn"),$filterSnippetsPanel=$("#filter-snippets-panel");$addSnippetMenu.addClass("hidden"),$editSnippetMenu.addClass("hidden"),$snippetListMenu.removeClass("hidden"),$backToListMenuBtn.addClass("hidden"),$addNewSnippetBtn.removeClass("hidden"),$filterSnippetsPanel.removeClass("hidden"),_panel&&_panel.setTitle(Strings.CUSTOM_SNIPPETS_PANEL_TITLE),$("#filter-snippets-input").val("")}function showEditSnippetMenu(){const $editSnippetMenu=$("#custom-snippets-edit"),$snippetListMenu=$("#custom-snippets-list"),$backToListMenuBtn=$("#back-to-list-menu-btn"),$addNewSnippetBtn=$("#add-new-snippet-btn"),$filterSnippetsPanel=$("#filter-snippets-panel");$editSnippetMenu.removeClass("hidden"),$snippetListMenu.addClass("hidden"),$backToListMenuBtn.removeClass("hidden"),$addNewSnippetBtn.addClass("hidden"),$filterSnippetsPanel.addClass("hidden"),_panel&&_panel.setTitle(Strings.CUSTOM_SNIPPETS_EDIT_PANEL_TITLE)}function showDuplicateAbbreviationError(abbreviation,isEditForm=!1){const inputId=isEditForm?"edit-abbr-box":"abbr-box",wrapperId=isEditForm?"edit-abbr-box-wrapper":"abbr-box-wrapper",errorId=isEditForm?"edit-abbreviation-duplicate-error":"abbreviation-duplicate-error";showError(inputId,wrapperId,StringUtils.format(Strings.CUSTOM_SNIPPETS_DUPLICATE_ERROR,abbreviation),errorId)}function showSnippetsListHeader(){const $snippetsListHeader=$("#snippets-list-header");$snippetsListHeader.removeClass("hidden")}function hideSnippetsListHeader(){const $snippetsListHeader=$("#snippets-list-header");$snippetsListHeader.addClass("hidden")}function initializeListViewToolbarTitle(){_panel&&_panel.setTitle(Strings.CUSTOM_SNIPPETS_PANEL_TITLE)}function init(panel){_panel=panel}exports.init=init,exports.showEmptySnippetMessage=showEmptySnippetMessage,exports.showSnippetsList=showSnippetsList,exports.clearSnippetsList=clearSnippetsList,exports.showAddSnippetMenu=showAddSnippetMenu,exports.showSnippetListMenu=showSnippetListMenu,exports.showEditSnippetMenu=showEditSnippetMenu,exports.showDuplicateAbbreviationError=showDuplicateAbbreviationError,exports.showSnippetsListHeader=showSnippetsListHeader,exports.hideSnippetsListHeader=hideSnippetsListHeader,exports.initializeListViewToolbarTitle=initializeListViewToolbarTitle,exports.showError=showError});