UPDATES EasyBlog 6.0.11 Released! Update to the latest version now!

Helpdesk

Your Time
Our Time
Response Time
24 — 48 hours
We strive to provide the fastest ever response possible. However, we are not super beings.

Allow at least 24 — 48 hours
  Support is offline
Our team is away during the weekend. Some answers may already be available on our documentation

Rest assured that we will get back to your posts as soon as the week starts!
  Support is offline

Icons For Stream Type not working with wanderers

cbais · ·
7:34 AM Tuesday, 20 January 2015
None
In the topic I started this morning, I mentioned that the wanderers template is not working good with the current release of Easysocial. It looks like wanderers is using an old easysocial theme, which lacks a lot of functionality that easysocial has to offer. However, delete all the easysocial wanderer specific files and the layout is completly mixed up...it will use the theme which is part of easysocial then, and that is not a good combination either.....

The sidebar on de dashboard is one problem that is not working like it is supposed to in wanderers. See this topic: http://stackideas.com/forums/left-dashboard-sidebar-is-not-complete

But the Stream Type Icons are also not working in wanderers. However, this can be easily fixed. the sidebar is more template codehacking then the streamtype icons... ;)

Let me first describe the problem:
In the backend of joomla, at easysocial settings with the wireframe theme, You can configure the way those stream icons are shown on the stream (see screenshot 1: streamtypeicons_backend)

It does not matter how You configure this. the icons or the text will not be visible on Your stream at all when using wanderers. (see screenshot 2: streamtypeicons_wanderers_original).

To fix this: stop using the wanderers stream template files. This can be done 2 ways. You can just rename a directory or You can copy some files from one place on the server to another....

Method one: renaming (not advisable)
Rename the following directory on Your server: templates/wanderers/html/com_easysocial/stream
change it in no matter what. For example: templates/wanderers/html/com_easysocial/stream-old

This way You will force Your site to use the stream template files, which are located here: components/com_easysocial/themes/wireframe/stream

The template cannot find his own easysocial specific stream files, so it will use the ones which are delivered with the easysocial install.

Method two: copying (I would advise this one)
Start with method one and rename the directory as stated there. However, when this is done, copy the complete directory : components/com_easysocial/themes/wireframe/stream" into the template directory on the right place: templates/wanderers/html/com_easysocial/stream

Result of those actions:
Well...the result is, that the stream type icons are visible on your stream. Yeah! this is what we wanted! However, it is not displayed as it should (see screenshot 3: streamtypeicons_wanderers_with_wireframe). The timestamp goes right through it and next to this, it is nicer to switch the edit button and the streamtypeicon....this way it looks messy...

And this is why I advise to use method two. You will have to edit a file to get this right, and when using method 1, You are editing files of easysocial. When using method 2, you are editing files of the template.

Fixing the layout:
edit the file: templates/wanderers/html/com_easysocial/stream/default.item.php

find this code:
		<?php if( $this->template->get( 'stream_icon' , true ) ){ ?>
<?php if( isset( $stream->fonticon ) && $stream->fonticon ){ ?>
<span class="stream-icon pull-right ml-5" style="top:-10px;right:-30px;<?php echo $stream->color ? 'border: 1px solid ' . $stream->color . ';background:' . $stream->color : '';?>"
data-original-title="<?php echo $stream->label;?>"
data-es-provide="tooltip"
data-placement="left">
<span>
<i class="<?php echo $stream->fonticon;?>"></i>
</span>
</span>
<?php } ?>

<?php if( $stream->icon ){ ?>
<span class="stream-icon pull-right ml-5 stream-icon-img">
<?php echo $stream->icon;?>
</span>
<?php } ?>

<?php } else { ?>
<span class="label es-stream-type pull-right"<?php echo !empty( $stream->color ) ? 'style="background:' . $stream->color . '" ' : '';?>><?php echo $stream->label;?></span>
<?php } ?>


