Re: [otrs] show/hide dynamic fields on phone ticket

Fri, 04 Nov 2016 07:54:40 -0700

I was able to get it working. I don't use Sysconfig to set they Dynamic fields mandatory. It's done based on ticket type. We have multiple helpdesks setup and use ticket type to define where the ticket is routed and what dynamic fields are displayed. Here's an example. 

[% RenderBlockStart("TicketType") %]
<label class="Mandatory" for="TypeID"><span class="Marker">*</span> [% Translate("Type") | html %]:</label> 
                    <div class="Field">
                        [% Data.TypeStrg %]
<div id="TypeIDError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div> <div id="TypeIDServerError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div> 

[% WRAPPER JSOnDocumentComplete %]
<script type="text/javascript">//<![CDATA[
    $('#TypeID').bind('change', function (Event) {
        $('#Dest').val('143||Incoming');

        Core.AJAX.FormUpdate($('#NewPhoneTicket'), 'AJAXUpdate', 
'TypeID', ['Dest', 'NewUserID', 'NewResponsibleID', 'NextStateID', 
'PriorityID', 'ServiceID', 'SLAID', 'SignKeyID', 'CryptKeyID', 'To', 
'Cc', 'Bcc', 'StandardTemplateID' [% Data.DynamicFieldNamesStrg %]]);


### shows dynamic fields based on ticket type ###
       switch ($('#TypeID').val() ) {
          case "1":

                 document.getElementById('id ktst').style.display = 
'block';

$("#LabelDynamicField_ktst").addClass("Mandatory");

                $("#DynamicField_ktst").addClass("Mandatory 
Validate_Required ServerError");

                break;

             case "4":

                 document.getElementById('id Supervisor').style.display 
= 'block';
                 document.getElementById('id Department').style.display 
= 'block';
                 document.getElementById('id ProdLine').style.display = 
'block';

$("#LabelDynamicField_ProdLine").addClass("Mandatory");

                $("#DynamicField_ProdLine").addClass("Mandatory 
Validate_Required ServerError");
                 document.getElementById('id Item').style.display = 
'block';

$("#LabelDynamicField_Item").addClass("Mandatory");

                $("#DynamicField_Item").addClass("Mandatory 
Validate_Required ServerError");
                 document.getElementById('id Problem').style.display = 
'block';

$("#LabelDynamicField_Problem").addClass("Mandatory");

                $("#DynamicField_Problem").addClass("Mandatory 
Validate_Required ServerError");
                 document.getElementById('id Solution').style.display = 
'block';

$("#LabelDynamicField_Solution").addClass("Mandatory");

                $("#DynamicField_Solution").addClass("Mandatory 
Validate_Required ServerError");

                break;

        default:

                 document.getElementById('id Supervisor').style.display 
= 'none';
                 document.getElementById('id Department').style.display 
= 'none';
                 document.getElementById('id ProdLine').style.display = 
'none';

                 document.getElementById('id Item').style.display = 'none';

                 document.getElementById('id Problem').style.display = 
'none';
                 document.getElementById('id Solution').style.display = 
'none';

                 document.getElemnetById('id ktst').style.display = 'none';
                 break;
       }
    });
//]]></script>
[% END %]
                    </div>
                    <div class="Clear"></div>
[% RenderBlockEnd("TicketType") %]


On 10/31/2016 4:39 PM, Kent Kollasch wrote:



the last problem is setting/removing the class Validate_Required for 
the dynamic fields.  If I set it in sysconfig to manditory, I need to 
be able to clear this if the field isn't being shown.



On 10/31/2016 3:32 PM, Kent Kollasch wrote:


I figured it out...  Works pretty good...

### shows dynamic fields based on ticket type ###
       switch ($('#TypeID').val() ) {
             case "4":

                 document.getElementById('id 
Supervisor').style.display = 'block';
                 document.getElementById('id 
Department').style.display = 'block';
                 document.getElementById('id ProdLine').style.display 
= 'block';
                 document.getElementById('id Item').style.display = 
'block';
                 document.getElementById('id Problem').style.display 
= 'block';
                 document.getElementById('id Solution').style.display 
= 'block';

             break;

        default:

                 document.getElementById('id 
Supervisor').style.display = 'none';
                 document.getElementById('id 
Department').style.display = 'none';
                 document.getElementById('id ProdLine').style.display 
= 'none';
                 document.getElementById('id Item').style.display = 
'none';
                 document.getElementById('id Problem').style.display 
= 'none';
                 document.getElementById('id Solution').style.display 
= 'none';

             break;
       }


[% RenderBlockStart("DynamicField") %]

                        <div id="id [% Data.Name %]" 
style="display:none;" class="Row Row_DynamicField_[% Data.Name | html 
%]" className="TicketFreeText Validate_Required ServerError" >
                            [% Data.Label %]<div class="Field">[% 
Data.Field %]</div>

                            <div class="Clear"></div>
                        </div>
[% RenderBlockEnd("DynamicField") %]



On 10/31/2016 3:12 PM, Kent Kollasch wrote:


Hi,


I'm trying to show/hide dynamic fields on new phone ticket based on 
ticket type.



I'm having mixed results, only the first dynamic field shows up, the 
rest stay hidden.  I've add the following to 
Custom/Kernel/Output/HTML/Templates/Standard/AgentTicketPhone.tt.


[% RenderBlockStart("TicketType") %]

                    <label class="Mandatory" for="TypeID"><span 
class="Marker">*</span> [% Translate("Type") | html %]:</label>

                    <div class="Field">
                        [% Data.TypeStrg %]

                        <div id="TypeIDError" 
class="TooltipErrorMessage"><p>[% Translate("This field is 
required.") | html %]</p></div>
                        <div id="TypeIDServerError" 
class="TooltipErrorMessage"><p>[% Translate("This field is 
required.") | html %]</p></div>


[% WRAPPER JSOnDocumentComplete %]
<script type="text/javascript">//<![CDATA[
    $('#TypeID').bind('change', function (Event) {

        Core.AJAX.FormUpdate($('#NewPhoneTicket'), 'AJAXUpdate', 
'TypeID', ['Dest', 'NewUserID', 'NewResponsibleID', 'NextStateID', 
'PriorityID', 'ServiceID', 'SLAID', 'SignKeyID', 'CryptKeyID', 'To', 
'Cc', 'Bcc', 'StandardTemplateID' [% Data.DynamicFieldNamesStrg %]]);


### shows dynamic fields based on ticket type ###
       switch ($('#TypeID').val() ) {
             case "4":

                 document.getElementById('id name').style.display = 
'block';

             break;

        default:

                  document.getElementById('id name').style.display = 
'none';

       }

    });
//]]></script>
[% END %]


[% RenderBlockStart("DynamicField") %]

                        <div id="id name" style="display:none;" 
class="Row Row_DynamicField_[% Data.Name | html %]" 
className="TicketFreeText Validate_Required ServerError" >
                            [% Data.Label %]<div class="Field">[% 
Data.Field %]</div>

                            <div class="Clear"></div>
                        </div>
[% RenderBlockEnd("DynamicField") %]

Thanks,
Kent
--
Kent C. Kollasch<mailto:[email protected]>
Director of Information Technology
Art's-Way Manufacturing Co., Inc.
Phone: (712) 864-0025
Fax: (712) 864-3154

This message may contain information that is confidential and subject to 
privilege.
If you are not the intended recipient and have received this e-mail in error, 
please
disregard and do not open attachments, if any. Please note that the view or 
opinions
presented in this e-mail are solely those of the author.


---------------------------------------------------------------------
OTRS mailing list: otrs - Webpage:http://otrs.org/
Archive:http://lists.otrs.org/pipermail/otrs
To unsubscribe:http://lists.otrs.org/mailman/listinfo/otrs


--
Kent C. Kollasch<mailto:[email protected]>
Director of Information Technology
Art's-Way Manufacturing Co., Inc.
Phone: (712) 864-0025
Fax: (712) 864-3154

This message may contain information that is confidential and subject to 
privilege.
If you are not the intended recipient and have received this e-mail in error, 
please
disregard and do not open attachments, if any. Please note that the view or 
opinions
presented in this e-mail are solely those of the author.


---------------------------------------------------------------------
OTRS mailing list: otrs - Webpage:http://otrs.org/
Archive:http://lists.otrs.org/pipermail/otrs
To unsubscribe:http://lists.otrs.org/mailman/listinfo/otrs


--
Kent C. Kollasch<mailto:[email protected]>
Director of Information Technology
Art's-Way Manufacturing Co., Inc.
Phone: (712) 864-0025
Fax: (712) 864-3154

This message may contain information that is confidential and subject to 
privilege.
If you are not the intended recipient and have received this e-mail in error, 
please
disregard and do not open attachments, if any. Please note that the view or 
opinions
presented in this e-mail are solely those of the author.


--
Kent C. Kollasch <mailto:[email protected]>
Director of Information Technology
Art's-Way Manufacturing Co., Inc.
Phone: (712) 864-0025
Fax: (712) 864-3154

This message may contain information that is confidential and subject to 
privilege.
If you are not the intended recipient and have received this e-mail in error, 
please
disregard and do not open attachments, if any. Please note that the view or 
opinions
presented in this e-mail are solely those of the author.


---------------------------------------------------------------------
OTRS mailing list: otrs - Webpage: http://otrs.org/
Archive: http://lists.otrs.org/pipermail/otrs
To unsubscribe: http://lists.otrs.org/mailman/listinfo/otrs





















					Reply via email to