Create Buttton in mobile view

eskaiter · June 18, 2018

Hi,

I would like to see the create menu also in mobile view.
In my opinion, I would exchange the sign out button with a create content button and move the sign out link into the account menu, like it is in desktop view.

thanks Kai

Gill · June 18, 2018

+1 agree :) sign out button on menu cause accidentally sign out of users

eskaiter · June 18, 2018

I just did that quick n dirty by editing mobileNavigation template:



    <div id='elMobileDrawer' class='ipsDrawer ipsHide'>
  <a href='#' class='ipsDrawer_close' data-action='close'><span>×</span></a>
  <div class='ipsDrawer_menu'>
    <div class='ipsDrawer_content'>
      {{if \IPS\Member::loggedIn()->member_id}}
        <ul id='elUserNav_mobile' class='ipsList_inline signed_in ipsClearfix'>
          <li class='cNotifications cUserNav_icon'>
            <a href='#elMobNotifications_menu' id='elMobNotifications' data-ipsMenu data-ipsMenu-menuID='elFullNotifications_menu' data-ipsMenu-closeOnClick='false'>
              <i class='fa fa-bell'></i> <span class='ipsNotificationCount {{if !member.notification_cnt}}ipsHide{{endif}}' data-notificationType='notify'>{member="notification_cnt"}</span>
            </a>
          </li>
          {{if !\IPS\Member::loggedIn()->members_disable_pm and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'messaging' ) )}}
            <li class='cInbox cUserNav_icon'>
              <a href='#elMobInbox_menu' id='elMobInbox' data-ipsMenu data-ipsMenu-menuID='elFullInbox_menu' data-ipsMenu-closeOnClick='false'>
                <i class='fa fa-envelope'></i> <span class='ipsNotificationCount {{if !\IPS\Member::loggedIn()->msg_count_new}}ipsHide{{endif}}' data-notificationType='inbox'>{member="msg_count_new"}</span>
              </a>
            </li>
          {{endif}}
          {{if \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'modcp' ) ) and \IPS\Member::loggedIn()->modPermission('can_view_reports')}}
            <li class='cReports cUserNav_icon'>
              <a href='#elMobReports_menu' id='elMobReports' data-ipsMenu data-ipsMenu-menuID='elFullReports_menu' data-ipsMenu-closeOnClick='false'>
                <i class='fa fa-warning'></i> {{if \IPS\Member::loggedIn()->reportCount()}}<span class='ipsNotificationCount' data-notificationType='reports'>{member="reportCount()"}</span>{{endif}}
              </a>
            </li>
          {{endif}}
        </ul>
      {{endif}}

      <div class='ipsSpacer_bottom ipsPad'>
        <ul class='ipsToolList ipsToolList_vertical'>



    {{if !\IPS\Member::loggedIn()->restrict_post and count( \IPS\Member::loggedIn()->createMenu() )}}
      <li id='cCreate'>
        <a href='#elCreateNew_menu' id='elCreateNew' data-ipsTooltip data-ipsMenu title='{lang="create_menu_title"}' class='ipsButton ipsButton_light ipsButton_small ipsButton_fullWidth'>
          <strong><i class='fa fa-plus'></i>  {lang="create_menu"}</strong> <i class='fa fa-caret-down'></i>
        </a>
        <div id='elCreateNew_menu' class='ipsMenu ipsMenu_auto ipsHide'>
          <ul>
            {{foreach \IPS\Member::loggedIn()->createMenu() as $k => $url}}
              <li class="ipsMenu_item">
                <a href="{$url['link']}"
                {{if isset( $url['extraData'] )}}
                  {{foreach $url['extraData'] as $data => $v}}
                    {$data}="{$v}"
                  {{endforeach}}
                {{endif}}
                {{if isset($url['title']) AND $url['title']}} data-ipsDialog-title='{lang="$url['title']"}'{{endif}}
                {{if isset($url['flashMessage'])}} data-ipsdialog-flashmessage="{lang="$url['flashMessage']"}"{{endif}}
                >{lang="$k"}</a>
              </li>
            {{endforeach}}
          </ul>
        </div>
      </li>
    {{endif}}




          {{if !\IPS\Member::loggedIn()->member_id}}
            <li>
              <a href='{url="app=core&module=system&controller=login" seoTemplate="login"}' class='ipsButton ipsButton_light ipsButton_small ipsButton_fullWidth'>{lang="sign_in"}</a>
            </li>
            {{if \IPS\Login::registrationType() != 'disabled'}}
              <li>
                {{if \IPS\Login::registrationType() == 'redirect'}}
                  <a href='{expression="\IPS\Settings::i()->allow_reg_target"}' target="_blank" class='ipsButton ipsButton_small ipsButton_fullWidth ipsButton_important'>{lang="sign_up"}</a>
                {{else}}
                  <a href='{url="app=core&module=system&controller=register" seoTemplate="register"}' {{if \IPS\Login::registrationType() == 'normal'}}data-ipsDialog data-ipsDialog-size='narrow' data-ipsDialog-title='{lang="sign_up"}'{{endif}} id='elRegisterButton_mobile' class='ipsButton ipsButton_small ipsButton_fullWidth ipsButton_important'>{lang="sign_up"}</a>
                {{endif}}
              </li>
            {{endif}}
          {{endif}}

          {{if \IPS\Member::loggedIn()->member_id}}
            <li>
              <a class='ipsButton ipsButton_small ipsButton_primary ipsButton_fullWidth' data-action="markSiteRead" data-controller="core.front.core.markRead" href='{url="app=core&module=system&controller=markread" seoTemplate="mark_site_as_read" csrf="true"}'><i class='fa fa-check'></i> {lang="mark_site_read_button"}</a>
            </li>
          {{endif}}
        </ul>
      </div>

      <ul class='ipsDrawer_list'>
        {{if \IPS\Member::loggedIn()->member_id}}
          <li class='ipsDrawer_itemParent'>
            <h4 class='ipsDrawer_title'><a href='#'>{lang="mobile_menu_account"}</a></h4>
            <ul class='ipsDrawer_list'>
              <li data-action="back"><a href='#'>{lang="mobile_menu_back"}</a></li>
              {{if \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members', 'front' ) )}}
                <li><a href='{member="url()"}' title='{lang="view_my_profile"}'>{lang="menu_profile"}</a></li>
              {{endif}}
              {{if \IPS\Member::loggedIn()->group['g_attach_max'] != 0}}
                <li><a href='{url="app=core&module=system&controller=attachments" seoTemplate="attachments"}'>{lang="my_attachments"}</a></li>
              {{endif}}
                            {{if \IPS\Member::loggedIn()->hasAcpRestriction( 'core', 'promotion', 'promote_manage' ) and \IPS\core\Promote::promoteServices()}}
                            <li><a href='{url="app=core&module=promote&controller=promote&do=view" seoTemplate="promote_manage"}'>{lang="promote_manage_link"}</a></li>
                            {{endif}}
                            {{if \IPS\Application::appIsEnabled('nexus') and settings.nexus_subs_enabled}}
              <li><a href='{url="app=nexus&module=subscriptions&controller=subscriptions" seoTemplate="nexus_subscriptions"}'>{lang="nexus_manage_subscriptions"}</a></li>
              {{endif}}
              <li><a href='{url="app=core&module=system&controller=followed" seoTemplate="followed_content"}'>{lang="menu_followed_content"}</a></li>
              <li id='elAccountSettingsLinkMobile'><a href='{url="app=core&module=system&controller=settings" seoTemplate="settings"}' title='{lang="edit_account_settings"}'>{lang="menu_settings"}</a></li>
              {{if settings.ignore_system_on}}
                        <li><a href='{url="app=core&module=system&controller=ignore" seoTemplate="ignore"}'>{lang="menu_manage_ignore"}</a></li>
                      {{endif}}
              {{if ( \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'modcp' ) ) AND \IPS\Member::loggedIn()->modPermission() ) or ( \IPS\Member::loggedIn()->isAdmin() AND \IPS\SHOW_ACP_LINK )}}
                {{if \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'modcp' ) ) AND \IPS\Member::loggedIn()->modPermission()}}
                  <li><a href='{url="app=core&module=modcp" seoTemplate="modcp"}'>{lang="menu_modcp"}</a></li>
                {{endif}}
                {{if \IPS\Member::loggedIn()->isAdmin() AND \IPS\SHOW_ACP_LINK }}
                  <li><a href='{expression="\IPS\Http\Url::baseURL() . \IPS\CP_DIRECTORY"}' target='_blank'>{lang="menu_admincp"} <i class='fa fa-lock'></i></a></li>
                {{endif}}
              {{endif}}
              {{if \IPS\Member::loggedIn()->member_id}}
                <li>
                  <a href='{url="app=core&module=system&controller=login&do=logout" csrf="true"}'>
                    {{if isset( $_SESSION['logged_in_as_key'] )}}{lang="switch_to_account" sprintf="$_SESSION['logged_in_from']['name']"}{{else}}{lang="sign_out"}{{endif}}
                  </a>
                </li>
              {{endif}}
            </ul>
          </li>
        {{endif}}

        {{$primaryBars = \IPS\core\FrontNavigation::i()->roots();}}
        {{$subBars = \IPS\core\FrontNavigation::i()->subBars();}}
        
        {{foreach $primaryBars as $id => $item}}
          {{if $item->canView()}}
            {{$children = $item->children();}}
            {{if ( $subBars && isset( $subBars[ $id ] ) && count( $subBars[ $id ] ) ) || $children}}
              <li class='ipsDrawer_itemParent'>
                <h4 class='ipsDrawer_title'><a href='#'>{$item->title()}</a></h4>
                <ul class='ipsDrawer_list'>
                  <li data-action="back"><a href='#'>{lang="mobile_menu_back"}</a></li>
                  {{if $item->link() && $item->link() !== '#'}}
                    <li><a href='{$item->link()}'>{$item->title()}</a></li>
                  {{endif}}
                  {{if $children}}
                    {template="mobileNavigationChildren" group="global" app="core" params="$children"}
                  {{endif}}
                  {{if $subBars && isset( $subBars[ $id ] ) && count( $subBars[ $id ] )}}
                    {template="mobileNavigationChildren" group="global" app="core" params="$subBars[ $id ]"}
                  {{endif}} 
                </ul>
              </li>
            {{else}}
              <li><a href='{$item->link()}' {{if method_exists( $item, 'target' ) AND $item->target()}}target='{$item->target()}'{{endif}}>{$item->title()}</a></li>
            {{endif}}
          {{endif}}
        {{endforeach}}
      </ul>
    </div>
  </div>
</div>

A Zayed · June 18, 2018

https://invisioncommunity.com/files/file/7777-mobile-create-content/

Gill · June 18, 2018

Could u please also share the mobile screenshot of new menu. It would be great :)

Thanks

eskaiter · June 18, 2018

Here you go

Gill · June 18, 2018

3 minutes ago, eskaiter said:

Here you go

Thanks a lots for sharing the code You made my Day :)

Invision Community 5: Page Builder

Invision Community 5: Editor Permissions and Custom Embeds

Invision Community 5: Tagging Reinvented

Invision Community 5: The all-new editor

Create Buttton in mobile view

Recommended Posts

eskaiter

Link to comment

Share on other sites

Gill

Link to comment

Share on other sites

eskaiter

Link to comment

Share on other sites

A Zayed

Link to comment

Share on other sites

Gill

Link to comment

Share on other sites

eskaiter

Link to comment

Share on other sites

Gill

Link to comment

Share on other sites

Archived

Recently Browsing 0 members

More