Added session model and view

blink/mainwindow.py

@@ -13,6 +13,7 @@ from sipsimple.account import AccountManager
 
 from blink.accounts import AccountModel, ActiveAccountModel
 from blink.contacts import Contact, ContactGroup, ContactEditorDialog, ContactModel, ContactSearchModel
+from blink.sessions import SessionModel
 from blink.resources import Resources
 
 
@@ -47,10 +48,14 @@ class MainWindow(base_class, ui_class):
 
         self.contact_editor = ContactEditorDialog(self.contact_model, self)
 
+        self.session_model = SessionModel(self)
+        self.session_list.setModel(self.session_model)
+        self.session_model.test()
+
         self.contacts_panel.sibling_panel = self.sessions_panel
-        self.contacts_panel.sibling_name = u'Sessions'
+        self.contacts_panel.sibling_name = u'Switch to Calls'
         self.sessions_panel.sibling_panel = self.contacts_panel
-        self.sessions_panel.sibling_name = u'Contacts'
+        self.sessions_panel.sibling_name = u'Switch to Contacts'
 
         self.main_view.setCurrentWidget(self.contacts_panel)
         self.contacts_view.setCurrentWidget(self.contact_list_panel)
@@ -113,7 +118,7 @@ class MainWindow(base_class, ui_class):
     def search_box_text_changed(self, text):
         if text:
             self.main_view.setCurrentWidget(self.contacts_panel)
-            self.switch_view_button.setText(u"Sessions")
+            self.switch_view_button.setText(self.contacts_panel.sibling_name)
             self.enable_call_buttons(True)
         else:
             selected_items = self.contact_list.selectionModel().selectedIndexes()

blink/sessions.py

