<!DOCTYPE html>
<html class="" lang="en">
<head  >
    {% include 'twig/common/header/include.twig' %}

</head>
<body class="" data-group="" data-page="projects:issues:index" data-project="xphp">
{% include 'twig/common/body/script.twig' %}

<section class="has-sidebar page-layout max-sidebar">
    {% include 'twig/common/body/page-left.twig' %}

    <div class="page-layout page-content-body background-white">
        {% include 'twig/common/body/header-content.twig' %}

<div class="page-with-sidebar">

    <div class="content-wrapper page-with-layout-nav page-with-sub-nav">
        <div class="alert-wrapper">

            <div class="flash-container flash-container-page">
            </div>

        </div>
        <div class=" ">
            <div class="content padding-0" id="content-body">
                <div class="user-profile">
                    <div class="cover-block user-cover-block">
                        <div class="cover-controls">
                            <a class="btn btn-gray has-tooltip" title="Edit profile" aria-label="Edit profile" href="/user/profile_edit">
                                <i class="fa fa-pencil"></i>
                            </a>
                            <!--<a class="btn btn-gray has-tooltip" title="Subscribe" aria-label="Subscribe" href="/sven.atom?private_token=vyxEf937XeWRN9gDqyXk">
                                <i class="fa fa-rss"></i>
                            </a>-->
                        </div>

                        {% include 'twig/user/common-profile-header.twig' %}

                        <div class="scrolling-tabs-container">
                            <div class="fade-left">
                                <i class="fa fa-angle-left"></i>
                            </div>
                            <div class="fade-right">
                                <i class="fa fa-angle-right"></i>
                            </div>

                            {% set profile_nav='log_operation' %}
                            {% include  'twig/user/common-profile-nav.twig' %}
                        </div>
                    </div>
                    <div class="container-fluid container-limited">
                        <div class="tab-content">
                            <div class="tab-pane active" id="activity">

                                <div id="activity_list" data-href="/sven">

                                </div>
                                <div id="more_activity" class="loading hide">
                                    <a class="text-plain" href="#" style="font-size: 14px">更多</a>
                                </div>
                                <div class="loading hide">
                                    <i class="fa fa-spinner fa-spin"></i>
                                </div>
                            </div>
                            <div class="tab-pane" id="groups"></div>
                            <div class="tab-pane" id="projects">
                            </div>
                            <div class="tab-pane" id="snippets"></div>
                        </div>
                        <div class="loading-status">
                            <div class="loading hide">
                                <i class="fa fa-spinner fa-spin"></i>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
</div>

    </div>
</section>

{% verbatim %}<script id="log_operation_tpl" type="text/html" >
    <ul class="projects-list">
    {{#logs}}
        <li class="project-row">
            <div class="project-details">
                <h3 class="prepend-top-0 append-bottom-0"><span class="label btn-success" style="padding: 4px;">{{remark}}</span> {{page}}</h3>
                <div class="description prepend-top-5">
                    <p dir="auto" style="color:#999;">{{real_name}} {{action}} {{module}}</p>
                </div>
            </div>
            <div class="event-title">
                <span class="author_name">
                    <a title="Abby Matthews" href="/amatthews"></a>
                </span>
                <span class="pushed"></span>
            </div>
            <div class="event-body">
                <div class="commit-row-title">

                </div>
            </div>
            <div class="controls">
                <time class="js-timeago js-timeago-render-my" title=""
                      datetime="{{time}}"
                      data-toggle="tooltip"
                      data-placement="top"
                      data-container="body"
                      data-original-title="{{show_date_title}}"
                      data-tid="{{id}}">{{show_date}}</time>
            </div>
        </li>
    {{/logs}}
    </ul>
</script>{% endverbatim %}
<style>
    text.month-name,
    text.calendar-heatmap-legend-text,
    text.day-initial {
        font-size: 10px;
        fill: #aaaaaa;
        font-family: Helvetica, arial, 'Open Sans', sans-serif
    }
    .day-cell {
        border: 1px solid gray;
    }
    rect.day-cell:hover {
        stroke: #555555;
        stroke-width: 1px;
    }
    .day-cell-tooltip {
        position: absolute;
        z-index: 9999;
        padding: 5px 9px;
        color: #bbbbbb;
        font-size: 12px;
        background: rgba(0, 0, 0, 0.85);
        border-radius: 3px;
        text-align: center;
    }
    .day-cell-tooltip > span {
        font-family: Helvetica, arial, 'Open Sans', sans-serif
    }
    .calendar-heatmap {
        box-sizing: initial;
    }
</style>

<script src="/dev/lib/handlebars-v4.0.10.js" type="text/javascript" charset="utf-8"></script>
<script src="/dev/js/log_operation.js" type="text/javascript" charset="utf-8"></script>
<script src="/dev/lib/moment.js" charset="utf-8"></script>
<script type="text/javascript">

    var $log_operation = null;
    var _cur_page = 1;
    var _user_id = '<?=user_id?>';
    $(function() {


        var options = {
            user_id:_user_id
        }
        window.$log_operation = new LogOperation( options );
        window.$log_operation.fetchByUser( window._cur_page );

        $('#more_activity').bind('click', function(){
            window.$log_operation.fetchByUser( window._cur_page +1 );
        })


    });
</script>

</body>
</html>