Copy it to Your memory (CTRL+C). Also remove it from that place.....
You will have to copy it back in the same file, right after:
		<?php if (!$this->my->guest && ($this->access->allowed('stream.hide') || $this->access->allowed('reports.submit') || $stream->editable || ($this->access->allowed('stream.delete', false) || $this->my->isSiteAdmin()))) { ?>
<div class="es-stream-control btn-group pull-right">
<a class="btn-control" href="javascript:void(0);" data-bs-toggle="dropdown">
<i class="ies-arrow-down"></i>
</a>
<ul class="dropdown-menu fd-reset-list">

<?php if ($this->config->get('stream.bookmarks.enabled')) { ?>
<li class="add-bookmark" data-stream-bookmark-add>
<a href="javascript:void(0);"><?php echo JText::_('COM_EASYSOCIAL_STREAM_BOOKMARK');?></a>
</li>
<li class="remove-bookmark" data-stream-bookmark-remove>
<a href="javascript:void(0);"><?php echo JText::_('COM_EASYSOCIAL_STREAM_REMOVE_BOOKMARK');?></a>
</li>
<li class="divider">
</li>
<?php } ?>

<?php if ($stream->editable) { ?>
<li data-stream-edit>
<a href="javascript:void(0);"><?php echo JText::_('COM_EASYSOCIAL_STREAM_EDIT');?></a>
</li>
<?php } ?>

<?php if( $this->access->allowed( 'stream.hide' ) ){ ?>
<li data-stream-hide>
<a href="javascript:void(0);"><?php echo JText::_( 'COM_EASYSOCIAL_STREAM_HIDE' );?></a>
</li>

<?php if( $this->my->id != $stream->actor->id ) { ?>
<li data-stream-hide-actor>
<a href="javascript:void(0);"><?php echo JText::_( 'COM_EASYSOCIAL_STREAM_HIDE_ACTOR' );?></a>
</li>
<?php } ?>

<?php if( $stream->context != 'story' ){ ?>
<li data-stream-hide-app>
<a href="javascript:void(0);"><?php echo JText::_( 'COM_EASYSOCIAL_STREAM_HIDE_APP' );?></a>
</li>
<?php } ?>
<?php } ?>

<?php if( $this->config->get('reports.enabled') && $this->access->allowed( 'reports.submit' ) && !$stream->actor->isViewer() ){ ?>
<li>
<?php echo FD::reports()->getForm( 'com_easysocial' , SOCIAL_TYPE_STREAM , $stream->uid , JText::sprintf( 'COM_EASYSOCIAL_STREAM_REPORT_ITEM_TITLE' , $stream->actor->getName() ) , JText::_( 'COM_EASYSOCIAL_STREAM_REPORT_ITEM' ) , '' , JText::_( 'COM_EASYSOCIAL_STREAM_REPORT_ITEM_DESC' ) , FRoute::stream( array( 'id' => $stream->uid , 'layout' => 'item' , 'external' => true ) ) ); ?>
</li>
<?php } ?>

<?php if($stream->deleteable) { ?>
<li data-stream-delete>
<a href="javascript:void(0);"><?php echo JText::_( 'COM_EASYSOCIAL_STREAM_DELETE' );?></a>
</li>
<?php } ?>

</ul>
</div>
<?php } ?>


When You have done this, You switched the streamtype icon with the edit icon. Better already. Now the timestamp is not good there....

I tried a lot to get this right aligned. No succes. So suddenly I thought, why not put the streamtype icon more to the top-right? I did this via the custom.css of the template. Add the following to Your custom.css:

body div#fd.es .stream-icon {
top: -10px;
right: -30px;
}


Upload everthing back to the server on the right place, and it will look much better. See screenshot 4: streamtypeicons_wanderers_with_wireframe_editedfiles.




Conclusion:
this problem and the sidebar problem are just a few I discoverd and have fixed. There are a lot more problems. I can fix those too, but it is a lot of work for me, cause I am not completly into the code. I have to search a lot to find the right place of the code, experiment a lot, trial and error, and so on. Someone who knows all the ins and outs of the template & easysocial, is probably a lot faster then I am. I can conclude that the wanderers template is NOT easysocial ready. It is far behind the current state of easysocial and not compatible. I will open a new topic for this, cause to be honest: To use wanderers with easysocial is not workable. You will have to edit LOTS and LOTS of files to get it right (or accept the fact that You will not be using all easysocial features). And when easysocial gets updated, You have to go through it again...and again..... This should be something that should be part of wanderers.....default.....The Wanderers Easysocial files should be developed at the same time of easysocial....new release of easysocial with changes that effect wanderers? Wanderers needs an update too....at least the easysocial specific files......

Doing this will also result in an perfect joomla template for easysocial to use, way ahead of the other templates from other providers.

As mentioned somewhere before, I am trying to migrate my jomsocial,kunena,T3 framework communitysite to easysocial, easydiscuss and wanderers. The idea behind this, is that I am sick of waiting: when 1 piece of software gets an update, most of the times problems in the other software appear.....

With the old way of working, when there was an update of jomsocial, I had to check if this would not result in problems with T3 framework. If it did, You had to wait for an update of T3. (and before I used T3 framework, I used gantry. That was really a disaster with compatibility.

Having a joomla template from stackideas, which goes in par with the easysocial development, will easen the work for a lot of people who are also sick of de depandencies between different software providers. It will realle give You guys a big advantage compared to the competition.

However, it is of great importance, that the easysocial-specific files of wanderers gets updated to, each time that easysocial gets an update. When needed offcourse. (same applies to easyblog and easydiscuss wanderers specific template files)....
The replies under this section are restricted to logged in users or users with an active subscription with us