module.exports = {
  commands: [{
    url: function() {
      return `${this.api.launchUrl}/admin`;
    },
    ready() {
      return this
        .waitForElementVisible('body');
    },
    openDrawer() {
      this
        .waitForElementVisible('@drawerButton')
        .click('@drawerButton');
      this.expect.section('@drawer').to.be.visible;
      return this.section.drawer;
    },
    goToModerate() {
      this
        .click('@moderateNav')
        .expect.section('@moderate').to.be.visible;
      return this.section.moderate;
    },
    goToStories() {
      this
        .click('@storiesNav')
        .expect.section('@stories').to.be.visible;
      return this.section.stories;
    },
    goToCommunity() {
      this
        .click('@communityNav')
        .expect.section('@community').to.be.visible;
      return this.section.community;
    },
    logout() {
      this
        .waitForElementVisible('@settingsButton')
        .click('@settingsButton')
        .waitForElementVisible('@signOutButton')
        .click('@signOutButton');
    },
    navigateAndLogin(user) {
      this
        .navigate()
        .expect.section('@login').to.be.visible;
      return this.section.login.login(user);
    },
  }],
  elements: {
    drawerButton: '.mdl-layout__drawer-button',
    drawerOverlay: 'div.mdl-layout__obfuscator.is-visible',
    storiesNav: '.talk-admin-nav-stories',
    communityNav: '.talk-admin-nav-community',
    moderateNav: '.talk-admin-nav-moderate',
    settingsButton: '.talk-admin-header-settings-button',
    signOutButton: '.talk-admin-header-sign-out',
    suspendUserDialog: '.talk-admin-suspend-user-dialog',
    suspendUserDialogStep0: '.talk-admin-suspend-user-dialog-step-0',
    suspendUserDialogStep1: '.talk-admin-suspend-user-dialog-step-1',
    suspendUserConfirmButton: '.talk-admin-suspend-user-dialog-confirm',
    supendUserSendButton: '.talk-admin-suspend-user-dialog-send',
    usernameDialog: '.talk-admin-reject-username-dialog',
    usernameDialogStep0: '.talk-admin-reject-username-dialog-step-0',
    usernameDialogStep1: '.talk-admin-reject-username-dialog-step-1',
    usernameDialogButtons: '.talk-admin-reject-username-dialog-buttons',
    usernameDialogSuspend: '.talk-admin-reject-username-dialog-button-k',
    usernameDialogSuspensionMessage: '.talk-admin-reject-username-dialog-suspension-message',
    toast: '.toastify',
    toastClose: '.toastify__close',
  },
  sections: {
    moderate: {
      selector: '.talk-admin-moderation-container',
      elements: {
        comment: '.talk-admin-moderate-comment',
        commentUsername: '.talk-admin-moderate-comment-username',
      }
    },
    stories: {
      selector: '.talk-admin-stories',
    },
    community: {
      selector: '.talk-admin-community',
      commands: [{
        url: function() {
          return `${this.api.launchUrl}/admin/community`;
        },
        ready() {
          return this
            .waitForElementVisible('body');
        },
        goToPeople() {
          this
            .click('@peopleNav')
            .expect.section('@people').to.be.visible;
          return this.section.people;
        },
      }],
      elements: {
        peopleNav: '.talk-admin-nav-people',
        flaggedAccountsNav: '.talk-admin-nav-flagged-accounts',
        flaggedAccountsContainer: '.talk-adnin-community-flagged-accounts',
        flaggedUser:'.talk-admin-community-flagged-user',
        flaggedUserApproveButton: '.talk-admin-flagged-user-approve-button',
        flaggedUserRejectButton: '.talk-admin-flagged-user-reject-button',
      },
      sections: {
        people: {
          selector: '.talk-admin-community-people-container',
          elements: {
            firstRow: '.talk-admin-community-people-row:first-child',
            dropdownStatus: '.talk-admin-community-people-dd-status',
            dropdownRole: '.talk-admin-community-people-dd-role',
            dropdownStatusActive: '.talk-admin-community-people-dd-status .is-upgraded',
            optionSuspendUser: '.action-menu-item#suspendUser',
            optionBanUser: '.action-menu-item#banUser',
            optionRemoveBan: '.action-menu-item#removeBan',
            optionRemoveSuspension: '.action-menu-item#removeSuspension',
          }
        }
      }
    },
    userDetailDrawer: {
      selector: '.talk-admin-user-detail-drawer',
      elements: {
        'closeButton': '.talk-admin-user-detail-drawer-close-button',
        'tabBar': '.talk-admin-user-detail-tab-bar',
        'allTab': '.talk-admin-user-detail-all-tab',
        'rejectedTab': '.talk-admin-user-detail-rejected-tab',
        'historyTab': '.talk-admin-user-detail-history-tab',
        'historyPane': '.talk-admin-user-detail-history-tab-pane',
        'accountHistory': '.talk-admin-account-history',
        'accountHistoryRowStatus':'.talk-admin-account-history-row-status',
        'actionsMenu': '.talk-admin-user-detail-actions-button',
        'actionItemSuspendUser': '.action-menu-item#suspendUser',
        'actionMenuButton': '.talk-admin-user-detail-actions-menu #actions-dropdown-0',
      }
    },
    drawer: {
      selector: '.talk-admin-drawer-nav',
      commands: [{
        goToStories() {
          this
            .click('@storiesButton');
          this.parent.expect.section('@stories').to.be.visible;
          this.close();
          return this.parent.section.stories;
        },
        goToCommunity() {
          this
            .click('@communityButton');
          this.parent.expect.section('@community').to.be.visible;
          this.close();
          return this.parent.section.stories;
        },
        close() {
          this.parent
            .click('@drawerOverlay')
            .waitForElementNotPresent('@drawerOverlay');

          // Wait a bit to let animations terminate cleanly.
          this.api.pause(200);

          return this.parent;
        },
      }],
      elements: {
        'storiesButton': '.talk-admin-drawer-nav .talk-admin-nav-stories',
        'communityButton': '.talk-admin-drawer-nav .talk-admin-nav-community',
      },
    },
    login: {
      commands: [{
        login(user) {
          this
            .waitForElementVisible('@signInForm')
            .setValue('@emailInput', user.email)
            .setValue('@passwordInput', user.password)
            .waitForElementVisible('@signInButton')
            .click('@signInButton');
          const adminPage = this.api.page.admin();
          adminPage.expect.section('@moderate').to.be.visible;
          return adminPage.section.moderate;
        },
      }],
      selector: '.talk-admin-login',
      elements: {
        'signInForm': '.talk-admin-login-sign-in',
        'emailInput': '.talk-admin-login-sign-in #email',
        'passwordInput': '.talk-admin-login-sign-in #password',
        'signInButton': '.talk-admin-login-sign-in-button',
      }
    },
  },
};