<?page

body<=

<?_code

{

    use strict;

    use vars qw($title $body $head %GET %POST);

    use Class::Autouse qw (

                           LJ::NotificationInbox

                           LJ::Event

                           );

    $title = $ML{'.title'};

    $body = "";

    my $remote = LJ::get_remote()

        or return "<?needlogin?>";

    return $ML{'.error.not_ready'} unless $remote->can_use_esn;

    LJ::need_res(qw(

                  js/core.js

                  js/dom.js

                  js/view.js

                  js/controller.js

                  js/datasource.js

                  js/checkallbutton.js

                  js/selectable_table.js

                  js/httpreq.js

                  js/hourglass.js

                  js/esn_inbox.js

                  stc/esn.css

                  stc/lj_base.css

                  ));

    my $formauth = LJ::form_auth();

    # get the user's inbox

    my $inbox = $remote->notification_inbox

        or return LJ::error_list( BML::ml('.error.couldnt_retrieve_inbox', { 'user' => $remote->{user} }) );

    # 2 instances of action buttons

    # map each to one variable

    my @buttons = qw{markRead markUnread delete markAllRead deleteAll};

    foreach my $button (@buttons) {

        for (my $i=1; $i<=2; $i++) {

            my $sfx_button = $button . "_" . $i;

            $GET{$button} = $GET{$sfx_button} if($GET{$sfx_button} && !$GET{$button});

            $POST{$button} = $POST{$sfx_button} if($POST{$sfx_button} && !$POST{$button});

        }

    }

    # Take a supplied filter but default it to undef unless it is valid

    my $view = $POST{view} || $GET{view} || undef;

    $view = undef if ($view eq 'archive' && $LJ::DISABLED{esn_archive});

    $view = undef if ($view && !LJ::NotificationInbox->can("${view}_items"));

    # Bolds the selected View/Folder

    my $selected_folder = $view || 'all';

    $selected_folder = qq(

        <style>#esn_folder_$selected_folder {

        font-weight: bold;

        background-color: #ffd8d8;

        border: 1px solid #bbb;

        }</style>

        );

    $head = $selected_folder;

    # get events sitting in inbox

    my @notifications = $inbox->items;

    my @errors;

    if (LJ::did_post()) {

        # operate on notices by default but switch if view parameter specified

        my $nitems = \@notifications;

        my $name = "all";

        if ($view) {

            my @items = eval "\$inbox->${name}_items";

            push @items, $inbox->usermsg_sent_items;

            $nitems = \@items;

        }

        if ($POST{markAllRead}) {

            $inbox->mark_all_read( $view );

        } elsif ($POST{deleteAll}) {

            $inbox->delete_all( $view );

        } else {

            # go through each item and see if it's checked

            foreach my $item (@$nitems) {

                my $qid = eval { $item->qid } or next;

                my $checked = $POST{"${name}_Check-$qid"};

                next unless $checked;

                if ($POST{markRead}) {

                    $item->mark_read;

                } elsif ($POST{markUnread}) {

                    $item->mark_unread;

                } elsif ($POST{delete}) {

                    $item->delete;

                }

            }

            # reload inbox after making changes

            @$nitems = eval "\$inbox->${name}_items";

        }

    }

    # Allow bookmarking to work without Javascript

    # or before JS events are bound

    if ($GET{bookmark_off} && $GET{bookmark_off} =~ /^\d+$/) {

        push @errors, $ML{'.error.max_bookmarks'}

            unless $inbox->add_bookmark($GET{bookmark_off});

    }

    if ($GET{bookmark_on} && $GET{bookmark_on} =~ /^\d+$/) {

        $inbox->remove_bookmark($GET{bookmark_on});

    }

    # Pagination

    my $page = int($POST{page} || $GET{page});

    $body .= LJ::error_list(@errors) if (@errors);

    $body .= qq{

    <div class="inbox_newitems pkg">

        <span class="esnlinks"><a href="$LJ::SITEROOT/inbox/?page=$page" id="RefreshLink"><?_ml inbox.refresh _ml?></a> | <a href="$LJ::SITEROOT/manage/subscriptions/"><?_ml inbox.manage_settings _ml?></a></span>

    </div> };

    # Inbox Nav

    $body .= qq{

        <table style="width: 100%"><tr><td valign="top" style="padding-right: 12px">};

    $body .= LJ::Widget::InboxFolderNav->render( 'page' => 1 );

    $body .= qq{

        </td>

        <td width="1" height="100%" style="border-left: 1px solid #ccc"><img src="$LJ::IMGPREFIX/spacer.gif"></td>

        <td valign="top" style="padding-left: 10px; width: 100%;">

    };

    # Filter by view if specified

    my @all_items;

    if ($view) {

        @all_items = eval "\$inbox->${view}_items";

    } else {

        @all_items = $inbox->all_items;

    }

    # Pagination

    my $page = int($POST{page} || $GET{page});

    $body .= LJ::Widget::InboxFolder->render(

                     folder  => "all",

                     reply_btn => 1,

                     expand    => $GET{expand},

                     inbox     => $inbox,

                     page      => $page,

                     view      => $view,

                     mode      => $GET{mode},

                     items     => \@all_items);

    $body .= qq{

        </td></tr></table>

    };

    return $body;

}

 _code?>

<=body

title=><?_code return $title; _code?>

head<=

<?_code return $head; _code?>

<script>

LJ_cmtinfo = {};

LJ_cmtinfo['disableInlineDelete'] = 1;

var pageNum;

var cur_folder = '<?_code return $POST{view} || $GET{view} || undef; _code?>';

DOM.addEventListener(window, "load", setup, cur_folder);

var tableview;

var checkallButton;

/* Can have multiple tables or folders displayed on the same page */

var folders = ['all'];

function setup (e) {

    if (! Site.has_remote) return;

    for (var i=0; i<folders.length; i++) {

        var name = folders[i];

        tableview = new View();

        tableview.init({ "view": $(name + "_Table") });

        // 2 instances of action buttons

        for (var i=1; i<=2; i++) {

            checkallButton = new CheckallButton();

            checkallButton.init({

                  "class": "InboxItem_Check",

                  "button": $(name + "_CheckAll_" + i),

                  "parent": tableview.getView()

            });

        }

    }

// 2 instances of action buttons

for (var i=1; i<=2; i++) {

    DOM.addEventListener($("Page_Prev_"+i), "click", Page_Prev);

    DOM.addEventListener($("Page_Next_"+i), "click", Page_Next);

}

if ($("pageNum")) pageNum = parseInt($("pageNum").value);

}

function xtra_args () {

    var args = '';

    var view = $("inbox_view").value;

    if (view) args += "&view=" + view;

    return args;

}

function Page_Prev (e) {

    if (pageNum) {

        var args = xtra_args();

        window.location.href = "<?siteroot?>/inbox/?page=" + (pageNum - 1) + args;

    }

}

function Page_Next (e) {

    if (pageNum) {

        var args = xtra_args();

        window.location.href = "<?siteroot?>/inbox/?page=" + (pageNum + 1) + args;

    }

}

</script>

<=head

page?>