+# Copyright (c) 2010 AG Projects. See LICENSE for details.
+#
+
+from __future__ import with_statement
+
+__all__ = ['Conference', 'SessionItem', 'SessionModel', 'SessionListView']
+
+import cPickle as pickle
+
+from PyQt4 import uic
+from PyQt4.QtCore import Qt, QAbstractListModel, QByteArray, QMimeData, QModelIndex, QSize, QStringList, QTimer, pyqtSignal
+from PyQt4.QtGui  import QAction, QBrush, QColor, QListView, QMenu, QPainter, QPen, QPixmap, QStyle, QStyledItemDelegate
+
+from application.python.util import Null
+
+from blink.resources import Resources
+from blink.widgets.buttons import LeftSegment, MiddleSegment, RightSegment
+
+
+class SessionItem(object):
+    def __init__(self, name, uri, streams):
+        self.name = name
+        self.uri = uri
+        self.streams = streams
+        self.widget = Null
+        self.conference = None
+
+    def _get_conference(self):
+        return self.__dict__['conference']
+
+    def _set_conference(self, conference):
+        old_conference = self.__dict__.get('conference', Null)
+        if old_conference is conference:
+            return
+        if old_conference is not None:
+            old_conference.remove_session(self)
+        if conference is not None:
+            conference.add_session(self)
+        self.__dict__['conference'] = conference
+
+    conference = property(_get_conference, _set_conference)
+    del _get_conference, _set_conference
+
+    def __reduce__(self):
+        return (self.__class__, (self.name, self.uri, self.streams), None)
+
+
+class Conference(object):
+    def __init__(self):
+        self.sessions = []
+
+    def add_session(self, session):
+        if self.sessions:
+            self.sessions[-1].widget.conference_position = Top if len(self.sessions)==1 else Middle
+            session.widget.conference_position = Bottom
+        else:
+            session.widget.conference_position = None
+        session.widget.mute_button.show()
+        self.sessions.append(session)
+
+    def remove_session(self, session):
+        session.widget.conference_position = None
+        session.widget.mute_button.hide()
+        self.sessions.remove(session)
+        session_count = len(self.sessions)
+        if session_count == 1:
+            self.sessions[0].widget.conference_position = None
+            self.sessions[0].widget.mute_button.hide()
+        elif session_count > 1:
+            self.sessions[0].widget.conference_position = Top
+            self.sessions[-1].widget.conference_position = Bottom
+            for sessions in self.sessions[1:-1]:
+                session.widget.conference_position = Middle
+
+
+# Positions for sessions in conferences.
+#
+class Top(object): pass
+class Middle(object): pass
+class Bottom(object): pass
+
+
+ui_class, base_class = uic.loadUiType(Resources.get('session.ui'))
+
+class SessionWidget(base_class, ui_class):
+    def __init__(self, session_info, parent=None):
+        super(SessionWidget, self).__init__(parent)
+        with Resources.directory:
+            self.setupUi(self)
+        latency_font = self.latency.font()
+        latency_font.setPointSizeF(self.status.fontInfo().pointSizeF() - 1)
+        self.latency.setFont(latency_font)
+        self.mute_button.type = LeftSegment
+        self.hold_button.type = MiddleSegment
+        self.record_button.type = MiddleSegment
+        self.hangup_button.type = RightSegment
+        self.selected = False
+        self.drop_indicator = False
+        self.conference_position = None
+        self._disable_dnd = False
+        self.setFocusProxy(parent)
+        self.mute_button.hidden.connect(self._mute_button_hidden)
+        self.mute_button.shown.connect(self._mute_button_shown)
+        self.mute_button.pressed.connect(self._tool_button_pressed)
+        self.hold_button.pressed.connect(self._tool_button_pressed)
+        self.record_button.pressed.connect(self._tool_button_pressed)
+        self.hangup_button.pressed.connect(self._tool_button_pressed)
+        self.mute_button.hide()
+        #self.srtp_label.hide()
+        #self.tls_label.hide()
+        #self.latency.hide()
+        self.address.setText(session_info.name or session_info.uri)
+
+    def _get_selected(self):
+        return self.__dict__['selected']
+
+    def _set_selected(self, value):
+        if self.__dict__.get('selected', None) == value:
+            return
+        self.__dict__['selected'] = value
+        self.update()
+
+    selected = property(_get_selected, _set_selected)
+    del _get_selected, _set_selected
+
+    def _get_drop_indicator(self):
+        return self.__dict__['drop_indicator']
+
+    def _set_drop_indicator(self, value):
+        if self.__dict__.get('drop_indicator', None) == value:
+            return
+        self.__dict__['drop_indicator'] = value
+        self.update()
+
+    drop_indicator = property(_get_drop_indicator, _set_drop_indicator)
+    del _get_drop_indicator, _set_drop_indicator
+
+    def _get_conference_position(self):
+        return self.__dict__['conference_position']
+
+    def _set_conference_position(self, value):
+        if self.__dict__.get('conference_position', Null) == value:
+            return
+        self.__dict__['conference_position'] = value
+        self.update()
+
+    conference_position = property(_get_conference_position, _set_conference_position)
+    del _get_conference_position, _set_conference_position
+
+    def _mute_button_hidden(self):
+        self.hold_button.type = LeftSegment
+
+    def _mute_button_shown(self):
+        self.hold_button.type = MiddleSegment
+
+    def _tool_button_pressed(self):
+        self._disable_dnd = True
+
+    def mousePressEvent(self, event):
+        self._disable_dnd = False
+        super(SessionWidget, self).mousePressEvent(event)
+
+    def mouseMoveEvent(self, event):
+        if self._disable_dnd:
+            return
+        super(SessionWidget, self).mouseMoveEvent(event)
+
+    def paintEvent(self, event):
+        painter = QPainter(self)
+        painter.setRenderHint(QPainter.Antialiasing, True)
+
+        rect = self.rect()
+
+        # draw inner rect and border
+        #
+        if self.selected:
+            painter.setBrush(QBrush(QColor('#d3dcff'))) # c3c9ff, d3d9ff/d3dcff, e3e9ff
+            painter.setPen(QPen(QBrush(QColor('#606060' if self.conference_position is None else '#b0b0b0')), 2.0))
+        elif self.conference_position is not None:
+            painter.setBrush(QBrush(QColor('#d3ffdc')))
+            painter.setPen(QPen(QBrush(QColor('#b0b0b0')), 2.0))
+        else:
+            painter.setBrush(Qt.NoBrush)
+            painter.setPen(QPen(QBrush(QColor('#b0b0b0')), 2.0))
+        painter.drawRoundedRect(rect.adjusted(2, 2, -2, -2), 3, 3)
+
+        # draw outer border
+        #
+        if self.selected or self.drop_indicator:
+            painter.setBrush(Qt.NoBrush)
+            if self.drop_indicator:
+                painter.setPen(QPen(QBrush(QColor('#dc3169')), 2.0))
+            elif self.selected:
+                painter.setPen(QPen(QBrush(QColor('#606060')), 2.0))
+
+            if self.conference_position is Top:
+                painter.drawRoundedRect(rect.adjusted(2, 2, -2, 5), 3, 3)
+                painter.drawRoundedRect(rect.adjusted(1, 1, -1, 5), 3, 3)
+            elif self.conference_position is Middle:
+                painter.drawRoundedRect(rect.adjusted(2, -5, -2, 5), 3, 3)
+                painter.drawRoundedRect(rect.adjusted(1, -5, -1, 5), 3, 3)
+            elif self.conference_position is Bottom:
+                painter.drawRoundedRect(rect.adjusted(2, -5, -2, -2), 3, 3)
+                painter.drawRoundedRect(rect.adjusted(1, -5, -1, -1), 3, 3)
+            else:
+                painter.drawRoundedRect(rect.adjusted(2, 2, -2, -2), 3, 3)
+                painter.drawRoundedRect(rect.adjusted(1, 1, -1, -1), 3, 3)
+        elif self.conference_position is not None:
+            painter.setBrush(Qt.NoBrush)
+            painter.setPen(QPen(QBrush(QColor('#237523')), 2.0)) # or 257a25
+            if self.conference_position is Top:
+                painter.drawRoundedRect(rect.adjusted(2, 2, -2, 5), 3, 3)
+            elif self.conference_position is Middle:
+                painter.drawRoundedRect(rect.adjusted(2, -5, -2, 5), 3, 3)
+            elif self.conference_position is Bottom:
+                painter.drawRoundedRect(rect.adjusted(2, -5, -2, -2), 3, 3)
+            else:
+                painter.drawRoundedRect(rect.adjusted(2, 2, -2, -2), 3, 3)
+
+        painter.end()
+        super(SessionWidget, self).paintEvent(event)
+
+
+class DraggedSessionWidget(base_class, ui_class):
+    """Used to draw a dragged session item"""
+    def __init__(self, session_widget, parent=None):
+        super(DraggedSessionWidget, self).__init__(parent)
+        with Resources.directory:
+            self.setupUi(self)
+        self.mute_button.hide()
+        self.hold_button.hide()
+        self.record_button.hide()
+        self.hangup_button.hide()
+        self.tls_label.hide()
+        self.srtp_label.hide()
+        self.latency.hide()
+        self.status.setText(u'')
+        self.address.setText(session_widget.address.text())
+        if session_widget.conference_position is None:
+            self.duration.setText(u'Drop over a session to conference them')
+        else:
+            self.duration.setText(u'Drop outside to remove from conference')
+
+    def paintEvent(self, event):
+        painter = QPainter(self)
+        painter.setRenderHint(QPainter.Antialiasing, True)
+        painter.setBrush(QBrush(QColor('#f8f8f8')))
+        painter.setPen(QPen(QBrush(QColor('#606060')), 2.0))
+        painter.drawRoundedRect(self.rect().adjusted(1, 1, -1, -1), 3, 3)
+        painter.end()
+        super(DraggedSessionWidget, self).paintEvent(event)
+
+del ui_class, base_class
+
+
+class SessionDelegate(QStyledItemDelegate):
+    size_hint = QSize(200, 62)
+
+    def __init__(self, parent=None):
+        super(SessionDelegate, self).__init__(parent)
+
+    def createEditor(self, parent, options, index):
+        session = index.model().data(index, Qt.DisplayRole)
+        session.widget = SessionWidget(session, parent)
+        return session.widget
+
+    def updateEditorGeometry(self, editor, option, index):
+        editor.setGeometry(option.rect)
+
+    def paint(self, painter, option, index):
+        session = index.model().data(index, Qt.DisplayRole)
+        if session.widget.size() != option.rect.size():
+            # For some reason updateEditorGeometry only receives the peak value
+            # of the size that the widget ever had, so it will never shrink it.
+            session.widget.resize(option.rect.size())
+
+        if option.state & QStyle.State_Selected and not option.state & QStyle.State_HasFocus:
+            # This condition is met when dragging is started on this session.
+            # We use this to to draw the dragged session image.
+            painter.save()
+            pixmap = QPixmap(option.rect.size())
+            widget = DraggedSessionWidget(session.widget, None)
+            widget.resize(option.rect.size())
+            widget.render(pixmap)
+            painter.drawPixmap(option.rect, pixmap)
+            painter.restore()
+
+    def sizeHint(self, option, index):
+        return self.size_hint
+
+
+class SessionModel(QAbstractListModel):
+    sessionsAdded = pyqtSignal(list)
+    sessionsRemoved = pyqtSignal(list)
+
+    # The MIME types we accept in drop operations, in the order they should be handled
+    accepted_mime_types = ['application/x-blink-session-list', 'application/x-blink-contact-list']
+
+    def __init__(self, parent=None):
+        super(SessionModel, self).__init__(parent)
+        self.sessions = []
+        self.main_window = parent
+        self.session_list = parent.session_list
+
+    def flags(self, index):
+        if index.isValid():
+            return QAbstractListModel.flags(self, index) | Qt.ItemIsDropEnabled | Qt.ItemIsDragEnabled | Qt.ItemIsEditable
+        else:
+            return QAbstractListModel.flags(self, index)
+
+    def rowCount(self, parent=QModelIndex()):
+        return len(self.sessions)
+
+    def data(self, index, role=Qt.DisplayRole):
+        if not index.isValid() or role != Qt.DisplayRole:
+            return None
+        return self.sessions[index.row()]
+
+    def supportedDropActions(self):
+        return Qt.CopyAction | Qt.MoveAction
+
+    def mimeTypes(self):
+        return QStringList(['application/x-blink-session-list'])
+
+    def mimeData(self, indexes):
+        mime_data = QMimeData()
+        sessions = [self.sessions[index.row()] for index in indexes if index.isValid()]
+        if sessions:
+            mime_data.setData('application/x-blink-session-list', QByteArray(pickle.dumps(sessions)))
+        return mime_data
+
+    def dropMimeData(self, mime_data, action, row, column, parent_index):
+        # this is here just to keep the default Qt DnD API happy
+        # the custom handler is in handleDroppedData
+        return False
+
+    def handleDroppedData(self, mime_data, action, index):
+        if action == Qt.IgnoreAction:
+            return True
+
+        for mime_type in self.accepted_mime_types:
+            if mime_data.hasFormat(mime_type):
+                name = mime_type.replace('/', ' ').replace('-', ' ').title().replace(' ', '')
+                handler = getattr(self, '_DH_%s' % name)
+                return handler(mime_data, action, index)
+        else:
+            return False
+
+    def _DH_ApplicationXBlinkSessionList(self, mime_data, action, index):
+        return False
+
+    def _DH_ApplicationXBlinkContactList(self, mime_data, action, index):
+        return False
+
+    @staticmethod
+    def range_iterator(indexes):
+        """Return contiguous ranges from indexes"""
+        start = last = None
+        for index in sorted(indexes):
+            if start is None:
+                start = index
+            elif index-last>1:
+                yield (start, last)
+                start = index
+            last = index
+        else:
+            if indexes:
+                yield (start, last)
+
+    @staticmethod
+    def reversed_range_iterator(indexes):
+        """Return contiguous ranges from indexes starting from the end"""
+        end = last = None
+        for index in reversed(sorted(indexes)):
+            if end is None:
+                end = index
+            elif last-index>1:
+                yield (last, end)
+                end = index
+            last = index
+        else:
+            if indexes:
+                yield (last, end)
+
+    def _add_session(self, session):
+        position = len(self.sessions)
+        self.beginInsertRows(QModelIndex(), position, position)
+        self.sessions.append(session)
+        self.session_list.openPersistentEditor(self.index(position))
+        self.endInsertRows()
+
+    def _pop_session(self, session):
+        position = self.sessions.index(session)
+        self.beginRemoveRows(QModelIndex(), position, position)
+        del self.sessions[position]
+        self.endRemoveRows()
+        return session
+
+    def _pop_sessions(self, indexes):
+        sessions = []
+        rows = set(index.row() for index in indexes if index.isValid())
+        for start, end in self.reversed_range_iterator(rows):
+            self.beginRemoveRows(QModelIndex(), start, end)
+            sessions[0:0] = self.sessions[start:end+1]
+            del self.sessions[start:end+1]
+            self.endRemoveRows()
+        return sessions
+
+    def addSession(self, session):
+        if session in self.sessions:
+            return
+        self._add_session(session)
+        self.sessionsAdded.emit([session])
+
+    def removeSession(self, session):
+        if session not in self.sessions:
+            return
+        self._pop_session(session)
+        self.sessionsRemoved.emit([session])
+
+    def removeSessions(self, indexes):
+        sessions = self._pop_sessions(indexes)
+        for session in sessions:
+            session.widget = Null
+        self.sessionsRemoved.emit(sessions)
+
+    def test(self):
+        self.addSession(SessionItem('Dan Pascu', 'dan@umts.ro', []))
+        self.addSession(SessionItem('Lucian Stanescu', 'luci@umts.ro', []))
+        self.addSession(SessionItem('Adrian Georgescu', 'adi@umts.ro', []))
+        self.addSession(SessionItem('Saul Ibarra', 'saul@umts.ro', []))
+        self.addSession(SessionItem('Tijmen de Mes', 'tijmen@umts.ro', []))
+        self.addSession(SessionItem('Test Call', '3333@umts.ro', []))
+        conference = Conference()
+        self.sessions[0].conference = conference
+        self.sessions[1].conference = conference
+        conference = Conference()
+        self.sessions[2].conference = conference
+        self.sessions[3].conference = conference
+
+
+class ContextMenuActions(object):
+    pass
+
+
+class SessionListView(QListView):
+    def __init__(self, parent=None):
+        super(SessionListView, self).__init__(parent)
+        self.setItemDelegate(SessionDelegate(self))
+        self.setDropIndicatorShown(False)
+        self.actions = ContextMenuActions()
+
+    def setModel(self, model):
+        selection_model = self.selectionModel() or Null
+        selection_model.selectionChanged.disconnect(self._selection_changed)
+        super(SessionListView, self).setModel(model)
+        self.selectionModel().selectionChanged.connect(self._selection_changed)
+
+    def _selection_changed(self, selected, deselected):
+        model = self.model()
+        for session in (model.data(index) for index in deselected.indexes()):
+            if session.conference is not None:
+                for sibling in session.conference.sessions:
+                    sibling.widget.selected = False
+            else:
+                session.widget.selected = False
+        for session in (model.data(index) for index in selected.indexes()):
+            if session.conference is not None:
+                for sibling in session.conference.sessions:
+                    sibling.widget.selected = True
+            else:
+                session.widget.selected = True
+
+    def contextMenuEvent(self, event):
+        pass
+
+    def dragEnterEvent(self, event):
+        event_source = event.source()
+        accepted_mime_types = set(self.model().accepted_mime_types)
+        provided_mime_types = set(str(x) for x in event.mimeData().formats())
+        acceptable_mime_types = accepted_mime_types & provided_mime_types
+        if not acceptable_mime_types:
+            event.ignore() # no acceptable mime types found
+        elif event_source is not self and 'application/x-blink-session-list' in provided_mime_types:
+            event.ignore() # we don't handle drops for blink sessions from other sources
+        else:
+            if event_source is self:
+                event.setDropAction(Qt.MoveAction)
+            event.accept()
+            self.setState(self.DraggingState)
+
+    def dragLeaveEvent(self, event):
+        super(SessionListView, self).dragLeaveEvent(event)
+        for session in self.model().sessions:
+            session.widget.drop_indicator = False
+
+    def dragMoveEvent(self, event):
+        super(SessionListView, self).dragMoveEvent(event)
+        if event.source() is self:
+            event.setDropAction(Qt.MoveAction)
+
+        model = self.model()
+
+        for session in model.sessions:
+            session.widget.drop_indicator = False
+
+        for mime_type in model.accepted_mime_types:
+            if event.provides(mime_type):
+                index = self.indexAt(event.pos())
+                rect = self.visualRect(index)
+                session = self.model().data(index)
+                name = mime_type.replace('/', ' ').replace('-', ' ').title().replace(' ', '')
+                handler = getattr(self, '_DH_%s' % name)
+                handler(event, index, rect, session)
+                break
+        else:
+            event.ignore()
+
+    def dropEvent(self, event):
+        model = self.model()
+        if event.source() is self:
+            event.setDropAction(Qt.MoveAction)
+        for session in self.model().sessions:
+            session.widget.drop_indicator = False
+        if model.handleDroppedData(event.mimeData(), event.dropAction(), self.indexAt(event.pos())):
+            event.accept()
+        super(SessionListView, self).dropEvent(event)
+
+    def _DH_ApplicationXBlinkSessionList(self, event, index, rect, session):
+        model = self.model()
+        dragged_session = (model.data(index) for index in self.selectionModel().selectedIndexes()).next()
+        if not index.isValid():
+            rect = self.viewport().rect()
+            rect.setTop(self.visualRect(model.index(len(model.sessions)-1)).bottom())
+            if dragged_session.conference is not None:
+                event.accept(rect)
+            else:
+                event.ignore(rect)
+        else:
+            conference = dragged_session.conference or Null
+            if dragged_session is session or session in conference.sessions:
+                event.ignore(rect)
+            else:
+                if dragged_session.conference is None:
+                    if session.conference is not None:
+                        for sibling in session.conference.sessions:
+                            sibling.widget.drop_indicator = True
+                    else:
+                        session.widget.drop_indicator = True
+                event.accept(rect)
+
+    def _DH_ApplicationXBlinkContactList(self, event, index, rect, session):
+        model = self.model()
+        if not index.isValid():
+            rect = self.viewport().rect()
+            rect.setTop(self.visualRect(model.index(len(model.sessions)-1)).bottom())
+            event.ignore(rect)
+        else:
+            event.accept(rect)
+            if session.conference is not None:
+                for sibling in session.conference.sessions:
+                    sibling.widget.drop_indicator = True
+            else:
+                session.widget.drop_indicator = True
+
+

