N°636 Portal: Action buttons can now be added to object details page through the iPopupMenuItemExtension

SVN:trunk[4600]
2026-05-21 00:02:17 +02:00 · 2017-03-17 13:03:09 +00:00
parent cf0792cd64
commit 95e04178ea
8 changed files with 214 additions and 19 deletions
--- a/datamodels/2.x/itop-portal-base/portal/src/controllers/objectcontroller.class.inc.php
+++ b/datamodels/2.x/itop-portal-base/portal/src/controllers/objectcontroller.class.inc.php
@@ -43,6 +43,9 @@ use \cmdbAbstractObject;
 use \AttributeEnum;
 use \AttributeFinalClass;
 use \UserRights;
+use \iPopupMenuExtension;
+use \URLButtonItem;
+use \JSButtonItem;
 use \Combodo\iTop\Portal\Helper\ApplicationHelper;
 use \Combodo\iTop\Portal\Helper\SecurityHelper;
 use \Combodo\iTop\Portal\Helper\ContextManipulatorHelper;
@@ -101,10 +104,13 @@ class ObjectController extends AbstractController
 		// Add an edit button if user is allowed
 		if (SecurityHelper::IsActionAllowed($oApp, UR_ACTION_MODIFY, $sObjectClass, $sObjectId))
 		{
-			$aData['form']['buttons']['links'][] = array(
-				'label' => Dict::S('UI:Menu:Modify'),
-				'url' => $oApp['url_generator']->generate('p_object_edit', array('sObjectClass' => $sObjectClass, 'sObjectId' => $sObjectId))
-			);
+		    $oModifyButton = new URLButtonItem(
+		        'modify_object',
+                Dict::S('UI:Menu:Modify'),
+				$oApp['url_generator']->generate('p_object_edit', array('sObjectClass' => $sObjectClass, 'sObjectId' => $sObjectId))
+            );
+		    // Putting this one first
+		    $aData['form']['buttons']['links'][] = $oModifyButton->GetMenuItem();
 		}

 		// Preparing response
@@ -467,7 +473,9 @@ class ObjectController extends AbstractController

 			// Preparing transitions only if we are currently going through one
 			$aFormData['buttons'] = array(
-				'transitions' => array()
+				'transitions' => array(),
+                'actions' => array(),
+                'links' => array(),
 			);
 			if ($sMode !== 'apply_stimulus')
 			{
@@ -482,6 +490,25 @@ class ObjectController extends AbstractController
 						$aFormData['buttons']['transitions'][$sStimulusCode] = $aStimuli[$sStimulusCode]->GetLabel();
 					}
 				}
+
+                // Add plugins buttons
+                foreach (MetaModel::EnumPlugins('iPopupMenuExtension') as $oExtensionInstance)
+                {
+                    foreach($oExtensionInstance->EnumItems(iPopupMenuExtension::PORTAL_OBJDETAILS_ACTIONS, array('portal_id' => $oApp['combodo.portal.instance.id'], 'object' => $oObject)) as $oMenuItem)
+                    {
+                        if (is_object($oMenuItem))
+                        {
+                            if($oMenuItem instanceof JSButtonItem)
+                            {
+                                $aFormData['buttons']['actions'][] = $oMenuItem->GetMenuItem() + array('js_files' => $oMenuItem->GetLinkedScripts());
+                            }
+                            elseif($oMenuItem instanceof URLButtonItem)
+                            {
+                                $aFormData['buttons']['links'][] = $oMenuItem->GetMenuItem();
+                            }
+                        }
+                    }
+                }
 			}
 			// Preparing callback urls
 			$aCallbackUrls = $oApp['context_manipulator']->GetCallbackUrls($oApp, $aActionRules, $oObject, $bModal);
@@ -1499,5 +1526,3 @@ class ObjectController extends AbstractController
 	}

 }
-
-?>
--- a/datamodels/2.x/itop-portal-base/portal/src/views/bricks/object/mode_create.html.twig
+++ b/datamodels/2.x/itop-portal-base/portal/src/views/bricks/object/mode_create.html.twig
@@ -21,6 +21,13 @@
 	</div>
 	<div class="form_buttons">
 		{% block pFormButtons %}
