import logging

import traceback

from pylons import tmpl_context as c, url

from pylons.controllers.util import redirect

from rhodecode.lib.base import BaseController, render

from rhodecode.model.db import Notification

from rhodecode.model.notification import NotificationModel

from rhodecode.lib import helpers as h

from rhodecode.model.meta import Session

log = logging.getLogger(__name__)

class NotificationsController(BaseController):

    """REST Controller styled on the Atom Publishing Protocol"""

    # To properly map this controller, ensure your config/routing.py

    # file has a resource setup:

    #     map.resource('notification', 'notifications', controller='_admin/notifications', 

    #         path_prefix='/_admin', name_prefix='_admin_')

    @LoginRequired()

    def __before__(self):

        super(NotificationsController, self).__before__()

    def index(self, format='html'):

        """GET /_admin/notifications: All items in the collection"""

        # url('notifications')

        c.user = self.rhodecode_user

        c.notifications = NotificationModel()\

                            .get_for_user(self.rhodecode_user.user_id)

        return render('admin/notifications/notifications.html')

    def create(self):

        """POST /_admin/notifications: Create a new item"""

        # url('notifications')

    def new(self, format='html'):

        """GET /_admin/notifications/new: Form to create a new item"""

        # url('new_notification')

    def update(self, notification_id):

        """PUT /_admin/notifications/id: Update an existing item"""

        # Forms posted to this method should contain a hidden field:

        #    <input type="hidden" name="_method" value="PUT" />

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    text-align: center;

    margin: 0px -10px 0px 5px;

    background-color: #DEDEDE;

}

.notifications a{

	color:#888 !important;

	display: block;

	font-size: 10px

}

.notifications a:hover{

	text-decoration: none !important;

}

.notification-header{

}

.notification-header .desc{

	font-size: 16px;

    height: 24px;

    padding-top: 6px;

    float: left

}

.notification-header .desc.unread{

    font-weight: bold;

    font-size: 17px;

}

.notification-header .delete-notifications{

    float: right;

    padding-top: 8px;

    cursor: pointer;

}

.notification-subject{

    clear:both;

    border-bottom: 1px solid #eee;

    padding:5px 0px 5px 38px;

}

<%def name="breadcrumbs_links()">

    ${_('My Notifications')}

</%def>

<%def name="page_nav()">

	${self.menu('admin')}

</%def>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}       

        <ul class="links">

            <li>

              <span style="text-transform: uppercase;"><a href="#">${_('Compose message')}</a></span>

            </li>          

        </ul>            

    </div>

    % if c.notifications:

    <%

    unread = lambda n:{False:'unread'}.get(n)

    %>

    <div class="table">

      %for notification in c.notifications:

          <div class="notification-header">

            <div class="gravatar">

                <img alt="gravatar" src="${h.gravatar_url(h.email(notification.notification.created_by_user.email),24)}"/>

            </div>

            <div class="desc ${unread(notification.read)}">

            <a href="${url('notification', notification_id=notification.notification.notification_id)}">${notification.notification.description}</a>

            </div>

            <div class="delete-notifications">

              <span id="${notification.notification.notification_id}" class="delete-notification delete_icon action"></span>

            </div>

          </div>

          <div class="notification-subject">${h.literal(notification.notification.subject)}</div>

        </div>

      %endfor

    </div>

    %else:

        <div class="table">${_('No notifications here yet')}</div>

    %endif

</div>

<script type="text/javascript">

var url = "${url('notification', notification_id='__NOTIFICATION_ID__')}";

   YUE.on(YUQ('.delete-notification'),'click',function(e){

	   var notification_id = e.currentTarget.id;

	   deleteNotification(url,notification_id)

   })

</script>

</%def>