blink/widgets/buttons.py

 # Copyright (c) 2010 AG Projects. See LICENSE for details.
 #
 
-__all__ = ['ToolButton']
+__all__ = ['ToolButton', 'SegmentButton', 'SingleSegment', 'LeftSegment', 'MiddleSegment', 'RightSegment']
 
+from PyQt4.QtCore import pyqtSignal
 from PyQt4.QtGui  import QStyle, QStyleOptionToolButton, QStylePainter, QToolButton
 
 
@@ -16,3 +17,113 @@ class ToolButton(QToolButton):
         painter.drawComplexControl(QStyle.CC_ToolButton, option)
 
 
+class SegmentTypeMeta(type):
+    def __repr__(cls):
+        return cls.__name__
+
+class SegmentType(object):
+    __metaclass__ = SegmentTypeMeta
+    style_sheet = ''
+
+class SingleSegment(SegmentType):
+    style_sheet = """
+                     QToolButton {
+                         background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #fafafa, stop:1 #bababa);
+                         border-color: #545454;
+                         border-radius: 4px;
+                         border-width: 1px;
+                         border-style: solid;
+                     }
+                     
+                     QToolButton:pressed {
+                         background: qradialgradient(cx:0.5, cy:0.5, radius:1, fx:0.5, fy:0.5, stop:0 #dddddd, stop:1 #777777);
+                         border-style: inset;
+                     }
+                  """
+
+class LeftSegment(SegmentType):
+    style_sheet = """
+                     QToolButton {
+                         background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #fafafa, stop:1 #bababa);
+                         border-color: #545454;
+                         border-top-left-radius: 4px;
+                         border-bottom-left-radius: 4px;
+                         border-width: 1px;
+                         border-style: solid;
+                     }
+                     
+                     QToolButton:pressed {
+                         background: qradialgradient(cx:0.5, cy:0.5, radius:1, fx:0.5, fy:0.5, stop:0 #dddddd, stop:1 #777777);
+                         border-style: inset;
+                     }
+                  """
+
+class MiddleSegment(SegmentType):
+    style_sheet = """
+                     QToolButton {
+                         background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #fafafa, stop:1 #bababa);
+                         border-color: #545454;
+                         border-width: 1px;
+                         border-left-width: 0px;
+                         border-style: solid;
+                     }
+                     
+                     QToolButton:pressed {
+                         background: qradialgradient(cx:0.5, cy:0.5, radius:1, fx:0.5, fy:0.5, stop:0 #dddddd, stop:1 #777777);
+                         border-style: inset;
+                     }
+                  """
+
+class RightSegment(SegmentType):
+    style_sheet = """
+                     QToolButton {
+                         background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #fafafa, stop:1 #bababa);
+                         border-color: #545454;
+                         border-top-right-radius: 4px;
+                         border-bottom-right-radius: 4px;
+                         border-width: 1px;
+                         border-left-width: 0px;
+                         border-style: solid;
+                     }
+                     
+                     QToolButton:pressed {
+                         background: qradialgradient(cx:0.5, cy:0.5, radius:1, fx:0.5, fy:0.5, stop:0 #dddddd, stop:1 #777777);
+                         border-style: inset;
+                     }
+                  """
+
+
+class SegmentButton(QToolButton):
+    SingleSegment = SingleSegment
+    LeftSegment   = LeftSegment
+    MiddleSegment = MiddleSegment
+    RightSegment  = RightSegment
+
+    hidden = pyqtSignal()
+    shown  = pyqtSignal()
+
+    def __init__(self, parent=None):
+        super(SegmentButton, self).__init__()
+        self.type = SingleSegment
+
+    def _get_type(self):
+        return self.__dict__['type']
+
+    def _set_type(self, value):
+        if not issubclass(value, SegmentType):
+            raise ValueError("Invalid type: %r" % value)
+        self.__dict__['type'] = value
+        self.setStyleSheet(value.style_sheet)
+
+    type = property(_get_type, _set_type)
+    del _get_type, _set_type
+
+    def hide(self):
+        super(SegmentButton, self).hide()
+        self.hidden.emit()
+
+    def show(self):
+        super(SegmentButton, self).show()
+        self.shown.emit()
+
+