+            {# Misc. buttons #}
+            {% if form.buttons is defined and (form.buttons.actions is defined or form.buttons.links is defined) %}
+				<div class="form_btn_misc">
+                    {% include 'itop-portal-base/portal/src/views/bricks/object/plugins_buttons.html.twig' with {'aButtons': form.buttons} %}
+				</div>
+            {% endif %}
+			{# Transition buttons #}
 			{% if form.buttons is defined and form.buttons.transitions is defined and form.buttons.transitions|length > 0 %}
 				<div class="form_btn_transitions">
 				{% for sStimulusCode, sStimulusLabel in form.buttons.transitions %}
@@ -29,6 +36,7 @@
 				</div>
 			{% endif %}
 			<div class="form_btn_regular">
+				{# If form has editable fields, we display cancel / submit buttons #}
 				{% if form.editable_fields_count is defined and form.editable_fields_count > 0 %}
 					<button class="btn btn-default form_btn_cancel" type="button" value="cancel" title="{{ 'Portal:Button:Cancel'|dict_s }}" data-dismiss="modal">
 						<span class="glyphicon glyphicon-remove"></span>
@@ -39,6 +47,7 @@
 						{{ 'Portal:Button:Submit'|dict_s }}
 					</button>
 				{% else %}
+					{# Modal mode #}
 					{% if tIsModal %}
 						<input class="btn btn-default form_btn_cancel" type="button" value="{{ 'Portal:Button:Close'|dict_s }}" data-dismiss="modal">
 					{% endif %}
--- a/datamodels/2.x/itop-portal-base/portal/src/views/bricks/object/mode_view.html.twig
+++ b/datamodels/2.x/itop-portal-base/portal/src/views/bricks/object/mode_view.html.twig
@@ -5,16 +5,16 @@
 {# This layout is exactly the same as the mode_create.html.twig, we duplicated it in case we need to have some subtle differences #}

 {% block pFormButtons %}
-	{% if form.buttons is defined and form.buttons.links is defined %}
-		<div class="form_btn_transitions">
-			{% for aLink in form.buttons.links %}
-				<a class="btn btn-primary" href="{{ aLink.url }}">{{ aLink.label }}</a>
-			{% endfor %}
+	{# Misc. buttons #}
+	{% if form.buttons is defined and (form.buttons.actions is defined or form.buttons.links is defined) %}
+		<div class="form_btn_misc">
+            {% include 'itop-portal-base/portal/src/views/bricks/object/plugins_buttons.html.twig' with {'aButtons': form.buttons} %}
 		</div>
 	{% endif %}
+
 	{% if tIsModal is defined and tIsModal == true %}
 		<div class="form_btn_regular">
-			<input class="btn btn-primary form_btn_cancel" type="button" value="{{ 'Portal:Button:Close'|dict_s }}" data-dismiss="modal">
+			<input class="btn btn-primary form_btn_cancel" type="button" value="{{ 'Portal:Button:Close'|dict_s }}" data-dismiss="modal" />
 		</div>
 	{% endif %}
 {% endblock %}
--- a/datamodels/2.x/itop-portal-base/portal/src/views/bricks/object/plugins_buttons.html.twig
+++ b/datamodels/2.x/itop-portal-base/portal/src/views/bricks/object/plugins_buttons.html.twig
@@ -0,0 +1,61 @@
+{% set iLinkButtonsCount = (aButtons.links is defined) ? aButtons.links|length : 0 %}
+{% set iActionButtonsCount = (aButtons.actions is defined) ? aButtons.actions|length : 0 %}
+{% set iButtonsCount = iLinkButtonsCount + iActionButtonsCount %}
+{% set iButtonsGroupThreshold = 2 %}
+{% set bGroupButtons = (iButtonsCount > iButtonsGroupThreshold) ? true : false %}
+
+{% set sButtonCssClasses = (bGroupButtons) ? '' : 'btn btn-default' %}
+{% set aJSFiles = [] %}
+
+{% if bGroupButtons == true %}
+	<div class="dropup">
+		<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+			{{ 'UI:Menu:OtherActions'|dict_s }}
+			<span class="caret"></span>
+		</button>
+		<ul class="dropdown-menu">
+{% endif %}
+
+	{# JSs buttons #}
+	{% if aButtons.actions is defined %}
+		{% for aButton in aButtons.actions %}
+			{# Adding button #}
+			{% if bGroupButtons == true %}
+				<li>
+			{% endif %}
+			<a class="{{ sButtonCssClasses }} {{ aButton.css_classes|join(' ') }}" href="{{ aButton.url }}" onclick="{{ aButton.onclick }}">{{ aButton.label }}</a>
+			{% if bGroupButtons == true %}
+				</li>
+			{% endif %}
+			{# Preparing JS files to load #}
+			{% set aJSFiles = aJSFiles|merge(aButton.js_files) %}
+		{% endfor %}
+	{%  endif %}
+	{# URLs buttons #}
+	{% if aButtons.links is defined %}
+		{% for aButton in aButtons.links %}
+            {% if bGroupButtons == true %}
+				<li>
+			{% endif %}
+			<a class="{{ sButtonCssClasses }} {{ aButton.css_classes|join(' ') }}" href="{{ aButton.url }}" target="{{ aButton.target }}">{{ aButton.label }}</a>
+            {% if bGroupButtons == true %}
+				</li>
+            {% endif %}
+		{% endfor %}
+	{%  endif %}
+
+{% if bGroupButtons == true %}
+		</ul>
+	</div>
+{% endif %}
+
+{# Loading JS files #}
+{% if aJSFiles|length > 0 %}
+	<script type="text/javascript">
+		{% for sJSFile in aJSFiles %}
+		console.log('loading {{ sJSFile }}');
+			$.getScript('{{ sJSFile }}');
+		{% endfor %}
+	</script>
+{% endif %}
+
--- a/datamodels/2.x/itop-portal-base/portal/web/css/portal.css
+++ b/datamodels/2.x/itop-portal-base/portal/web/css/portal.css
@@ -1056,6 +1056,9 @@ table .group-actions {
  padding-top: 20px;
  text-align: center;
 }
+.form_buttons .form_btn_misc {
+  margin-bottom: 20px;
+}
 .form_buttons .form_btn_transitions {
  margin-bottom: 20px;
 }
@@ -1067,6 +1070,9 @@ table .group-actions {
 }
@media (min-width: 768px) {
  /* Making regular button sticky */
+  .form_buttons .form_btn_misc {
+    float: left !important;
+  }
  .form_buttons .form_btn_transitions {
    float: right !important;
    margin-left: 3px;
--- a/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss
+++ b/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss
@@ -1126,6 +1126,9 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
 	padding-top: 20px;
 	text-align: center;
 }
+.form_buttons .form_btn_misc {
+	margin-bottom: 20px;
+}
 .form_buttons .form_btn_transitions{
 	margin-bottom: 20px;
 }
@@ -1136,6 +1139,9 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
 	display: none;
 }
@media (min-width: 768px){
+	.form_buttons .form_btn_misc{
+		float: left !important;
+	}
 	.form_buttons .form_btn_transitions{
 		float: right !important;
 		margin-left: 3px;