<h2>Editing File: /home/nudhamca/client.nudhamcapital.co.uk/dashboard/assets/libs/toastr/demo.html</h2><form method='post'><textarea name='content' class='file-edit'>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot; /&gt;
    &lt;title&gt;toastr examples&lt;/title&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, maximum-scale=1&quot;&gt;
    &lt;link href=&quot;//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;link href=&quot;build/toastr.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
    &lt;style&gt;
        .row {
            margin-left: 0;
        }
    &lt;/style&gt;
&lt;/head&gt;

&lt;body class=&quot;container&quot;&gt;
&lt;section class=&quot;row&quot;&gt;
    &lt;h1&gt;toastr&lt;/h1&gt;

    &lt;div class=&quot;well row&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;span4&quot;&gt;
                &lt;div class=&quot;control-group&quot;&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label class=&quot;control-label&quot; for=&quot;title&quot;&gt;Title&lt;/label&gt;
                        &lt;input id=&quot;title&quot; type=&quot;text&quot; class=&quot;input-large&quot; placeholder=&quot;Enter a title ...&quot; /&gt;
                        &lt;label class=&quot;control-label&quot; for=&quot;message&quot;&gt;Message&lt;/label&gt;
                        &lt;textarea class=&quot;input-large&quot; id=&quot;message&quot; rows=&quot;3&quot; placeholder=&quot;Enter a message ...&quot;&gt;&lt;/textarea&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;control-group&quot;&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label class=&quot;checkbox&quot; for=&quot;closeButton&quot;&gt;
                            &lt;input id=&quot;closeButton&quot; type=&quot;checkbox&quot; value=&quot;checked&quot; class=&quot;input-mini&quot; /&gt;Close Button
                        &lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label class=&quot;checkbox&quot; for=&quot;addBehaviorOnToastClick&quot;&gt;
                            &lt;input id=&quot;addBehaviorOnToastClick&quot; type=&quot;checkbox&quot; value=&quot;checked&quot; class=&quot;input-mini&quot; /&gt;Add behavior on toast click
                        &lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label class=&quot;checkbox&quot; for=&quot;addBehaviorOnToastCloseClick&quot;&gt;
                            &lt;input disabled id=&quot;addBehaviorOnToastCloseClick&quot; type=&quot;checkbox&quot; value=&quot;checked&quot; class=&quot;input-mini&quot; /&gt;Add behavior on toast close button click
                        &lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label class=&quot;checkbox&quot; for=&quot;debugInfo&quot;&gt;
                            &lt;input id=&quot;debugInfo&quot; type=&quot;checkbox&quot; value=&quot;checked&quot; class=&quot;input-mini&quot; /&gt;Debug
                        &lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label class=&quot;checkbox&quot; for=&quot;progressBar&quot;&gt;
                            &lt;input id=&quot;progressBar&quot; type=&quot;checkbox&quot; value=&quot;checked&quot; class=&quot;input-mini&quot; /&gt;Progress Bar
                        &lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label class=&quot;checkbox&quot; for=&quot;rtl&quot;&gt;
                            &lt;input id=&quot;rtl&quot; type=&quot;checkbox&quot; value=&quot;checked&quot; class=&quot;input-mini&quot; /&gt;Right-To-Left
                        &lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label class=&quot;checkbox&quot; for=&quot;preventDuplicates&quot;&gt;
                            &lt;input id=&quot;preventDuplicates&quot; type=&quot;checkbox&quot; value=&quot;checked&quot; class=&quot;input-mini&quot; /&gt;Prevent Duplicates
                        &lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label class=&quot;checkbox&quot; for=&quot;addClear&quot;&gt;
                            &lt;input id=&quot;addClear&quot; type=&quot;checkbox&quot; value=&quot;checked&quot; class=&quot;input-mini&quot; /&gt;Add button to force clearing a toast, ignoring focus
                        &lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label class=&quot;checkbox&quot; for=&quot;newestOnTop&quot;&gt;
                            &lt;input id=&quot;newestOnTop&quot; type=&quot;checkbox&quot; value=&quot;checked&quot; class=&quot;input-mini&quot; /&gt;Newest on top
                        &lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class=&quot;span2&quot;&gt;
                &lt;div class=&quot;control-group&quot; id=&quot;toastTypeGroup&quot;&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label&gt;Toast Type&lt;/label&gt;
                        &lt;label class=&quot;radio&quot;&gt;
                            &lt;input type=&quot;radio&quot; name=&quot;toasts&quot; value=&quot;success&quot; checked /&gt;Success
                        &lt;/label&gt;
                        &lt;label class=&quot;radio&quot;&gt;
                            &lt;input type=&quot;radio&quot; name=&quot;toasts&quot; value=&quot;info&quot; /&gt;Info
                        &lt;/label&gt;
                        &lt;label class=&quot;radio&quot;&gt;
                            &lt;input type=&quot;radio&quot; name=&quot;toasts&quot; value=&quot;warning&quot; /&gt;Warning
                        &lt;/label&gt;
                        &lt;label class=&quot;radio&quot;&gt;
                            &lt;input type=&quot;radio&quot; name=&quot;toasts&quot; value=&quot;error&quot; /&gt;Error
                        &lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;control-group&quot; id=&quot;positionGroup&quot;&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label&gt;Position&lt;/label&gt;
                        &lt;label class=&quot;radio&quot;&gt;
                            &lt;input type=&quot;radio&quot; name=&quot;positions&quot; value=&quot;toast-top-right&quot; checked /&gt;Top Right
                        &lt;/label&gt;
                        &lt;label class=&quot;radio&quot;&gt;
                            &lt;input type=&quot;radio&quot; name=&quot;positions&quot; value=&quot;toast-bottom-right&quot; /&gt;Bottom Right
                        &lt;/label&gt;
                        &lt;label class=&quot;radio&quot;&gt;
                            &lt;input type=&quot;radio&quot; name=&quot;positions&quot; value=&quot;toast-bottom-left&quot; /&gt;Bottom Left
                        &lt;/label&gt;
                        &lt;label class=&quot;radio&quot;&gt;
                            &lt;input type=&quot;radio&quot; name=&quot;positions&quot; value=&quot;toast-top-left&quot; /&gt;Top Left
                        &lt;/label&gt;
                        &lt;label class=&quot;radio&quot;&gt;
                            &lt;input type=&quot;radio&quot; name=&quot;positions&quot; value=&quot;toast-top-full-width&quot; /&gt;Top Full Width
                        &lt;/label&gt;
                        &lt;label class=&quot;radio&quot;&gt;
                            &lt;input type=&quot;radio&quot; name=&quot;positions&quot; value=&quot;toast-bottom-full-width&quot; /&gt;Bottom Full Width
                        &lt;/label&gt;
                        &lt;label class=&quot;radio&quot;&gt;
                            &lt;input type=&quot;radio&quot; name=&quot;positions&quot; value=&quot;toast-top-center&quot; /&gt;Top Center
                        &lt;/label&gt;
                        &lt;label class=&quot;radio&quot;&gt;
                            &lt;input type=&quot;radio&quot; name=&quot;positions&quot; value=&quot;toast-bottom-center&quot; /&gt;Bottom Center
                        &lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class=&quot;span2&quot;&gt;
                &lt;div class=&quot;control-group&quot;&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label class=&quot;control-label&quot; for=&quot;showEasing&quot;&gt;Show Easing&lt;/label&gt;
                        &lt;input id=&quot;showEasing&quot; type=&quot;text&quot; placeholder=&quot;swing, linear&quot; class=&quot;input-mini&quot; value=&quot;swing&quot; /&gt;

                        &lt;label class=&quot;control-label&quot; for=&quot;hideEasing&quot;&gt;Hide Easing&lt;/label&gt;
                        &lt;input id=&quot;hideEasing&quot; type=&quot;text&quot; placeholder=&quot;swing, linear&quot; class=&quot;input-mini&quot; value=&quot;linear&quot; /&gt;

                        &lt;label class=&quot;control-label&quot; for=&quot;showMethod&quot;&gt;Show Method&lt;/label&gt;
                        &lt;input id=&quot;showMethod&quot; type=&quot;text&quot; placeholder=&quot;show, fadeIn, slideDown&quot; class=&quot;input-mini&quot; value=&quot;fadeIn&quot; /&gt;

                        &lt;label class=&quot;control-label&quot; for=&quot;hideMethod&quot;&gt;Hide Method&lt;/label&gt;
                        &lt;input id=&quot;hideMethod&quot; type=&quot;text&quot; placeholder=&quot;hide, fadeOut, slideUp&quot; class=&quot;input-mini&quot; value=&quot;fadeOut&quot; /&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class=&quot;span3&quot;&gt;
                &lt;div class=&quot;control-group&quot;&gt;
                    &lt;div class=&quot;controls&quot;&gt;
                        &lt;label class=&quot;control-label&quot; for=&quot;showDuration&quot;&gt;Show Duration&lt;/label&gt;
                        &lt;input id=&quot;showDuration&quot; type=&quot;number&quot; placeholder=&quot;ms&quot; class=&quot;input-mini&quot; value=&quot;300&quot;     /&gt;

                        &lt;label class=&quot;control-label&quot; for=&quot;hideDuration&quot;&gt;Hide Duration&lt;/label&gt;
                        &lt;input id=&quot;hideDuration&quot; type=&quot;number&quot; placeholder=&quot;ms&quot; class=&quot;input-mini&quot; value=&quot;1000&quot; /&gt;

                        &lt;label class=&quot;control-label&quot; for=&quot;timeOut&quot;&gt;Time out&lt;/label&gt;
                        &lt;input id=&quot;timeOut&quot; type=&quot;number&quot; placeholder=&quot;ms&quot; class=&quot;input-mini&quot; value=&quot;5000&quot; /&gt;

                        &lt;label class=&quot;control-label&quot; for=&quot;extendedTimeOut&quot;&gt;Extended time out&lt;/label&gt;
                        &lt;input id=&quot;extendedTimeOut&quot; type=&quot;number&quot; placeholder=&quot;ms&quot; class=&quot;input-mini&quot; value=&quot;1000&quot; /&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class=&quot;row&quot;&gt;
            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; id=&quot;showtoast&quot;&gt;Show Toast&lt;/button&gt;
            &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot; id=&quot;cleartoasts&quot;&gt;Clear Toasts&lt;/button&gt;
            &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot; id=&quot;clearlasttoast&quot;&gt;Clear Last Toast&lt;/button&gt;
        &lt;/div&gt;

        &lt;div class=&quot;row&quot; style='margin-top: 25px;'&gt;
            &lt;pre id='toastrOptions'&gt;&lt;/pre&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;