resources/blink.ui

@@ -241,7 +241,7 @@
        <enum>Qt::TabFocus</enum>
       </property>
       <property name="text">
-       <string>Sessions</string>
+       <string>Switch to Calls</string>
       </property>
       <property name="iconSize">
        <size>
@@ -254,7 +254,7 @@
     <item>
      <widget class="QStackedWidget" name="main_view">
       <property name="currentIndex">
-       <number>0</number>
+       <number>1</number>
       </property>
       <widget class="QWidget" name="contacts_panel">
        <layout class="QVBoxLayout" name="verticalLayout_8">
@@ -267,7 +267,7 @@
         <item>
          <widget class="QStackedWidget" name="contacts_view">
           <property name="currentIndex">
-           <number>0</number>
+           <number>1</number>
           </property>
           <widget class="QWidget" name="contact_list_panel">
            <layout class="QVBoxLayout" name="verticalLayout_7">
@@ -670,7 +670,17 @@ buttons below.</string>
          <number>0</number>
         </property>
         <item>
-         <widget class="QListView" name="session_list"/>
+         <widget class="SessionListView" name="session_list">
+          <property name="horizontalScrollBarPolicy">
+           <enum>Qt::ScrollBarAlwaysOff</enum>
+          </property>
+          <property name="dragEnabled">
+           <bool>true</bool>
+          </property>
+          <property name="dragDropMode">
+           <enum>QAbstractItemView::DragDrop</enum>
+          </property>
+         </widget>
         </item>
         <item>
          <layout class="QHBoxLayout" name="session_buttons_layout">
