plexpy/data/interfaces/default/edit_user.html

<%doc>
USAGE DOCUMENTATION :: PLEASE LEAVE THIS AT THE TOP OF THIS FILE

For Mako templating syntax documentation please visit: http://docs.makotemplates.org/en/latest/

Filename:           edit_user.html
Version:            0.1
Variable names:     data [list]

data :: Usable parameters

== Global keys ==
user                Return the real Plex username
user_id             Return the Plex user_id
friendly_name       Returns the friendly edited Plex username
do_notify           Returns bool value for whether the user should trigger notifications
keep_history        Returns bool value for whether the user's activity should be logged

DOCUMENTATION :: END
</%doc>

% if data is not None:
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
            <h4 class="modal-title">Edit user <strong>${data['user']}</strong></h4>
        </div>
        <div class="modal-body" id="modal-text">
            <fieldset>
                <div class="form-group">
                    <label for="friendly_name">Friendly Name</label>
                    <div class="row">
                        <div class="col-md-6">
                            <input type="text" class="form-control" id="friendly_name" name="friendly_name" value="${data['friendly_name']}" size="30">
                        </div>
                    </div>
                    <p class="help-block">Replace all occurances of the username with this name.</p>
                </div>
                <div class="form-group">
                    <label for="profile_url">Profile Picture URL</label>
                    <div class="row">
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="profile_url" name="profile_url" value="${data['thumb']}">
                        </div>
                    </div>
                    <p class="help-block">Change the users profile picture in PlexPy. To reset to default, leave this field empty and save then perform a user refresh.</p>
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox" id="do_notify" name="do_notify" value="1" ${data['do_notify']}> Enable notifications
                    </label>
                    <p class="help-block">Uncheck this if you do not want to receive notifications for this user's activity.</p>
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox" id="keep_history" name="keep_history" value="1" ${data['keep_history']}> Keep history
                    </label>
                    <p class="help-block">Uncheck this if you do not want this keep any history on this user's activity.</p>
                </div>
                % if data['user_id']:
                <div class="form-group">
                    <button class="btn btn-danger" id="delete-all-history">Purge</button>
                    <p class="help-block">DANGER ZONE! Click the purge button to remove all history logged for this user. This is permanent!</p>
                </div>
                % endif
            </fieldset>
        </div>
        <div class="modal-footer">
            <div>
                <span id="edit-user-status-message"></span>
                <input type="button" id="save_user_name" class="btn btn-bright" value="Save">
            </div>
        </div>
    </div>
</div>
<div id="confirm-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="confirm-modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
                <h4 class="modal-title" id="myModalLabel">Confirm Purge</h4>
            </div>
            <div class="modal-body" style="text-align: center;">
                <p>Are you REALLY sure you want to purge all history for this user?</p>
                <p>This is permanent and cannot be undone!</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-purge">Purge</button>
            </div>
        </div>
    </div>
</div>
<script>
    // Set new friendly name
    $("#save_user_name").click(function() {
        var friendly_name = $("#friendly_name").val();
        var thumb = $("#profile_url").val();
        var do_notify = 0;
        var keep_history = 0;
        if ($("#do_notify").is(":checked")) {
            do_notify = 1;
        }
        if ($("#keep_history").is(":checked")) {
            keep_history = 1;
        }

        % if data['user_id']:
            $.ajax({
                url: 'edit_user',
                data: {user_id: '${data['user_id']}', friendly_name: friendly_name, do_notify: do_notify, keep_history: keep_history, thumb: thumb},
                cache: false,
                async: true,
                success: function(data) {
                    $("#edit-user-status-message").html(data);
                    if ($.trim(friendly_name) !== '') {
                        $(".set-username").html(friendly_name);
                    }
                    $("#user-profile-thumb").attr('src', thumb);
                }
            });
        % else:
            $.ajax({
                url: 'edit_user',
                data: {user: '${data['user']}', friendly_name: friendly_name, do_notify: do_notify, keep_history: keep_history, thumb: thumb},
                cache: false,
                async: true,
                success: function(data) {
                    $("#edit-user-status-message").html(data);
                    if ($.trim(friendly_name) !== '') {
                        $(".set-username").html(friendly_name);
                    }
                    $("#user-profile-thumb").attr('src', thumb);
                }
            });
        % endif
    });

    $("#delete-all-history").on('click', function() {
        $('#confirm-modal').modal();
        $('#confirm-modal').one('click', '#confirm-purge', function () {
            $.ajax({
                url: 'delete_all_user_history',
                data: {user_id: '${data['user_id']}'},
                cache: false,
                async: true,
                success: function(data) {
                    location.reload();
                }
            });
        });
    });
        
    $(document).ready(function() {
        // Move #confirm-modal to parent container
        if(!($('#edit-user-modal').next().is('#confirm-modal'))) {
            $('#confirm-modal').appendTo($('#edit-user-modal').parent()); }
        $('#edit-user-modal > #confirm-modal').remove();

        $('#edit-user-modal').css('z-index', '1050');
        $('.modal-backdrop').not('.modal-backdrop-stack').css('z-index', '1049');
        $('.modal-backdrop').not('.modal-backdrop-stack').addClass('modal-backdrop-stack');

        $('#confirm-modal').on('show.bs.modal', function () {
            // Fix position to match parent modal
            var currentPadding = parseInt($('body').css('padding-right'));
            $(this).children('.modal-dialog').css('left', -currentPadding/2);
            $('#edit-user-modal').css('overflow-y', 'hidden');
        });
        $('#confirm-modal').on('shown.bs.modal', function () {
            $(this).css('z-index', '1060');
            $('.modal-backdrop').not('.modal-backdrop-stack').css('z-index', '1059');
            $('.modal-backdrop').not('.modal-backdrop-stack').addClass('modal-backdrop-stack'); 
        });
        $('#confirm-modal').on('hidden.bs.modal', function() {
            $('body').addClass('modal-open');
            $('#edit-user-modal').css('overflow-y', 'auto');
        });
    });
</script>

% endif