Ucp kullanıcı panalinde css style değişikliği

[kaptangula]

Merhaba - Ucp kullanıcı panalinde css style değişikliği yapmasını nasıl sağlarım.

Bu eklentiyi ( listener.php ve migrations ) de nasıl çalıştırırım bir soru bar ama olmuyor nedir sorun?


migrations

Kod: Tümünü seç

	['config.add', ['dark_style', 0]],

listener.php

Kod: Tümünü seç

	public function ucp_prefs_get_data($event)
	{
		// Request the user option vars and add them to the data array
		$event['data'] = array_merge(
			$event['data'], array(

			'dark_style'     => $this->request->variable('dark_style', (int) $this->user->data['dark_style']),
			)
		);
}


		$this->template->assign_vars(array(
                    'S_USER_DARK_STYLE'   =>   $this->config['dark_style'],

Event/
ucp_prefs_view_select_menu_append.html

Kod: Tümünü seç

<hr>
	<dl>
		<dt><label for="dark_style1">{{ lang('USERS_DARK_STYLE') }}{{ lang('COLON') }}</label><a id="darkstyle"></a></dt>
		<dd>
			<label for="dark_style1"><input type="radio" name="dark_style" id="dark_style1" value="1"{% if S_USER_DARK_STYLE %} checked="checked"{% endif %} /> {{ lang('Dark') }}</label>
			<label for="dark_style0"><input type="radio" name="dark_style" id="dark_style0" value="0"{% if not S_USER_DARK_STYLE %} checked="checked"{% endif %} /> {{ lang('Light') }}</label>
		</dd>
	</dl>

modules/

cssmagesstyle_navlink.html

Kod: Tümünü seç

<li class="rightside" data-skip-responsive="true">
	{% if not S_DISPLAY_USER_DARK_STYLE %}
	 <a href="{{ U_PROFILE }}?i=ucp_prefs&mode=view" role="menuitem" title="{{ lang('LIGHT_STYLE') }}">
		<i class="icon fa-moon-o fa-fw blink" aria-hidden="true"></i>{{ lang('CSSMAGES_DARK') }}</a>
	{% else %}
	<a href="{{ U_PROFILE }}?i=ucp_prefs&mode=view" role="menuitem" title="{{ lang('DARK_STYLE') }}">
		<i class="icon fa-sun-o fa-fw blink" aria-hidden="true"></i>{{ lang('CSSMAGES_LIGHT') }}</a>
	{% endif %}
</li>

[Ati10]

UCP kullanıcı seçimli bir seçenek oluşturmak için:

event/ucp_listener.php için:

Kod: Tümünü seç

		static public function getSubscribedEvents()
	{
		return array(
			'core.ucp_prefs_view_data'			=> 'ucp_prefs_css_add',
			'core.ucp_prefs_view_update_data'	=> 'ucp_prefs_css_update',
			'core.page_header'					=> 'include_files_cssmages',
		);
	}

	public function ucp_prefs_css_add($event)
	{ 
		// credit: Cabot/profilegauche - http://cabotweb.fr
		$this->user->add_lang_ext('kaptangula/cssmages', 'common');

		$darkstyle = $this->request->variable('darkstyle', (bool) $this->user->data['user_darkstyle']);
		$event['data'] = array_merge($event['data'], array(
			'darkstyle'	=> $darkstyle,
		));

		$this->template->assign_vars(array(
			'S_USER_DARKSTYLE'	=> $darkstyle,
		));
	}

	public function ucp_prefs_css_update($event)
	{
		// credit: Cabot/profilegauche - http://cabotweb.fr	
		$event['sql_ary'] = array_merge($event['sql_ary'], array(
			'user_darkstyle'		=> $event['data']['darkstyle'],
		));
	}	
	
	public function include_files_cssmages($event)
	{
		// credit: Cabot/profilegauche - http://cabotweb.fr
		$this->template->assign_vars(array(
			'S_DISPLAY_USER_DARK_STYLE'	=> $this->user->data['user_darkstyle'],
			'S_ENABLE_CSSMAGES'		=>	$this->config['enable_cssmages'],
		));
	}		

config/service.yml için:

Kod: Tümünü seç

    kaptangula.cssmages.listener.ucp:
        class: kaptangula\cssmages\event\ucp_listener
        arguments:
            - '@config'
            - '@request'
            - '@template'
            - '@user'
        tags:
            - { name: event.listener }

[Ati10]

template/event/ucp_prefs_view_select_menu_append.html için:

Kod: Tümünü seç

{% if S_ENABLE_CSSMAGES %}
	<hr>
	<dl>
		<dt><label for="darkstyle1">{{ lang('USERS_DARK_STYLE') ~ lang('COLON') }}</label><br><span>{{ lang('USERS_DARK_STYLE_EXPLAIN') }}</span></dt>
		<dd>
			<label for="darkstyle1"><input type="radio" name="darkstyle" id="darkstyle1" value="1" {% if S_USER_DARKSTYLE %}checked="checked"{% endif %} /> {{ lang('YES') }}</label>
			<label for="darkstyle0"><input type="radio" name="darkstyle" id="darkstyle0" value="0" {% if not S_USER_DARKSTYLE %}checked="checked"{% endif %} /> {{ lang('NO') }}</label>
		</dd>
	</dl>
{% endif %}

[Ati10]

template/event/overall_header_stylesheets_after.html için:

kodu kopyalamayı kabul etmediği için ekte gönderiyorum

[Ati10]

template/module/cssmagesstyle_navlink.html için:

Kod: Tümünü seç

<li class="rightside" data-skip-responsive="true">
	{% if not S_DISPLAY_USER_DARK_STYLE %}
	 <a href="{{ U_PROFILE }}?i=ucp_prefs&mode=view" role="menuitem" title="{{ lang('LIGHT_STYLE') }}">
		<i class="icon fa-sun-o fa-fw blink" aria-hidden="true"></i>{{ lang('CSSMAGES_LIGHT') }}</a>
	{% else %}
	<a href="{{ U_PROFILE }}?i=ucp_prefs&mode=view" role="menuitem" title="{{ lang('DARK_STYLE') }}">
		<i class="icon fa-moon-o fa-fw blink" aria-hidden="true"></i>{{ lang('CSSMAGES_DARK') }}</a>
	{% endif %}
</li>

[Ati10]

migrations/kurulumdosyasi için:

Kod: Tümünü seç

	public function update_schema()
	{
		return [
			'add_columns'	=> [
				$this->table_prefix . 'users'	=>	[
					'user_darkstyle'			=> ['BOOL', 0, 'after' => 'user_options'],
				],			
			],
		];	
	}

	public function revert_schema()
	{
		return [		
			'drop_columns'	=> [
				$this->table_prefix . 'users'	=>	[
					'user_darkstyle',
				],				
			],
		];
	}	

not: kurulum dosyasından ['config.add', ['dark_style', ]], satırını sil

[kaptangula]

Teşekkürler abim baya güzel oldu ellerine sağlık abi sen cansın can

[Ati10]

çıkan sonuç güzel.. kolay gelsin