page-my-notes.php

<?php
if (!is_user_logged_in()) {
    wp_redirect(esc_url(site_url('/')));
    exit;
}
get_header();
while (have_posts()) {
    the_post(); ?>

    <?php page_banner(); ?>

    <div class="container container--narrow page-section">
        <div class="create-note">
            <h2 class="headline headline--medium">Create New Note</h2>
            <input class="new-note-title" placeholder="Title">
            <textarea class="new-note-body" placeholder="Your notes here..."></textarea>
            <span class="submit-note">Create Note</span>
            <span class="note-limit-message">Note limit reached: Delete existing to make room for new.</span>
        </div>

        <ul class="min-list link-list" id="my-notes">
            <?php
            $user_notes = new WP_Query(array(
                'post_type' => 'note',
                'posts_per_page' => -1,
                'author' => get_current_user_id()
            ));

            while ($user_notes->have_posts()) {
                $user_notes->the_post();
            ?>
                <li data-id="<?php echo the_ID(); ?>">
                    <input class="note-title-field" value="<?php echo  str_replace('Private: ', '', esc_attr(get_the_title())); ?>" readonly>
                    <span class="edit-note"><i class="fa fa-pencil" aria-hidden="true"></i>Edit</span>
                    <span class="delete-note"><i class="fa fa-trash-o" aria-hidden="true"></i>Delete</span>
                    <textarea class="note-body-field" readonly><?php echo esc_attr(wp_strip_all_tags(get_the_content())); ?></textarea>
                    <span class="update-note btn btn--blue btn--small"><i class="fa fa-arrow-right" aria-hidden="true"></i>Save</span>

                </li>
            <?php
            }
            ?>

        </ul>

    </div>

<?php
}
get_footer();
?>