Quick Login. Plans for 3.2.x? small-icon & icon-logout for 3.2.x are ?

Looking for an Extension? Have an Extension request? Post your request here for help. (Note: This forum is community supported; while there is an Extensions Development Team, said team does not dedicate itself to handling requests in this forum)
Ideas Centre
Post Reply
User avatar
fliper4o
Registered User
Posts: 215
Joined: Wed Mar 23, 2011 8:15 pm
Contact:

Quick Login. Plans for 3.2.x? small-icon & icon-logout for 3.2.x are ?

Post by fliper4o » Tue Sep 12, 2017 1:20 am

I'm talking about this ext https://www.phpbb.com/customise/db/exte ... ick_login/
In ext support section:
Theriddler1 wrote:try the following:

Open: prosilver/template/navbar_header.html

Find:

Code: Select all

<!-- ELSE -->
		<li class="rightside"  data-skip-responsive="true">
			<a class="icon-logout" href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">
				<i class="icon fa-power-off fa-fw" aria-hidden="true"></i><span>{L_LOGIN_LOGOUT}</span>
			</a>
		</li>
Replace code with:

Code: Select all

<!-- ELSE -->
		<li class="small-icon icon-logout rightside" data-skip-responsive="true">
				<a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">
					<i class="icon fa-power-off fa-fw" aria-hidden="true"></i><span>{L_LOGIN_LOGOUT}</span>
				</a>
		</li>
After:
Image
Hanakin wrote:
Mon Sep 11, 2017 8:57 pm
second is because you used code from 3.0 or 3.1 in your navbar_header.html file.

pls delete the following classes small-icon & icon-logout from your html
Any other way to make it work? with up to date stuff for 3.2.x
That are the main files of the ext. So my question is if small-icon & icon-logout are from earlier version of phpBB what can we do to make it work on 3.2.x without these.
quick_login.html

Code: Select all

<div id="quick-login-bg" class="quick-login-bg"></div>

<form method="post" action="{S_LOGIN_ACTION}">
<div class="panel" id="quick-login-panel">
	<div class="inner">
		<div class="content">
			<a href="#" class="close"></a>
			<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF not S_ADMIN_AUTH and S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>

			<fieldset>
				<dl class="ql-username">
					<dt><label for="ql-username">{L_USERNAME}{L_COLON}</label></dt>
					<dd class="input-container"><input type="text" tabindex="1" name="username" id="ql-username" size="25" value="{USERNAME}" class="inputbox autowidth" /></dd>
				</dl>
				<dl class="ql-password">
					<dt><label for="ql-password">{L_PASSWORD}{L_COLON}</label></dt>
					<dd class="input-container"><input type="password" tabindex="2" id="ql-password" name="password" size="25" class="inputbox autowidth" /></dd>
					<!-- IF U_SEND_PASSWORD_EXT --><dd class="input-link"><a href="{U_SEND_PASSWORD_EXT}">{L_FORGOT_PASS}</a></dd><!-- ENDIF -->
				</dl>
				<!-- IF CAPTCHA_TEMPLATE and S_CONFIRM_CODE -->
					<!-- DEFINE $CAPTCHA_TAB_INDEX = 3 -->
					<!-- INCLUDE {CAPTCHA_TEMPLATE} -->
				<!-- ENDIF -->
			</fieldset>

			<fieldset class="ql-options">
				<!-- IF S_AUTOLOGIN_ENABLED --><label for="ql-autologin"><input type="checkbox" name="autologin" id="ql-autologin" tabindex="4" /><span>{L_LOG_ME_IN}</span></label><br /><!-- ENDIF -->
				<label for="ql-viewonline"><input type="checkbox" name="viewonline" id="ql-viewonline" tabindex="5" /><span>{L_HIDE_ME}</span></label>
			</fieldset>

			<fieldset class="submit-buttons">
				<input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" />
				{S_LOGIN_REDIRECT}{S_HIDDEN_FIELDS}
			</fieldset>

			{% for mode in loops.ql_oauth %}
				{% if loop.first %}<hr /><p class="ql-oauth">{% endif %}
					<a href="{{ mode.REDIRECT_URL }}">{{ mode.SERVICE_NAME }}</a>
				{% if loop.last %}</p>{% else %}&nbsp;&bull;&nbsp;{% endif %}
			{% endfor %}
		</div>
	</div>
</div>
</form>

<script>
(function($) {
	$(document).ready(function() {
		var $button = $('.icon-logout a'),
			ql_bg = '#quick-login-bg',
			ql_pnl = '#quick-login-panel',
			pS_bg = '#darkenwrapper';

		if ($(pS_bg).length) {
			ql_bg = pS_bg;
		}

		$button.click(function(e){
			e.preventDefault();
			$(ql_bg + ', ' + ql_pnl).fadeIn(300);
		});
		$(ql_bg + ', #quick-login-panel .close').click(function () {
			$(ql_bg + ', ' + ql_pnl).fadeOut(300);
		})
	});
})(jQuery);
</script>
quick_login.css

Code: Select all

/* Quick-login
--------------------------------------------- */

.headerspace {
	display: none;
}

#quick-login-bg {
	display: none;
	position: fixed;
	background: #000000;
	opacity: 0.7;
	/*filter: alpha(opacity=70);*/
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	z-index: 49;
}

#quick-login-panel {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	position: fixed;
	margin: 0 auto;
	padding: 10px 15px;
	width: 380px;
	top: 25%;
	left: 0;
	right: 0;
	z-index: 50;
}

#quick-login-panel .content {
	overflow: inherit;
	padding: 1px;
	position: relative;
}

#quick-login-panel h3 {
	text-align: center;
}

#quick-login-panel hr {
	margin: 10px 0;
}

#quick-login-panel .ql-options {
	margin: 5px auto 10px;
}

#quick-login-panel .ql-options span {
	vertical-align: middle;
}

#quick-login-panel .ql-oauth {
	font-weight: bold;
	margin: 0;
	text-align: center;
}

#quick-login-panel .close {
	position: absolute;
	right: -8px;
	top: -3px;
	width: 12px;
	height: 12px;
	background: transparent url("./images/close.png") no-repeat 0 0;
	opacity: 0.4;
}

#quick-login-panel .close:hover {
	opacity: 0.8;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
	#quick-login-panel {
		width: 320px;
	}
}

@media only screen and (max-width: 360px), only screen and (max-device-width: 360px)
{
	#quick-login-panel {
		width: auto;
	}
}
Seems that small-icon & icon-logout are changed on 3.2.x so what are they now?
Thanks!


User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 2303
Joined: Wed May 14, 2014 9:10 am
Location: Swearing at the PC, UK
Name: James
Contact:

Re: Quick Login. Plans for 3.2.x? small-icon & icon-logout for 3.2.x are ?

Post by HiFiKabin » Tue Sep 19, 2017 1:08 pm

Every validated extension has its own dedicated support area in our Customisation Database. It'd be better if you could post your question there, as it would also notify the extensions's author.

You can find that area for this extension over here: https://www.phpbb.com/customise/db/exte ... in/support

Post Reply

Return to “Extension Requests”

Who is online

Users browsing this forum: Jobertim, Paul and 7 guests

cron