@@ -841,6 +851,11 @@ buttons below.</string>
    <extends>QToolButton</extends>
    <header>blink.widgets.buttons</header>
   </customwidget>
+  <customwidget>
+   <class>SessionListView</class>
+   <extends>QListView</extends>
+   <header>blink.sessions</header>
+  </customwidget>
  </customwidgets>
  <tabstops>
   <tabstop>search_box</tabstop>

resources/session.ui

+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>session</class>
+ <widget class="QWidget" name="session">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>275</width>
+    <height>62</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Session</string>
+  </property>
+  <layout class="QVBoxLayout" name="session_layout">
+   <property name="spacing">
+    <number>0</number>
+   </property>
+   <property name="leftMargin">
+    <number>5</number>
+   </property>
+   <property name="topMargin">
+    <number>4</number>
+   </property>
+   <property name="rightMargin">
+    <number>5</number>
+   </property>
+   <property name="bottomMargin">
+    <number>4</number>
+   </property>
+   <item>
+    <layout class="QHBoxLayout" name="address_layout">
+     <property name="spacing">
+      <number>0</number>
+     </property>
+     <property name="leftMargin">
+      <number>1</number>
+     </property>
+     <property name="rightMargin">
+      <number>1</number>
+     </property>
+     <item>
+      <widget class="QLabel" name="address">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Expanding" vsizetype="Preferred">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="font">
+        <font>
+         <weight>75</weight>
+         <bold>true</bold>
+        </font>
+       </property>
+       <property name="text">
+        <string>test@example.com</string>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <widget class="QLabel" name="normalizer">
+       <property name="minimumSize">
+        <size>
+         <width>0</width>
+         <height>15</height>
+        </size>
+       </property>
+       <property name="maximumSize">
+        <size>
+         <width>1</width>
+         <height>15</height>
+        </size>
+       </property>
+       <property name="text">
+        <string/>
+       </property>
+       <property name="alignment">
+        <set>Qt::AlignCenter</set>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <widget class="QLabel" name="tls_label">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Minimum" vsizetype="Preferred">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="minimumSize">
+        <size>
+         <width>14</width>
+         <height>14</height>
+        </size>
+       </property>
+       <property name="maximumSize">
+        <size>
+         <width>14</width>
+         <height>14</height>
+        </size>
+       </property>
+       <property name="text">
+        <string/>
+       </property>
+       <property name="pixmap">
+        <pixmap>icons/blue-lock.png</pixmap>
+       </property>
+       <property name="scaledContents">
+        <bool>true</bool>
+       </property>
+       <property name="alignment">
+        <set>Qt::AlignCenter</set>
+       </property>
+      </widget>
+     </item>
+    </layout>
+   </item>
+   <item>
+    <layout class="QHBoxLayout" name="stream_layout">
+     <property name="spacing">
+      <number>5</number>
+     </property>
+     <property name="leftMargin">
+      <number>1</number>
+     </property>
+     <property name="rightMargin">
+      <number>1</number>
+     </property>
+     <item>
+      <widget class="QLabel" name="stream_info">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Expanding" vsizetype="Preferred">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="text">
+        <string>Audio (PCM 8kHz)</string>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <widget class="QLabel" name="normalizer_2">
+       <property name="minimumSize">
+        <size>
+         <width>0</width>
+         <height>15</height>
+        </size>
+       </property>
+       <property name="maximumSize">
+        <size>
+         <width>1</width>
+         <height>15</height>
+        </size>
+       </property>
+       <property name="text">
+        <string/>
+       </property>
+       <property name="alignment">
+        <set>Qt::AlignCenter</set>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <widget class="QLabel" name="latency">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Minimum" vsizetype="Preferred">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="minimumSize">
+        <size>
+         <width>0</width>
+         <height>14</height>
+        </size>
+       </property>
+       <property name="maximumSize">
+        <size>
+         <width>16777215</width>
+         <height>14</height>
+        </size>
+       </property>
+       <property name="palette">
+        <palette>
+         <active>
+          <colorrole role="WindowText">
+           <brush brushstyle="SolidPattern">
+            <color alpha="255">
+             <red>170</red>
+             <green>0</green>
+             <blue>0</blue>
+            </color>
+           </brush>
+          </colorrole>
+          <colorrole role="Text">
+           <brush brushstyle="SolidPattern">
+            <color alpha="255">
+             <red>170</red>
+             <green>0</green>
+             <blue>0</blue>
+            </color>
+           </brush>
+          </colorrole>
+         </active>
+         <inactive>
+          <colorrole role="WindowText">
+           <brush brushstyle="SolidPattern">
+            <color alpha="255">
+             <red>170</red>
+             <green>0</green>
+             <blue>0</blue>
+            </color>
+           </brush>
+          </colorrole>
+          <colorrole role="Text">
+           <brush brushstyle="SolidPattern">
+            <color alpha="255">
+             <red>170</red>
+             <green>0</green>
+             <blue>0</blue>
+            </color>
+           </brush>
+          </colorrole>
+         </inactive>
+         <disabled>
+          <colorrole role="WindowText">
+           <brush brushstyle="SolidPattern">
+            <color alpha="255">
+             <red>118</red>
+             <green>118</green>
+             <blue>117</blue>
+            </color>
+           </brush>
+          </colorrole>
+          <colorrole role="Text">
+           <brush brushstyle="SolidPattern">
+            <color alpha="255">
+             <red>118</red>
+             <green>118</green>
+             <blue>117</blue>
+            </color>
+           </brush>
+          </colorrole>
+         </disabled>
+        </palette>
+       </property>
+       <property name="font">
+        <font>
+         <pointsize>8</pointsize>
+        </font>
+       </property>
+       <property name="text">
+        <string>Latency 100 ms</string>
+       </property>
+       <property name="alignment">
+        <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <widget class="QLabel" name="srtp_label">
+       <property name="minimumSize">
+        <size>
+         <width>14</width>
+         <height>14</height>
+        </size>
+       </property>
+       <property name="maximumSize">
+        <size>
+         <width>14</width>
+         <height>14</height>
+        </size>
+       </property>
+       <property name="text">
+        <string/>
+       </property>
+       <property name="pixmap">
+        <pixmap>icons/orange-lock.png</pixmap>
+       </property>
+       <property name="scaledContents">
+        <bool>true</bool>
+       </property>
+       <property name="alignment">
+        <set>Qt::AlignCenter</set>
+       </property>
+      </widget>
+     </item>
+    </layout>
+   </item>
+   <item>
+    <layout class="QHBoxLayout" name="bottom_layout">
+     <property name="spacing">
+      <number>7</number>
+     </property>
+     <property name="leftMargin">
+      <number>1</number>
+     </property>
+     <item>
+      <widget class="QLabel" name="duration">
+       <property name="minimumSize">
+        <size>
+         <width>38</width>
+         <height>0</height>
+        </size>
+       </property>
+       <property name="text">
+        <string>0:00:00</string>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <widget class="QLabel" name="status">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Expanding" vsizetype="Preferred">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="text">
+        <string>On Hold</string>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <layout class="QHBoxLayout" name="button_layout">
+       <property name="spacing">
+        <number>0</number>
+       </property>
+       <item>
+        <widget class="SegmentButton" name="mute_button">
+         <property name="minimumSize">
+          <size>
+           <width>18</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>18</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="styleSheet">
+          <string>QToolButton#mute_button {
+	background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #fafafa, stop:1 #bababa);
+	border-color: #545454;
+	border-top-left-radius: 4px;
+	border-bottom-left-radius: 4px;
+	border-width: 1px;
+	border-style: solid;
+}
+
+QToolButton#mute_button:pressed {
+	background: qradialgradient(cx:0.5, cy:0.5, radius:1, fx:0.5, fy:0.5, stop:0 #dddddd, stop:1 #777777);
+	border-style: inset;
+}
+</string>
+         </property>
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset>
+           <normaloff>icons/mic-on.png</normaloff>
+           <normalon>icons/mic-off.png</normalon>icons/mic-on.png</iconset>
+         </property>
+         <property name="iconSize">
+          <size>
+           <width>16</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="checkable">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="SegmentButton" name="hold_button">
+         <property name="minimumSize">
+          <size>
+           <width>18</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>18</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="styleSheet">
+          <string>QToolButton {
+	background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #fafafa, stop:1 #bababa);
+	border-color: #545454;
+	border-width: 1px;
+	border-left-width: 0px;
+	border-style: solid;
+}
+
+QToolButton:pressed {
+	background: qradialgradient(cx:0.5, cy:0.5, radius:1, fx:0.5, fy:0.5, stop:0 #dddddd, stop:1 #777777);
+	border-style: inset;
+}
+</string>
+         </property>
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset>
+           <normaloff>icons/pause.png</normaloff>
+           <normalon>icons/paused.png</normalon>icons/pause.png</iconset>
+         </property>
+         <property name="iconSize">
+          <size>
+           <width>16</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="checkable">
+          <bool>true</bool>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="SegmentButton" name="record_button">
+         <property name="minimumSize">
+          <size>
+           <width>18</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>18</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="styleSheet">
+          <string>QToolButton {
+	background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #fafafa, stop:1 #bababa);
+	border-color: #545454;
+	border-width: 1px;
+	border-left-width: 0px;
+	border-style: solid;
+}
+
+QToolButton:pressed {
+	background: qradialgradient(cx:0.5, cy:0.5, radius:1, fx:0.5, fy:0.5, stop:0 #dddddd, stop:1 #777777);
+	border-style: inset;
+}
+</string>
+         </property>
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset>
+           <normaloff>icons/record.png</normaloff>icons/record.png</iconset>
+         </property>
+         <property name="iconSize">
+          <size>
+           <width>16</width>
+           <height>16</height>
+          </size>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="SegmentButton" name="hangup_button">
+         <property name="minimumSize">
+          <size>
+           <width>17</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>17</width>
+           <height>16</height>
+          </size>
+         </property>
+         <property name="styleSheet">
+          <string>QToolButton {
+	background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #fafafa, stop:1 #bababa);
+	border-color: #545454;
+	border-top-right-radius: 4px;
+	border-bottom-right-radius: 4px;
+	border-width: 1px;
+	border-left-width: 0px;
+	border-style: solid;
+}
+
+QToolButton:pressed {
+	background: qradialgradient(cx:0.5, cy:0.5, radius:1, fx:0.5, fy:0.5, stop:0 #dddddd, stop:1 #777777);
+	border-style: inset;
+}
+</string>
+         </property>
+         <property name="text">
+          <string/>
+         </property>
+         <property name="icon">
+          <iconset>
+           <normaloff>icons/hangup.png</normaloff>icons/hangup.png</iconset>
+         </property>
+         <property name="iconSize">
+          <size>
+           <width>16</width>
+           <height>16</height>
+          </size>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </item>
+    </layout>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>SegmentButton</class>
+   <extends>QToolButton</extends>
+   <header>blink.widgets.buttons</header>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>