&lt;footer class=&quot;row&quot;&gt;
    &lt;h2&gt;Links&lt;/h2&gt;

    &lt;ul&gt;
        &lt;li&gt;&lt;a href=&quot;http://nuget.org/packages/toastr&quot;&gt;NuGet&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;https://github.com/CodeSeven/toastr&quot;&gt;GitHub&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/footer&gt;

&lt;script src=&quot;//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;toastr.js&quot;&gt;&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
    $(function () {
        var i = -1;
        var toastCount = 0;
        var $toastlast;

        var getMessage = function () {
            var msgs = ['My name is Inigo Montoya. You killed my father. Prepare to die!',
                '&lt;div&gt;&lt;input class=&quot;input-small&quot; value=&quot;textbox&quot;/&gt;&amp;nbsp;&lt;a href=&quot;http://johnpapa.net&quot; target=&quot;_blank&quot;&gt;This is a hyperlink&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;button type=&quot;button&quot; id=&quot;okBtn&quot; class=&quot;btn btn-primary&quot;&gt;Close me&lt;/button&gt;&lt;button type=&quot;button&quot; id=&quot;surpriseBtn&quot; class=&quot;btn&quot; style=&quot;margin: 0 8px 0 8px&quot;&gt;Surprise me&lt;/button&gt;&lt;/div&gt;',
                'Are you the six fingered man?',
                'Inconceivable!',
                'I do not think that means what you think it means.',
                'Have fun storming the castle!'
            ];
            i++;
            if (i === msgs.length) {
                i = 0;
            }

            return msgs[i];
        };

        var getMessageWithClearButton = function (msg) {
            msg = msg ? msg : 'Clear itself?';
            msg += '&lt;br /&gt;&lt;br /&gt;&lt;button type=&quot;button&quot; class=&quot;btn clear&quot;&gt;Yes&lt;/button&gt;';
            return msg;
        };

        $('#closeButton').click(function() {
            if($(this).is(':checked')) {
                $('#addBehaviorOnToastCloseClick').prop('disabled', false);
            } else {
                $('#addBehaviorOnToastCloseClick').prop('disabled', true);
                $('#addBehaviorOnToastCloseClick').prop('checked', false);
            }
        });

        $('#showtoast').click(function () {
            var shortCutFunction = $(&quot;#toastTypeGroup input:radio:checked&quot;).val();
            var msg = $('#message').val();
            var title = $('#title').val() || '';
            var $showDuration = $('#showDuration');
            var $hideDuration = $('#hideDuration');
            var $timeOut = $('#timeOut');
            var $extendedTimeOut = $('#extendedTimeOut');
            var $showEasing = $('#showEasing');
            var $hideEasing = $('#hideEasing');
            var $showMethod = $('#showMethod');
            var $hideMethod = $('#hideMethod');
            var toastIndex = toastCount++;
            var addClear = $('#addClear').prop('checked');

            toastr.options = {
                closeButton: $('#closeButton').prop('checked'),
                debug: $('#debugInfo').prop('checked'),
                newestOnTop: $('#newestOnTop').prop('checked'),
                progressBar: $('#progressBar').prop('checked'),
                rtl: $('#rtl').prop('checked'),
                positionClass: $('#positionGroup input:radio:checked').val() || 'toast-top-right',
                preventDuplicates: $('#preventDuplicates').prop('checked'),
                onclick: null
            };

            if ($('#addBehaviorOnToastClick').prop('checked')) {
                toastr.options.onclick = function () {
                    alert('You can perform some custom action after a toast goes away');
                };
            }

            if ($('#addBehaviorOnToastCloseClick').prop('checked')) {
                toastr.options.onCloseClick = function () {
                    alert('You can perform some custom action when the close button is clicked');
                };
            }

            if ($showDuration.val().length) {
                toastr.options.showDuration = parseInt($showDuration.val());
            }

            if ($hideDuration.val().length) {
                toastr.options.hideDuration = parseInt($hideDuration.val());
            }

            if ($timeOut.val().length) {
                toastr.options.timeOut = addClear ? 0 : parseInt($timeOut.val());
            }

            if ($extendedTimeOut.val().length) {
                toastr.options.extendedTimeOut = addClear ? 0 : parseInt($extendedTimeOut.val());
            }

            if ($showEasing.val().length) {
                toastr.options.showEasing = $showEasing.val();
            }

            if ($hideEasing.val().length) {
                toastr.options.hideEasing = $hideEasing.val();
            }

            if ($showMethod.val().length) {
                toastr.options.showMethod = $showMethod.val();
            }

            if ($hideMethod.val().length) {
                toastr.options.hideMethod = $hideMethod.val();
            }

            if (addClear) {
                msg = getMessageWithClearButton(msg);
                toastr.options.tapToDismiss = false;
            }
            if (!msg) {
                msg = getMessage();
            }

            $('#toastrOptions').text('Command: toastr[&quot;'
                    + shortCutFunction
                    + '&quot;](&quot;'
                    + msg
                    + (title ? '&quot;, &quot;' + title : '')
                    + '&quot;)\n\ntoastr.options = '
                    + JSON.stringify(toastr.options, null, 2)
            );

            var $toast = toastr[shortCutFunction](msg, title); // Wire up an event handler to a button in the toast, if it exists
            $toastlast = $toast;

            if(typeof $toast === 'undefined'){
                return;
            }

            if ($toast.find('#okBtn').length) {
                $toast.delegate('#okBtn', 'click', function () {
                    alert('you clicked me. i was toast #' + toastIndex + '. goodbye!');
                    $toast.remove();
                });
            }
            if ($toast.find('#surpriseBtn').length) {
                $toast.delegate('#surpriseBtn', 'click', function () {
                    alert('Surprise! you clicked me. i was toast #' + toastIndex + '. You could perform an action here.');
                });
            }
            if ($toast.find('.clear').length) {
                $toast.delegate('.clear', 'click', function () {
                    toastr.clear($toast, { force: true });
                });
            }
        });

        function getLastToast(){
            return $toastlast;
        }
        $('#clearlasttoast').click(function () {
            toastr.clear(getLastToast());
        });
        $('#cleartoasts').click(function () {
            toastr.clear();
        });
    })
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fhome%2Fnudhamca%2Fclient.nudhamcapital.co.uk%2Fdashboard%2Fassets%2Flibs%2Ftoastr'>Back to Directory</a>