techjoomla#34 feat create activities list view in backend

Author: ankush-maherwal

src/admin/language/en-GB/en-GB.com_activitystream.ini

@@ -17,6 +17,7 @@ COM_ACTIVITYSTREAM_ACTIVITY_TARGET_ID="Target Id"
 COM_ACTIVITYSTREAM_ACTIVITY_TYPE="Activity Type"
 COM_ACTIVITYSTREAM_ACTIVITY_TEMPLATE="Template To Use"
 COM_ACTIVITYSTREAM_ACTIVITY_ACCESS="Access"
+COM_ACTIVITYSTREAM_ACTIVITY="Activity"
 COM_ACTIVITYSTREAM_ACTIVITY_STATE="State"
 COM_ACTIVITYSTREAM_ACTIVITY_LOCATION="Location"
 COM_ACTIVITYSTREAM_ACTIVITY_LATITUDE="Latitude"

src/admin/models/forms/filter_activities.xml

@@ -17,8 +17,6 @@
 			onchange="this.form.submit();"
 			>
 			<option value="">JOPTION_SELECT_PUBLISHED</option>
-
-
 		</field>
 		<field
 			name="activitytype"

src/admin/views/activities/tmpl/default.php

@@ -13,6 +13,21 @@
 $sortFields = $this->getSortFields();
 $listOrder  = $this->escape($this->state->get('list.ordering'));
 $listDirn   = $this->escape($this->state->get('list.direction'));
+
+$document = JFactory::getDocument();
+$document->addScript(JUri::root() . 'media/com_activitystream/scripts/mustache.min.js');
+$document->addScript(JUri::root() . 'media/com_activitystream/scripts/activities.jQuery.js');
+
+$languageTag = JFactory::getLanguage()->get('tag', 'en-GB');
+
+// Load theme related CSS
+if (!empty($this->items))
+{
+	foreach ($this->items as $item)
+	{
+		$document->addStyleSheet(JUri::root() . 'media/com_jgive/themes/' . $item->default_theme . '/css/theme.css');
+	}
+}
 ?>
 <form action="<?php echo JRoute::_('index.php?option=com_activitystream&view=activities&client=' . $this->input->get('client', '', 'STRING')); ?>" method="post" id="adminForm" name="adminForm">
 	<div class="row-fluid">
@@ -33,6 +48,9 @@
 				<th width="5%">
 					<?php echo JHtml::_('searchtools.sort', JText::_('COM_ACTIVITYSTREAM_ACTIVITY_STATE'), 'state', $listDirn, $listOrder); ?>
 				</th>
+				<th width="5%">
+					<?php echo JText::_('COM_ACTIVITYSTREAM_ACTIVITY'); ?>
+				</th>
 				<th width="5%">
 					<?php echo JHtml::_('searchtools.sort', JText::_('COM_ACTIVITYSTREAM_ACTIVITY_TYPE'), 'type', $listDirn, $listOrder);?>
 				</th>
@@ -60,14 +78,18 @@
 			<?php if (!empty($this->items) && empty($this->items['error'])) : ?>
 				<?php foreach ($this->items as $i => $row) :
 					$link = JRoute::_('index.php?option=com_activitystream&task=activity.edit&id=' . $row->id);
-				?>
+					?>
 					<tr>
 						<td>
 							<?php echo JHtml::_('grid.id', $i, $row->id); ?>
 						</td>
 						<td align="center">
 							<?php echo JHtml::_('jgrid.published', $row->state, $i, 'activities.', true, 'cb'); ?>
 						</td>
+						<td align="center">
+							<div tj-activitystream-single-activity-widget tj-activitystream-theme="<?php echo $row->default_theme;?>" tj-activitystream-bs="bs3" tj-activitystream-language="<?php echo $languageTag;?>" tj-activitystream-single-activity-data='<?php echo json_encode($row);?>'>
+							</div>
+						</td>
 						<td>
 							<?php echo $row->type; ?>
 						</td>

src/media/scripts/activities.jQuery.js

@@ -16,14 +16,46 @@
 	getActivities = function(){
 		let widgetNumber = 0;
 
+		/* To load list of activities*/
 		techjoomla.jQuery('[tj-activitystream-widget]').each(function(){
 			widgetNumber++;
 			techjoomla.jQuery(this).attr('id',"tj-activitystream" + widgetNumber);
 			techjoomla.jQuery(this).attr('activityNumber',0);
 			techjoomla.jQuery(this).attr('start',0);
 			techjoomla.jQuery(this).html("<a id='load-more-activity-button"+techjoomla.jQuery(this).attr('id')+"'></a>");
 
-			initActivities(this);
+			var activity = initActivities(this);
+		});
+
+		/* To load single activity*/
+		jQuery('[tj-activitystream-single-activity-widget]').each(function(){
+			let ele = this;
+			let activityData = techjoomla.jQuery(ele).attr("tj-activitystream-single-activity-data");
+			let view = techjoomla.jQuery(ele).attr("tj-activitystream-bs");
+			activityData = jQuery.parseJSON(activityData);
+			let templatePath = Joomla.getOptions('system.paths').root+"/media/"+activityData.client+"/themes/"+activityData.default_theme+"/templates/"+view+"/"+activityData.template;
+			var html = "";
+
+			jQuery.ajax({
+				method: 'GET',
+				url: templatePath,
+				async:false,
+				success: function(res,stat,xhr)
+					{
+						if (!activityData.template)
+						{
+							var formatted_text = Mustache.render(activityData.formatted_text, {actor : activityData.actor, object: activityData.object, target: activityData.target});
+							activityData.formatted_text = formatted_text;
+							html = Mustache.render(res, activityData);
+						}
+						else
+						{
+							html = Mustache.render(res, activityData);
+						}
+					}
+				}).done( function(){
+					jQuery(ele).after(html);
+				});
 		});
 	}