@sap_oss/wdio-qmate-service/test/reuse/ui5/mockserver_qunit/controller/employee/overview/EmployeeOverviewContent.controller.js

[](https://api.reuse.software/info/github.com/SAP/wdio-qmate-service)[](http

/* eslint-disable no-unused-vars */
// eslint-disable-next-line no-undef
sap.ui.define([
  "sap/ui/demo/nav/controller/BaseController",
  "sap/ui/model/Filter",
  "sap/ui/model/FilterOperator",
  "sap/ui/model/Sorter",
  "sap/m/ViewSettingsDialog",
  "sap/m/ViewSettingsItem"
], function(
  BaseController,
  Filter,
  FilterOperator,
  Sorter,
  ViewSettingsDialog,
  ViewSettingsItem
) {
  "use strict";

  return BaseController.extend("sap.ui.demo.nav.controller.employee.overview.EmployeeOverviewContent", {

    onInit: function () {
      var oRouter = this.getRouter();

      this._oTable = this.byId("employeesTable");
      this._oVSD = null;
      this._sSortField = null;
      this._bSortDescending = false;
      this._aValidSortFields = ["EmployeeID", "FirstName", "LastName"];
      this._sSearchQuery = null;
      this._oRouterArgs = null;

      this._initViewSettingsDialog();

			// make the search bookmarkable
      oRouter.getRoute("employeeOverview").attachMatched(this._onRouteMatched, this);

    },

    _onRouteMatched : function (oEvent) {
			// save the current query state
      this._oRouterArgs = oEvent.getParameter("arguments");
      this._oRouterArgs["?query"] = this._oRouterArgs["?query"] || {};
      var oQueryParameter = this._oRouterArgs["?query"];

			// search/filter via URL hash
      this._applySearchFilter(oQueryParameter.search);

			// sorting via URL hash
      this._applySorter(oQueryParameter.sortField, oQueryParameter.sortDescending);

			// show dialog via url hash
      if (oQueryParameter.showDialog) {
        this._oVSD.open();
      }
    },

    onSortButtonPressed : function (oEvent) {
      var oRouter = this.getRouter();
      this._oRouterArgs["?query"].showDialog = 1;
      oRouter.navTo("employeeOverview",this._oRouterArgs);
    },

    onSearchEmployeesTable : function (oEvent) {
      var oRouter = this.getRouter();
			// update the hash with the current search term
      this._oRouterArgs["?query"].search = oEvent.getSource().getValue();
      oRouter.navTo("employeeOverview",this._oRouterArgs, true /*no history*/);
    },

    _initViewSettingsDialog : function () {
      var oRouter = this.getRouter();
      this._oVSD = new ViewSettingsDialog("vsd", {
        confirm: function (oEvent) {
          var oSortItem = oEvent.getParameter("sortItem");
          this._oRouterArgs["?query"].sortField = oSortItem.getKey();
          this._oRouterArgs["?query"].sortDescending = oEvent.getParameter("sortDescending");
          delete this._oRouterArgs["?query"].showDialog;
          oRouter.navTo("employeeOverview",this._oRouterArgs, true /*without history*/);
        }.bind(this),
        cancel : function (oEvent){
          delete this._oRouterArgs["?query"].showDialog;
          oRouter.navTo("employeeOverview",this._oRouterArgs, true /*without history*/);
        }.bind(this)
      });

			// init sorting (with simple sorters as custom data for all fields)
      this._oVSD.addSortItem(new ViewSettingsItem({
        key: "EmployeeID",
        text: "Employee ID",
        selected: true			// by default the MockData is sorted by EmployeeID
      }));

      this._oVSD.addSortItem(new ViewSettingsItem({
        key: "FirstName",
        text: "First Name",
        selected: false
      }));

      this._oVSD.addSortItem(new ViewSettingsItem({
        key: "LastName",
        text: "Last Name",
        selected: false
      }));
    },

    _applySearchFilter : function (sSearchQuery) {
      var aFilters, oFilter, oBinding;

			// first check if we already have this search value
      if (this._sSearchQuery === sSearchQuery) {
        return;
      }
      this._sSearchQuery = sSearchQuery;
      this.byId("searchField").setValue(sSearchQuery);

			// add filters for search
      aFilters = [];
      if (sSearchQuery && sSearchQuery.length > 0) {
        aFilters.push(new Filter("FirstName", FilterOperator.Contains, sSearchQuery));
        aFilters.push(new Filter("LastName", FilterOperator.Contains, sSearchQuery));
        oFilter = new Filter({ filters: aFilters, and: false });  // OR filter
      } else {
        oFilter = null;
      }

			// update list binding
      oBinding = this._oTable.getBinding("items");
      oBinding.filter(oFilter, "Application");
    },

		/**
		 * Applies sorting on our table control.
		 * @param {string} sSortField		the name of the field used for sorting
		 * @param {string} sortDescending	true or false as a string or boolean value to specify a descending sorting
		 * @private
		 */
    _applySorter : function (sSortField, sortDescending){
      var bSortDescending, oBinding, oSorter;

			// only continue if we have a valid sort field
      if (sSortField && this._aValidSortFields.indexOf(sSortField) > -1) {

				// convert  the sort order to a boolean value
        if (typeof sortDescending === "string") {
          bSortDescending = sortDescending === "true";
        } else if (typeof sortDescending === "boolean") {
          bSortDescending =  sortDescending;
        } else {
          bSortDescending = false;
        }

				// sort only if the sorter has changed
        if (this._sSortField && this._sSortField === sSortField && this._bSortDescending === bSortDescending) {
          return;
        }

        this._sSortField = sSortField;
        this._bSortDescending = bSortDescending;
        oSorter = new Sorter(sSortField, bSortDescending);

				// sync with View Settings Dialog
        this._syncViewSettingsDialogSorter(sSortField, bSortDescending);

        oBinding = this._oTable.getBinding("items");
        oBinding.sort(oSorter);
      }
    },

    _syncViewSettingsDialogSorter : function (sSortField, bSortDescending) {
			// the possible keys are: "EmployeeID" | "FirstName" | "LastName"
			// Note: no input validation is implemented here
      this._oVSD.setSelectedSortItem(sSortField);
      this._oVSD.setSortDescending(bSortDescending);
    },

    onItemPressed : function (oEvent) {
      var oItem, oCtx;
      oItem = oEvent.getParameter("listItem");
      oCtx = oItem.getBindingContext();

      this.getRouter().navTo("employeeResume",{
        employeeId : oCtx.getProperty("EmployeeID"),
        "?query" : {
          tab : "Info"
        }
      });
    }

  });

});