Merge branch 'lebouquetin-feature/user-experience-rework'

tracim/tracim/controllers/__init__.py

         so that the object is available in any controller method
     """
 
+    TEMPLATE_NEW = 'unknown "template new"'
+    TEMPLATE_EDIT = 'unknown "template edit"'
+
     def _before(self, *args, **kw):
         """
         Instantiate the current workspace in tg.tmpl_context
         """
         return ContentApi(tmpl_context.current_user).build_breadcrumb(tmpl_context.workspace, item_id)
 
+    def _struct_new_serialized(self, workspace_id, parent_id):
+        print('values are: ', workspace_id, parent_id)
+        result = DictLikeClass(
+            item=DictLikeClass(parent=DictLikeClass(id=parent_id),
+                               workspace=DictLikeClass(id=workspace_id)))
+
+        return result
+
+    @tg.require(current_user_is_contributor())
+    @tg.expose()
+    def new(self, parent_id=None, workspace_id=None):
+        """ Show the add form """
+        tg.override_template(self.new, self.TEMPLATE_NEW)
+
+        workspace_id = tg.request.GET['workspace_id']
+        parent_id = tg.request.GET['parent_id'] if 'parent_id' in tg.request.GET else None
+
+        return DictLikeClass(result=self._struct_new_serialized(workspace_id, parent_id))
+
 
 class TIMWorkspaceContentRestController(TIMRestControllerWithBreadcrumb):
     """
         """
         raise NotImplementedError('You must implement this method in child controllers')
 
-
-    @property
-    def _edit_template(self) -> str:
+    @tg.require(current_user_is_contributor())
+    @tg.expose()
+    def new(self, parent_id=None, workspace_id=None):
+        """ Show the add form
+         Note: parent is the /folders/{parent_id} value
+         When refactoring urls, this may be need somme update
         """
-        dotted path to the template used for edit form.
-        This path must include the engine (mako, genshi...)
-        like it is explained in the override_template() function documentation
+        tg.override_template(self.new, self.TEMPLATE_NEW)
 
-        example: mako:tracim.templates.user_workspace_folder_page_edit
-        """
-        raise NotImplementedError('You must implement this method in child controllers')
+        workspace_id = tg.request.GET['workspace_id']
+        parent_id = tg.request.GET['parent_id'] if 'parent_id' in tg.request.GET else None
+
+        return DictLikeClass(result=self._struct_new_serialized(workspace_id, parent_id))
 
     @tg.require(current_user_is_contributor())
     @tg.expose()
         """
 
         # the follwing line allow to define the template to use in child classes.
-        tg.override_template(self.edit, self._edit_template)
+        tg.override_template(self.edit, self.TEMPLATE_EDIT)
 
         item_id = int(item_id)
         user = tmpl_context.current_user
         dictified_item = Context(self._get_one_context).toDict(item, 'item')
         return DictLikeClass(result = dictified_item)
 
-
     @tg.require(current_user_is_contributor())
     @tg.expose()
     def put(self, item_id, label='',content=''):

tracim/tracim/controllers/admin/user.py

         tg.tmpl_context.user = user
 
 
-    @tg.expose('tracim.templates.user_password_edit')
+    @tg.expose('tracim.templates.admin.user_password_edit')
     def edit(self):
         current_user = tmpl_context.current_user
         api = UserApi(current_user)
         return DictLikeClass(result = dictified_user)
 
     @tg.expose()
-    def put(self, current_password, new_password1, new_password2):
+    def put(self, new_password1, new_password2, next_url=''):
         # FIXME - Manage
         current_user = tmpl_context.current_user
         user = tmpl_context.user
 
-        redirect_url = tg.lurl('/admin/users/{}'.format(user.user_id))
-        if current_user.user_id==user.user_id:
-            redirect_url = tg.lurl('/admin/users/me')
+        if not next_url:
+            next_url = tg.lurl('/admin/users/{}'.format(user.user_id))
 
-        if not current_password or not new_password1 or not new_password2:
+        if not new_password1 or not new_password2:
             tg.flash(_('Empty password is not allowed.'), CST.STATUS_ERROR)
-            tg.redirect(redirect_url)
-
-        if user.validate_password(current_password) is False:
-            tg.flash(_('The current password you typed is wrong'))
-            tg.redirect(redirect_url)
+            tg.redirect(next_url)
 
         if new_password1!=new_password2:
             tg.flash(_('New passwords do not match.'), CST.STATUS_ERROR)
-            tg.redirect(redirect_url)
+            tg.redirect(next_url)
 
         user.password = new_password1
         pm.DBSession.flush()
 
-        tg.flash(_('Your password has been changed'), CST.STATUS_OK)
-        tg.redirect(redirect_url)
+        tg.flash(_('The password has been changed'), CST.STATUS_OK)
+        tg.redirect(next_url)
 
 
 class UserRestController(TIMRestController):
 
 
     @tg.require(predicates.in_group(Group.TIM_MANAGER_GROUPNAME))
-    @tg.expose('tracim.templates.user_get_all')
+    @tg.expose('tracim.templates.admin.user_getall')
     def get_all(self, *args, **kw):
         current_user = tmpl_context.current_user
         api = UserApi(current_user)
         tg.redirect(self.url())
 
 
-    @tg.expose('tracim.templates.user_get_one')
+    @tg.expose('tracim.templates.admin.user_getone')
     def get_one(self, user_id):
         current_user = tmpl_context.current_user
         api = UserApi(current_user )
         return DictLikeClass(result = dictified_user, fake_api=fake_api)
 
 
-    @tg.expose('tracim.templates.user_edit')
+    @tg.expose('tracim.templates.admin.user_edit')
     def edit(self, id):
         current_user = tmpl_context.current_user
         api = UserApi(current_user)
         return DictLikeClass(result = dictified_user)
 
     @tg.require(predicates.in_group(Group.TIM_MANAGER_GROUPNAME))
-    @tg.expose('tracim.templates.workspace_edit')
-    def put(self, user_id, name, email):
+    @tg.expose()
+    def put(self, user_id, name, email, next_url=''):
         api = UserApi(tmpl_context.current_user)
 
         user = api.get_one(int(user_id))
         api.update(user, name, email, True)
 
         tg.flash(_('User {} updated.').format(user.get_display_name()), CST.STATUS_OK)
+        if next_url:
+            tg.redirect(next_url)
         tg.redirect(self.url())
-        return
+
 
     @tg.require(predicates.in_group(Group.TIM_ADMIN_GROUPNAME))
     @tg.expose()
-    def enable(self, id):
+    def enable(self, id, next_url=None):
         current_user = tmpl_context.current_user
         api = UserApi(current_user)
 
         user.is_active = True
         api.save(user)
 
-        tg.flash(_('User {} activated.').format(user.get_display_name()), CST.STATUS_OK)
+        tg.flash(_('User {} enabled.').format(user.get_display_name()), CST.STATUS_OK)
+        if next_url=='user':
+            tg.redirect(self.url(id=user.user_id))
         tg.redirect(self.url())
 
     @tg.require(predicates.in_group(Group.TIM_ADMIN_GROUPNAME))
     @tg.expose()
-    def disable(self, id):
+    def disable(self, id, next_url=None):
         id = int(id)
         current_user = tmpl_context.current_user
         api = UserApi(current_user)
             user = api.get_one(id)
             user.is_active = False
             api.save(user)
-            tg.flash(_('User {} desactivated').format(user.get_display_name()), CST.STATUS_OK)
+            tg.flash(_('User {} disabled').format(user.get_display_name()), CST.STATUS_OK)
 
+        if next_url=='user':
+            tg.redirect(self.url(id=user.user_id))
         tg.redirect(self.url())
 
 

tracim/tracim/controllers/admin/workspace.py

 
         tg.redirect(self.parent_controller.url(tg.tmpl_context.workspace_id))
 
-
     @tg.expose()
     def change(self, user_id, new_role):
         # FIXME CHECK RIGHTS
     def current_item_id_key_in_context(cls):
         return 'workspace_id'
 
-    @tg.expose('tracim.templates.workspace_get_all')
+    @tg.expose('tracim.templates.admin.workspace_getall')
     def get_all(self, *args, **kw):
 
         user = tmpl_context.current_user
         dictified_workspaces = Context(CTX.ADMIN_WORKSPACES).toDict(workspaces, 'workspaces', 'workspace_nb')
         return DictLikeClass(result = dictified_workspaces, fake_api=fake_api)
 
-    @tg.expose('tracim.templates.workspace_get_one')
+    @tg.expose('tracim.templates.admin.workspace_getone')
     def get_one(self, workspace_id):
         user = tmpl_context.current_user
         workspace_api_controller = WorkspaceApi(user)
         tg.redirect(self.url())
         return
 
-    @tg.expose('tracim.templates.workspace_edit')
+    @tg.expose('tracim.templates.workspace.edit')
     def edit(self, id):
         user = tmpl_context.current_user
         workspace_api_controller = WorkspaceApi(user)
         dictified_workspace = Context(CTX.ADMIN_WORKSPACE).toDict(workspace, 'workspace')
         return DictLikeClass(result = dictified_workspace)
 
-    @tg.expose('tracim.templates.workspace_edit')
+    @tg.expose('tracim.templates.workspace.edit')
     def put(self, id, name, description):
         user = tmpl_context.current_user
         workspace_api_controller = WorkspaceApi(user)

tracim/tracim/controllers/content.py

 from tracim.model.data import ActionDescription
 from tracim.model.data import Content
 from tracim.model.data import ContentType
+from tracim.model.data import UserRoleInWorkspace
 from tracim.model.data import Workspace
 
 class UserWorkspaceFolderThreadCommentRestController(TIMRestController):
     manage a path like this: /workspaces/1/folders/XXX/files/4
     """
 
+    TEMPLATE_NEW = 'mako:tracim.templates.file.new'
+    TEMPLATE_EDIT = 'mako:tracim.templates.file.edit'
+
     @property
     def _std_url(self):
         return tg.url('/workspaces/{}/folders/{}/files/{}')
     def _get_all_context(self) -> str:
         return CTX.FILES
 
-    @property
-    def _edit_template(self) -> str:
-        return 'mako:tracim.templates.user_workspace_folder_file_edit'
-
-
     @tg.require(current_user_is_reader())
-    @tg.expose('tracim.templates.user_workspace_folder_file_get_one')
+    @tg.expose('tracim.templates.file.getone')
     def get_one(self, file_id, revision_id=None):
         file_id = int(file_id)
         user = tmpl_context.current_user
     manage a path like this: /workspaces/1/folders/XXX/pages/4
     """
 
+    TEMPLATE_NEW = 'mako:tracim.templates.page.new'
+    TEMPLATE_EDIT = 'mako:tracim.templates.page.edit'
+
     @property
     def _std_url(self):
         return tg.url('/workspaces/{}/folders/{}/pages/{}')
     def _get_all_context(self) -> str:
         return CTX.PAGES
 
-    @property
-    def _edit_template(self) -> str:
-        return 'mako:tracim.templates.user_workspace_folder_page_edit'
-
-
     @tg.require(current_user_is_reader())
-    @tg.expose('tracim.templates.user_workspace_folder_page_get_one')
+    @tg.expose('tracim.templates.page.getone')
     def get_one(self, page_id, revision_id=None):
         page_id = int(page_id)
         user = tmpl_context.current_user
     """
     manage a path like this: /workspaces/1/folders/XXX/pages/4
     """
-    comments = UserWorkspaceFolderThreadCommentRestController()
 
+    TEMPLATE_NEW = 'mako:tracim.templates.thread.new'
+    TEMPLATE_EDIT = 'mako:tracim.templates.thread.edit'
+
+    comments = UserWorkspaceFolderThreadCommentRestController()
 
     def _before(self, *args, **kw):
         TIMRestPathContextSetup.current_user()
         TIMRestPathContextSetup.current_workspace()
         TIMRestPathContextSetup.current_folder()
 
-
     @property
     def _std_url(self):
         return tg.url('/workspaces/{}/folders/{}/threads/{}')
 
-
     @property
     def _err_url(self):
         return self._std_url
 
-
     @property
     def _parent_url(self):
         return tg.url('/workspaces/{}/folders/{}')
 
-
     @property
     def _item_type(self):
         return ContentType.Thread
     def _get_one_context(self) -> str:
         return CTX.THREAD
 
-
     @property
     def _get_all_context(self) -> str:
         return CTX.THREADS
 
-
-    @property
-    def _edit_template(self) -> str:
-        return 'mako:tracim.templates.user_workspace_folder_thread_edit'
-
-
     @tg.require(current_user_is_contributor())
     @tg.expose()
-    def post(self, label='', content=''):
+    def post(self, label='', content='', parent_id=None):
         """
         Creates a new thread. Actually, on POST, the content will be included in a user comment instead of being the thread description
         :param label:
 
 
     @tg.require(current_user_is_reader())
-    @tg.expose('tracim.templates.user_workspace_folder_thread_get_one')
+    @tg.expose('tracim.templates.thread.getone')
     def get_one(self, thread_id):
         thread_id = int(thread_id)
         user = tmpl_context.current_user
 
 
     @tg.require(current_user_is_content_manager())
-    @tg.expose('tracim.templates.item_location_edit')
+    @tg.expose('tracim.templates.folder.move')
     def edit(self, item_id):
         """
         Show the edit form (do not really edit the data)
         dictified_item = Context(CTX.DEFAULT).toDict(item, 'item')
         return DictLikeClass(result = dictified_item, fake_api=fake_api)
 
-
-
-
-
-
     @tg.require(current_user_is_content_manager())
     @tg.expose()
     def put(self, item_id, folder_id='0'):
         """
         :param item_id:
-        :param folder_id: id of the folder, in the 'workspace_14__content_1586' style
+        :param folder_id: id of the folder, in a style like 'workspace_14__content_1586'
         :return:
         """
         # TODO - SECURE THIS
         item_id = int(item_id)
         new_workspace, new_parent = convert_id_into_instances(folder_id)
 
-        api = ContentApi(tmpl_context.current_user)
-        item = api.get_one(item_id, ContentType.Any, workspace)
-        api.move(item, new_parent)
-        next_url = self.parent_controller.url(item_id)
-        if new_parent:
-            tg.flash(_('Item moved to {}').format(new_parent.label), CST.STATUS_OK)
+        if new_workspace != workspace:
+            # check that user is at least
+            # - content manager in current workspace
+            # - content manager in new workspace
+            user = tmpl_context.current_user
+
+            if user.get_role(workspace) < UserRoleInWorkspace.CONTENT_MANAGER:
+                tg.flash(_('You are not allowed '
+                           'to move this folder'), CST.STATUS_ERROR)
+                tg.redirect(self.parent_controller.url(item_id))
+
+            if user.get_role(new_workspace) < UserRoleInWorkspace.CONTENT_MANAGER:
+                tg.flash(_('You are not allowed to move '
+                           'this folder to this workspace'), CST.STATUS_ERROR)
+                tg.redirect(self.parent_controller.url(item_id))
+
+            api = ContentApi(tmpl_context.current_user)
+            item = api.get_one(item_id, ContentType.Any, workspace)
+            api.move_recursively(item, new_parent, new_workspace)
+
+            next_url = tg.url('/workspaces/{}/folders/{}'.format(
+                new_workspace.workspace_id, item_id))
+            if new_parent:
+                tg.flash(_('Item moved to {} (workspace {})').format(
+                    new_parent.label,
+                    new_workspace.label), CST.STATUS_OK)
+            else:
+                tg.flash(_('Item moved to workspace {}').format(
+                    new_workspace.label))
+
+            tg.redirect(next_url)
+
         else:
-            tg.flash(_('Item moved to workspace root'))
+            # Default move inside same workspace
+            api = ContentApi(tmpl_context.current_user)
+            item = api.get_one(item_id, ContentType.Any, workspace)
+            api.move(item, new_parent)
+            next_url = self.parent_controller.url(item_id)
+            if new_parent:
+                tg.flash(_('Item moved to {}').format(new_parent.label), CST.STATUS_OK)
+            else:
+                tg.flash(_('Item moved to workspace root'))
 
-        tg.redirect(next_url)
+            tg.redirect(next_url)
 
 
 
 class UserWorkspaceFolderRestController(TIMRestControllerWithBreadcrumb):
 
+    TEMPLATE_NEW = 'mako:tracim.templates.folder.new'
+
     location = ItemLocationController()
 
     files = UserWorkspaceFolderFileRestController()
 
 
     @tg.require(current_user_is_content_manager())
-    @tg.expose('tracim.templates.folder_edit')
+    @tg.expose('tracim.templates.folder.edit')
     def edit(self, folder_id):
         """
         Show the edit form (do not really edit the data)
 
 
     @tg.require(current_user_is_reader())
-    @tg.expose('tracim.templates.user_workspace_folder_get_one')
+    @tg.expose('tracim.templates.folder.getone')
     def get_one(self, folder_id):
         folder_id = int(folder_id)
         user = tmpl_context.current_user
         fake_api_threads = self.threads.get_all_fake(workspace, folder).result
 
         fake_api_content = DictLikeClass(
-            current_user = current_user_content,
-            breadcrumb = fake_api_breadcrumb,
-            current_folder_subfolders = fake_api_subfolders,
-            current_folder_pages = fake_api_pages,
-            current_folder_files = fake_api_files,
-            current_folder_threads = fake_api_threads
+            current_user=current_user_content,
+            breadcrumb=fake_api_breadcrumb,
+            current_folder_subfolders=fake_api_subfolders,
+            current_folder_pages=fake_api_pages,
+            current_folder_files=fake_api_files,
+            current_folder_threads=fake_api_threads,
         )
+
         fake_api = Context(CTX.FOLDER).toDict(fake_api_content)
 
+        fake_api.sub_items = Context(CTX.FOLDER_CONTENT_LIST).toDict(
+            folder.get_valid_children([ContentType.Folder,
+                                       ContentType.File,
+                                       ContentType.Page,
+                                       ContentType.Thread]))
+
+        fake_api.content_types = Context(CTX.DEFAULT).toDict(
+            content_api.get_all_types())
 
         dictified_folder = Context(CTX.FOLDER).toDict(folder, 'folder')
         return DictLikeClass(result = dictified_folder, fake_api=fake_api)
                 file = True if can_contain_files=='on' else False,
                 page = True if can_contain_pages=='on' else False
             )
-            api.update_content(folder, label, folder.description)
+            if label != folder.label:
+                # TODO - D.A. - 2015-05-25 - Allow to set folder description
+                api.update_content(folder, label, folder.description)
             api.set_allowed_content(folder, subcontent)
             api.save(folder)
 

tracim/tracim/controllers/root.py

 from tracim.lib import CST
 from tracim.lib.base import logger
 from tracim.lib.user import UserStaticApi
+from tracim.lib.content import ContentApi
 
 from tracim.controllers import StandardController
 from tracim.controllers.admin import AdminController
 from tracim.controllers.user import UserRestController
 from tracim.controllers.workspace import UserWorkspaceRestController
 
+from tracim.model.data import ContentType
 from tracim.model.serializers import DictLikeClass
 from tracim.model.serializers import CTX
 from tracim.model.serializers import Context
                 logger.info(self, 'Will redirect to {}'.format(came_from))
                 redirect(url(came_from))
             else:
-                redirect(self.url(None, self.dashboard.__name__))
+                redirect(self.url(None, self.home.__name__))
 
         login_counter = request.environ.get('repoze.who.logins', 0)
         if login_counter > 0:
 
 
     @expose()
-    def post_login(self, came_from=lurl('/dashboard')):
+    def post_login(self, came_from=lurl('/home')):
         """
         Redirect the user to the initially requested page on successful
         authentication or redirect her back to the login page if login failed.
         
 
     @require(predicates.not_anonymous())
-    @expose('tracim.templates.dashboard')
-    def dashboard(self):
+    @expose('tracim.templates.home')
+    def home(self):
         user = tmpl_context.current_user
 
         current_user_content = Context(CTX.CURRENT_USER).toDict(user)
-        fake_api = Context(CTX.CURRENT_USER).toDict({'current_user': current_user_content})
+        fake_api = Context(CTX.CURRENT_USER).toDict({
+            'current_user': current_user_content})
+
+
+        last_active_contents = ContentApi(user).get_last_active(None, ContentType.Any, None)
+        fake_api.last_actives = Context(CTX.CONTENT_LIST).toDict(last_active_contents, 'contents', 'nb')
 
+        # INFO - D.A. - 2015-05-20
+        # For now, we do not have favorties and read/unread status
+        # so we only show:
+        # - workspaces
+        # - last activity
+        # - oldest open stuff
+
+        items = ContentApi(user).get_all(None, ContentType.Any, None)[:4]
+        fake_api.favorites = Context(CTX.CONTENT_LIST).toDict(items, 'contents', 'nb')
         return DictLikeClass(fake_api=fake_api)
 
+        # user_id = tmpl_context.current_user.user_id
+        #
+        # current_user = tmpl_context.current_user
+        # assert user_id==current_user.user_id
+        # api = UserApi(current_user)
+        # current_user = api.get_one(current_user.user_id)
+        # dictified_user = Context(CTX.USER).toDict(current_user, 'user')
+        # current_user_content = Context(CTX.CURRENT_USER).toDict(tmpl_context.current_user)
+        # fake_api_content = DictLikeClass(current_user=current_user_content)
+        # fake_api = Context(CTX.WORKSPACE).toDict(fake_api_content)
+        #
+        # return DictLikeClass(result = dictified_user, fake_api=fake_api)
+
+
     @require(predicates.not_anonymous())
-    @expose('tracim.templates.search')
+    @expose('tracim.templates.search.display')
     def search(self, keywords = ''):
         from tracim.lib.content import ContentApi
 

tracim/tracim/controllers/user.py

         user = tmpl_context.current_user
 
     @tg.expose()
-    def enable_notifications(self, workspace_id):
+    def enable_notifications(self, workspace_id, next_url=None):
         workspace_id = int(workspace_id)
         api = WorkspaceApi(tg.tmpl_context.current_user)
 
         workspace = api.get_one(workspace_id)
         api.enable_notifications(tg.tmpl_context.current_user, workspace)
         tg.flash(_('Notification enabled for workspace {}').format(workspace.label))
+
+        if next_url:
+            tg.redirect(tg.url(next_url))
         tg.redirect(self.parent_controller.url(None, 'me'))
 
     @tg.expose()
-    def disable_notifications(self, workspace_id):
+    def disable_notifications(self, workspace_id, next_url=None):
         workspace_id = int(workspace_id)
         api = WorkspaceApi(tg.tmpl_context.current_user)
 
         workspace = api.get_one(workspace_id)
         api.disable_notifications(tg.tmpl_context.current_user, workspace)
         tg.flash(_('Notification disabled for workspace {}').format(workspace.label))
+
+        if next_url:
+            tg.redirect(tg.url(next_url))
         tg.redirect(self.parent_controller.url(None, 'me'))
 
 
         # FIXME - Allow only self password or operation for managers
         current_user = tmpl_context.current_user
 
-        redirect_url = tg.lurl('/user/me')
+        redirect_url = tg.lurl('/home')
 
         if not current_password or not new_password1 or not new_password2:
             tg.flash(_('Empty password is not allowed.'))
         fake_api_content = DictLikeClass(current_user=current_user_content)
         fake_api = Context(CTX.WORKSPACE).toDict(fake_api_content)
 
-        return DictLikeClass(result = dictified_user, fake_api=fake_api)
+        return DictLikeClass(result=dictified_user, fake_api=fake_api)
 
     @tg.expose('tracim.templates.user_edit_me')
-    def edit(self, id):
+    def edit(self, id, next_url=None):
         id = tmpl_context.current_user.user_id
         current_user = tmpl_context.current_user
         assert id==current_user.user_id
 
         dictified_user = Context(CTX.USER).toDict(current_user, 'user')
-        return DictLikeClass(result = dictified_user)
+        fake_api = DictLikeClass(next_url=next_url)
+        return DictLikeClass(result=dictified_user, fake_api=fake_api)
 
-    @tg.expose('tracim.templates.workspace_edit')
-    def put(self, user_id, name, email):
+    @tg.expose('tracim.templates.workspace.edit')
+    def put(self, user_id, name, email, next_url=None):
         user_id = tmpl_context.current_user.user_id
         current_user = tmpl_context.current_user
         assert user_id==current_user.user_id
         api = UserApi(tmpl_context.current_user)
         api.update(current_user, name, email, True)
         tg.flash(_('profile updated.'))
+        if next_url:
+            tg.redirect(tg.url(next_url))
         tg.redirect(self.url())
-        return

tracim/tracim/controllers/workspace.py

         return 'workspace_id'
 
 
-    @tg.expose('tracim.templates.user_workspace_get_all')
+    @tg.expose()
     def get_all(self, *args, **kw):
-        user = tmpl_context.current_user
-
-        current_user_content = Context(CTX.CURRENT_USER).toDict(user)
-        current_user_content.roles.sort(key=lambda role: role.workspace.name)
-
-        workspace_api = WorkspaceApi(user)
-        workspaces = workspace_api.get_all_for_user(user)
-        fake_api = Context(CTX.CURRENT_USER).toDict({'current_user': current_user_content})
-        dictified_workspaces = Context(CTX.ADMIN_WORKSPACES).toDict(workspaces, 'workspaces', 'workspace_nb')
+        tg.redirect(tg.url('/home'))
 
-        return DictLikeClass(result = dictified_workspaces, fake_api=fake_api)
-
-    @tg.expose('tracim.templates.user_workspace_get_one')
+    @tg.expose('tracim.templates.workspace.getone')
     def get_one(self, workspace_id):
         user = tmpl_context.current_user
 
 
         dictified_current_user = Context(CTX.CURRENT_USER).toDict(user)
         dictified_folders = self.folders.get_all_fake(workspace).result
-        fake_api = DictLikeClass(current_user = dictified_current_user, current_workspace_folders = dictified_folders)
+        fake_api = DictLikeClass(current_user=dictified_current_user,
+                                 current_workspace_folders=dictified_folders)\
+        # ,
+        #                      sub_items=Context(CTX.FOLDER_CONTENT_LIST).toDict(dictified_folders))
+
+        fake_api.sub_items = Context(CTX.FOLDER_CONTENT_LIST).toDict(workspace.get_valid_children())
+
         dictified_workspace = Context(CTX.WORKSPACE).toDict(workspace, 'workspace')
 
         return DictLikeClass(result = dictified_workspace, fake_api=fake_api)
 
 
     @tg.expose('json')
-    def treeview_root(self, id='#', current_id=None, all_workspaces=True, folder_allowed_content_types='', ignore_id=None):
+    def treeview_root(self, id='#',
+                      current_id=None,
+                      all_workspaces=True,
+                      folder_allowed_content_types='',
+                      ignore_id=None,
+                      ignore_workspace_id=None):
         all_workspaces = bool(int(all_workspaces))
 
+        # ignore_workspace_id is a string like 3,12,78,15
+        ignored_ids = [int(id) for id in ignore_workspace_id.split(',')] if ignore_workspace_id else None
+
         if not current_id:
             # Default case is to return list of workspaces
+            print('ignore : ', ignored_ids)
             api = WorkspaceApi(tmpl_context.current_user)
-            workspaces = api.get_all_for_user(tmpl_context.current_user)
+            workspaces = api.get_all_for_user(tmpl_context.current_user,
+                                              ignored_ids)
             dictified_workspaces = Context(CTX.MENU_API).toDict(workspaces, 'd')
             return dictified_workspaces
 
 
 
     @tg.expose('json')
-    def treeview_children(self, id='#', ignore_id=None):
+    def treeview_children(self, id='#',
+                          ignore_id=None,
+                          allowed_content_types = None):
         """
         id must be "#" or something like "workspace_3__document_8"
         """
         ignore_item_ids = [int(ignore_id)] if ignore_id else []
         workspace, content = convert_id_into_instances(id)
 
-        viewable_content_types = self._get_treeviewable_content_types_or_none()
+        viewable_content_types = []
+        if allowed_content_types:
+            viewable_content_types = allowed_content_types.split(',')
+        else:
+            viewable_content_types = self._get_treeviewable_content_types_or_none()
         contents = ContentApi(tmpl_context.current_user).get_child_folders(content, workspace, [], ignore_item_ids, viewable_content_types)
         # This allow to show contents and folders group by type
         sorted_contents = ContentApi.sort_content(contents)

tracim/tracim/lib/content.py

 from sqlalchemy.orm import aliased
 from sqlalchemy.orm import joinedload
 from sqlalchemy.orm.attributes import get_history
+from sqlalchemy import desc
 from sqlalchemy import not_
 from sqlalchemy import or_
 from tracim.lib import cmp_to_key
         breadcrumb = []
 
         if not skip_root:
-            breadcrumb.append(BreadcrumbItem(ContentType.icon(ContentType.FAKE_Dashboard), _('Workspaces'), tg.url('/workspaces')))
-        breadcrumb.append(BreadcrumbItem(ContentType.icon(ContentType.FAKE_Workspace), workspace.label, tg.url('/workspaces/{}'.format(workspace.workspace_id))))
+            breadcrumb.append(BreadcrumbItem(ContentType.get_icon(ContentType.FAKE_Dashboard), _('Workspaces'), tg.url('/workspaces')))
+        breadcrumb.append(BreadcrumbItem(ContentType.get_icon(ContentType.FAKE_Workspace), workspace.label, tg.url('/workspaces/{}'.format(workspace.workspace_id))))
 
         if item_id:
             breadcrumb_folder_items = []
                 next_url = tg.url('/workspaces/{}/folders/{}/{}s/{}'.format(workspace_id, current_item.parent_id, current_item.type, current_item.content_id))
 
             while current_item:
-                breadcrumb_item = BreadcrumbItem(ContentType.icon(current_item.type),
+                breadcrumb_item = BreadcrumbItem(ContentType.get_icon(current_item.type),
                                                  current_item.label,
                                                  next_url,
                                                  is_active)
 
         return resultset.all()
 
+    def get_last_active(self, parent_id: int, content_type: str, workspace: Workspace=None, limit=10) -> Content:
+        assert parent_id is None or isinstance(parent_id, int) # DYN_REMOVE
+        assert content_type is not None# DYN_REMOVE
+        assert isinstance(content_type, str) # DYN_REMOVE
+
+        resultset = self._base_query(workspace).order_by(desc(Content.updated))
+
+        if content_type!=ContentType.Any:
+            resultset = resultset.filter(Content.type==content_type)
+
+        if parent_id:
+            resultset = resultset.filter(Content.parent_id==parent_id)
+
+        result = []
+        for item in resultset:
+            new_item = None
+            if ContentType.Comment == item.type:
+                new_item = item.parent
+            else:
+                new_item = item
+
+            # INFO - D.A. - 2015-05-20
+            # We do not want to show only one item if the last 10 items are
+            # comments about one thread for example
+            if new_item not in result:
+                result.append(new_item)
+
+            if len(result) >= limit:
+                break
+
+        return result
+
     def set_allowed_content(self, folder: Content, allowed_content_dict:dict):
         """
         :param folder: the given folder instance
             raise ValueError('The given value {} is not allowed'.format(new_status))
 
 
-    def move(self, item: Content, new_parent: Content, must_stay_in_same_workspace:bool=True):
+    def move(self, item: Content,
+             new_parent: Content,
+             must_stay_in_same_workspace:bool=True,
+             new_workspace:Workspace=None):
         if must_stay_in_same_workspace:
-            if new_parent and new_parent.workspace_id!=item.workspace_id:
+            if new_parent and new_parent.workspace_id != item.workspace_id:
                 raise ValueError('the item should stay in the same workspace')
 
         item.parent = new_parent
+        if new_parent:
+            item.workspace = new_parent.workspace
+        elif new_workspace:
+            item.workspace = new_workspace
+
         item.revision_type = ActionDescription.EDITION
 
+    def move_recursively(self, item: Content,
+                         new_parent: Content, new_workspace: Workspace):
+        self.move(item, new_parent, False, new_workspace)
+        self.save(item, do_notify=False)
+        print('saved item #', item.content_id, new_workspace)
+        for child in item.children:
+            self.move_recursively(child, item, new_workspace)
+        return
 
     def update_content(self, item: Content, new_label: str, new_content: str=None) -> Content:
         if item.label==new_label and item.description==new_content:
 
         return title_keyworded_items
 
+    def get_all_types(self) -> [ContentType]:
+        labels = ContentType.all()
+        content_types = []
+        for label in labels:
+            content_types.append(ContentType(label))
+
+        return ContentType.sorted(content_types)
+

tracim/tracim/lib/helpers.py

 #from webhelpers import date, feedgenerator, html, number, misc, text
 
 import datetime
+
+from babel.dates import format_date, format_time
 from markupsafe import Markup
 
 import tg
-
+from tg.i18n import ugettext as _
 from tracim.config.app_cfg import CFG
 
 from tracim.lib import app_globals as plag
 from tracim.model.data import Workspace
 
 def date_time_in_long_format(datetime_object, format=''):
-    if not format:
-        format = plag.Globals.LONG_DATE_FORMAT
-    return datetime_object.strftime(format.__str__())
 
+    current_locale = tg.i18n.get_lang()[0]
+    date = format_date(datetime_object, locale=current_locale)
+    time = format_time(datetime_object, locale=current_locale)
+    return _('{date} at {time}').format(date=date, time=time)
+
+def date_time(datetime_object):
+    return date_time_in_long_format(datetime_object)
+
+def date(datetime_object):
+    current_locale = tg.i18n.get_lang()[0]
+    return format_date(datetime_object, locale=current_locale)
+
+
+def time(datetime_object):
+    current_locale = tg.i18n.get_lang()[0]
+    return format_time(datetime_object, locale=current_locale)
 
 def format_short(datetime_object):
     return datetime_object.strftime(format = plag.Globals.SHORT_DATE_FORMAT.__str__())

tracim/tracim/lib/workspace.py

     def get_all(self):
         return self._base_query().all()
 
-    def get_all_for_user(self, user: User):
-        workspaces = [role.workspace for role in user.roles if not role.workspace.is_deleted]
+    def get_all_for_user(self, user: User, ignored_ids=None):
+        workspaces = []
+
+        for role in user.roles:
+            if not role.workspace.is_deleted:
+                if not ignored_ids:
+                    workspaces.append(role.workspace)
+                elif role.workspace.workspace_id not in ignored_ids:
+                        workspaces.append(role.workspace)
+                else:
+                    pass  # do not return workspace
+
         workspaces.sort(key=lambda workspace: workspace.label.lower())
         return workspaces
 

tracim/tracim/model/auth.py

         else:
             return self.email
 
+    def get_role(self, workspace: 'Workspace') -> int:
+        for role in self.roles:
+            print('IS EQUALS ? ', role.workspace, workspace)
+            if role.workspace == workspace:
+                return role.role
+
+        from tracim.model.data import UserRoleInWorkspace
+        return UserRoleInWorkspace.NOT_APPLICABLE
 
 class Permission(DeclarativeBase):
     """

tracim/tracim/model/data.py

 # -*- coding: utf-8 -*-
 
+import tg
+from datetime import datetime
+from babel.dates import format_timedelta
+
 from bs4 import BeautifulSoup
 import datetime as datetime_root
 import json
         """ this method is for interoperability with Content class"""
         return self.label
 
+    def get_allowed_content_types(self):
+        # @see Content.get_allowed_content_types()
+        return [ContentType('folder')]
+
+    def get_valid_children(self, content_types: list=None):
+        for child in self.contents:
+            # we search only direct children
+            if not child.parent \
+                    and not child.is_deleted \
+                    and not child.is_archived:
+                if not content_types or child.type in content_types:
+                    yield child
+
 class UserRoleInWorkspace(DeclarativeBase):
 
     __tablename__ = 'user_workspace'
     STYLE[4] = 'color: #ea983d;'
     STYLE[8] = 'color: #F00;'
 
+    ICON = dict()
+    ICON[0] = ''
+    ICON[1] = 'fa-eye'
+    ICON[2] = 'fa-pencil'
+    ICON[4] = 'fa-graduation-cap'
+    ICON[8] = 'fa-legal'
+
+
+    @property
+    def icon(self):
+        return UserRoleInWorkspace.ICON[self.role]
 
     @property
     def style(self):
 class RoleType(object):
     def __init__(self, role_id):
         self.role_type_id = role_id
+        self.icon = UserRoleInWorkspace.ICON[role_id]
         self.role_label = UserRoleInWorkspace.LABEL[role_id]
         self.css_style = UserRoleInWorkspace.STYLE[role_id]
 
     UNDELETION = 'undeletion'
 
     _ICONS = {
-        'archiving': 'mimetypes/package-x-generic',
-        'content-comment': 'apps/internet-group-chat',
-        'creation': 'actions/document-new',
-        'deletion': 'status/user-trash-full',
-        'edition': 'apps/accessories-text-editor',
-        'revision': 'apps/accessories-text-editor',
-        'status-update': 'apps/utilities-system-monitor',
-        'unarchiving': 'mimetypes/package-x-generic',
-        'undeletion': 'places/user-trash'
+        'archiving': 'fa fa-archive',
+        'content-comment': 'fa-comment-o',
+        'creation': 'fa-magic',
+        'deletion': 'fa fa-trash',
+        'edition': 'fa fa-edit',
+        'revision': 'fa-history',
+        'status-update': 'fa-random',
+        'unarchiving': 'fa fa-file-archive-o',
+        'undeletion': 'fa-trash-o'
     }
 
     _LABELS = {
-        'archiving': l_('Item archived'),
-        'content-comment': l_('Item commented'),
-        'creation': l_('Item created'),
-        'deletion': l_('Item deleted'),
-        'edition': l_('Item modified'),
-        'revision': l_('New revision'),
-        'status-update': l_('Status modified'),
-        'unarchiving': l_('Item un-archived'),
-        'undeletion': l_('Item undeleted'),
+        'archiving': l_('archive'),
+        'content-comment': l_('commente'),
+        'creation': l_('creation'),
+        'deletion': l_('deletion'),
+        'edition': l_('modified'),
+        'revision': l_('revision'),
+        'status-update': l_('statut'),
+        'unarchiving': l_('un-archived'),
+        'undeletion': l_('un-deleted'),
     }
 
     def __init__(self, id):
                     'closed-deprecated': l_('deprecated')}
 
     _ICONS = {
-        'open': 'status/status-open',
-        'closed-validated': 'emblems/emblem-checked',
-        'closed-unvalidated': 'emblems/emblem-unreadable',
-        'closed-deprecated': 'status/status-outdated',
+        'open': 'fa fa-square-o',
+        'closed-validated': 'fa fa-check-square-o',
+        'closed-unvalidated': 'fa fa-close',
+        'closed-deprecated': 'fa fa-warning',
     }
 
     _CSS = {
 
     _STRING_LIST_SEPARATOR = ','
 
-    _ICONS = {
-        'dashboard': 'places/user-desktop',
-        'workspace': 'places/folder-remote',
-        'folder': 'places/jstree-folder',
-        'file': 'mimetypes/text-x-generic-template',
-        'page': 'mimetypes/text-html',
-        'thread': 'apps/internet-group-chat',
-        'comment': 'apps/internet-group-chat',
+    _ICONS = {  # Deprecated
+        'dashboard': 'fa-home',
+        'workspace': 'fa-bank',
+        'folder': 'fa fa-folder-open-o',
+        'file': 'fa fa-paperclip',
+        'page': 'fa fa-file-text-o',
+        'thread': 'fa fa-comments-o',
+        'comment': 'fa fa-comment-o',
+    }
+
+    _CSS_ICONS = {
+        'dashboard': 'fa fa-home',
+        'workspace': 'fa fa-bank',
+        'folder': 'fa fa-folder-open-o',
+        'file': 'fa fa-paperclip',
+        'page': 'fa fa-file-text-o',
+        'thread': 'fa fa-comments-o',
+        'comment': 'fa fa-comment-o'
+    }
+
+    _CSS_COLORS = {
+        'dashboard': 't-dashboard-color',
+        'workspace': 't-less-visible',
+        'folder': 't-folder-color',
+        'file': 't-file-color',
+        'page': 't-page-color',
+        'thread': 't-thread-color',
+        'comment': 't-thread-color'
     }
 
     _ORDER_WEIGHT = {
         'comment': 4,
     }
 
+    _LABEL = {
+        'dashboard': '',
+        'workspace': l_('workspace'),
+        'folder': l_('folder'),
+        'file': l_('file'),
+        'page': l_('page'),
+        'thread': l_('thread'),
+        'comment': l_('comment'),
+    }
+
     _DELETE_LABEL = {
         'dashboard': '',
         'workspace': l_('Delete this workspace'),
     }
 
     @classmethod
-    def icon(cls, type: str):
+    def get_icon(cls, type: str):
         assert(type in ContentType._ICONS) # DYN_REMOVE
         return ContentType._ICONS[type]
 
         # Make this code dynamic loading data types
         return '/workspaces/{}'.format(workspace.workspace_id)
 
+    @classmethod
+    def sorted(cls, types: ['ContentType']) -> ['ContentType']:
+        return sorted(types, key=lambda content_type: content_type.priority)
+
+    def __init__(self, type):
+        self.type = type
+        self.icon = ContentType._CSS_ICONS[type]
+        self.color = ContentType._CSS_COLORS[type]
+        self.label = ContentType._LABEL[type]
+        self.priority = ContentType._ORDER_WEIGHT[type]
+
+    def toDict(self):
+        return dict(id=self.type,
+                    type=self.type,
+                    icon=self.icon,
+                    color=self.color,
+                    label=self.label,
+                    priority=self.priority)
 
 class Content(DeclarativeBase):
 
     parent = relationship('Content', remote_side=[content_id], backref='children')
     owner = relationship('User', remote_side=[User.user_id])
 
-    @property
-    def valid_children(self):
+    def get_valid_children(self, content_types: list=None):
         for child in self.children:
             if not child.is_deleted and not child.is_archived:
-                yield child
+                if not content_types or child.type in content_types:
+                    yield child
 
     @hybrid_property
     def properties(self):
         self._properties = json.dumps(properties_struct)
         ContentChecker.check_properties(self)
 
+    def created_as_delta(self, delta_from_datetime:datetime=None):
+        if not delta_from_datetime:
+            delta_from_datetime = datetime.now()
+        return format_timedelta(delta_from_datetime - self.created,
+                                locale=tg.i18n.get_lang()[0])
+
+    def datetime_as_delta(self, datetime_object,
+                          delta_from_datetime:datetime=None):
+        if not delta_from_datetime:
+            delta_from_datetime = datetime.now()
+        return format_timedelta(delta_from_datetime - datetime_object,
+                                locale=tg.i18n.get_lang()[0])
+
+
     def extract_links_from_content(self, other_content: str=None) -> [LinkItem]:
         """
         parse html content and extract links. By default, it works on the description property
 
     def get_child_nb(self, content_type: ContentType, content_status = ''):
         child_nb = 0
-        for child in self.valid_children:
+        for child in self.get_valid_children():
             if child.type == content_type or content_type == ContentType.Any:
                 if not content_status:
                     child_nb = child_nb+1
     def get_status(self) -> ContentStatus:
         return ContentStatus(self.status, self.type.__str__())
 
-
     def get_last_action(self) -> ActionDescription:
         return ActionDescription(self.revision_type)
 
+    def get_last_activity_date(self) -> datetime_root.datetime:
+        last_revision_date = self.updated
+        for revision in self.revisions:
+            if revision.updated > last_revision_date:
+                last_revision_date = revision.updated
+
+        for child in self.children:
+            if child.updated > last_revision_date:
+                last_revision_date = child.updated
+        return last_revision_date
 
     def get_comments(self):
         children = []
 
         return last_comment
 
-
     def get_previous_revision(self) -> 'ContentRevisionRO':
         rev_ids = [revision.revision_id for revision in self.revisions]
         rev_ids.sort()
         # see http://stackoverflow.com/questions/12618567/problems-running-beautifulsoup4-within-apache-mod-python-django
         return BeautifulSoup(self.description, 'html.parser').text
 
+    def get_allowed_content_types(self):
+        types = []
+        try:
+            allowed_types = self.properties['allowed_content']
+            for type_label, is_allowed in allowed_types.items():
+                if is_allowed:
+                    types.append(ContentType(type_label))
+        except Exception as e:
+            print(e.__str__())
+            print('----- /*\ *****')
+            raise ValueError('No allowed content property')
+
+        return ContentType.sorted(types)
+
 
 class ContentChecker(object):
 

tracim/tracim/model/serializers.py

 import types
 
 from bs4 import BeautifulSoup
+from babel.dates import format_timedelta
+from babel.dates import format_datetime
+
+from datetime import datetime
 import tg
+from tg.i18n import ugettext as _
 from tg.util import LazyString
 from tracim.lib.base import logger
 from tracim.lib.utils import exec_time_monitor
     """ constants that are used for serialization / dictification of models"""
     ADMIN_WORKSPACE = 'ADMIN_WORKSPACE'
     ADMIN_WORKSPACES = 'ADMIN_WORKSPACES'
+    CONTENT_LIST = 'CONTENT_LIST'
     CURRENT_USER = 'CURRENT_USER'
     DEFAULT = 'DEFAULT' # default context. This will allow to define a serialization method to be used by default
     EMAIL_NOTIFICATION = 'EMAIL_NOTIFICATION'
     FILE = 'FILE'
     FILES = 'FILES'
     FOLDER = 'FOLDER'
+    FOLDER_CONTENT_LIST = 'FOLDER_CONTENT_LIST'
     FOLDERS = 'FOLDERS'
     MENU_API = 'MENU_API'
     MENU_API_BUILD_FROM_TREE_ITEM = 'MENU_API_BUILD_FROM_TREE_ITEM'
     result = DictLikeClass(
         id = content.content_id,
         label = content.label if content.label else content.file_name,
-        icon = ContentType.icon(content.type),
+        icon = ContentType.get_icon(content.type),
         status = context.toDict(content.get_status()),
         folder = context.toDict(DictLikeClass(id = content.parent.content_id if content.parent else None)),
         workspace = context.toDict(content.workspace),
             content = data_container.description,
             created = data_container.created,
             label = data_container.label,
-            icon = ContentType.icon(content.type),
+            icon = ContentType.get_icon(content.type),
             owner = context.toDict(data_container.owner),
             status = context.toDict(data_container.get_status()),
             links = context.toDict(content.extract_links_from_content(data_container.description)),
         return DictLikeClass(
             content = item.description,
             created = item.created,
-            icon = ContentType.icon(item.type),
+            icon = ContentType.get_icon(item.type),
             id = item.content_id,
             label = item.label,
             links = context.toDict(item.extract_links_from_content(item.description)),
         return DictLikeClass(
             content = item.description,
             created = item.created,
-            icon = ContentType.icon(item.type),
+            created_as_delta = item.created_as_delta(),
+            icon = ContentType.get_icon(item.type),
             id = item.content_id,
             label = item.label,
             owner = context.toDict(item.owner),
     if content.type==ContentType.Thread:
         return DictLikeClass(
             id = content.content_id,
-            label = content.label,
-            status = context.toDict(content.get_status()),
-            folder = context.toDict(content.parent),
-            comment_nb = len(content.get_comments())
+            url=ContentType.fill_url(content),
+            label=content.get_label(),
+            status=context.toDict(content.get_status()),
+            folder=context.toDict(content.parent),
+            workspace=context.toDict(content.workspace) if content.workspace else None,
+            comment_nb=len(content.get_comments())
         )
 
     if content.type==ContentType.Folder:
 
     result = None
     if content.type==ContentType.Folder:
+        allowed_content = DictLikeClass(content.properties['allowed_content']),
+
         result = DictLikeClass(
-            id = content.content_id,
-            label = content.label,
-            created = content.created,
-            workspace = context.toDict(content.workspace),
-            allowed_content = DictLikeClass(content.properties['allowed_content']),
-            selected_revision = 'latest',
-            status = context.toDict(content.get_status()),
-            owner = context.toDict(content.owner),
-            thread_nb = DictLikeClass(
-                all = thread_nb_all,
-                open = thread_nb_open,
-            ),
-            file_nb = DictLikeClass(
-                all = file_nb_all,
-                open = file_nb_open,
-            ),
-            folder_nb = DictLikeClass(
-                all = folder_nb_all,
-                open = folder_nb_open,
-            ),
-            page_nb = DictLikeClass(
-                all = page_nb_all,
-                open = page_nb_open,
-            ),
-            content_nb = DictLikeClass(all = content_nb_all)
+            id=content.content_id,
+            label=content.label,
+            created=content.created,
+            workspace=context.toDict(content.workspace),
+            allowed_content=DictLikeClass(content.properties['allowed_content']),
+            allowed_content_types=context.toDict(content.get_allowed_content_types()),
+            selected_revision='latest',
+            status=context.toDict(content.get_status()),
+            owner=context.toDict(content.owner),
+            thread_nb=DictLikeClass(all=thread_nb_all,
+                                    open=thread_nb_open),
+            file_nb=DictLikeClass(all=file_nb_all,
+                                  open=file_nb_open),
+            folder_nb=DictLikeClass(all=folder_nb_all,
+                                    open=folder_nb_open),
+            page_nb=DictLikeClass(all=page_nb_all,
+                                  open=page_nb_open),
+            content_nb=DictLikeClass(all = content_nb_all)
         )
 
     elif content.type==ContentType.Page:
     return result
 
 
-from tg import cache
+@pod_serializer(Content, CTX.CONTENT_LIST)
+def serialize_content_for_general_list(content: Content, context: Context):
+    content_type = ContentType(content.type)
+
+    last_activity_date = content.get_last_activity_date()
+    last_activity_date_formatted = format_datetime(last_activity_date,
+                                                   locale=tg.i18n.get_lang()[0])
+    last_activity_label = format_timedelta(datetime.now() - last_activity_date,
+                                           locale=tg.i18n.get_lang()[0])
+    last_activity_label = last_activity_label.replace(' ', '\u00A0') # espace insécable
+
+    return DictLikeClass(
+        id=content.content_id,
+        folder = DictLikeClass({'id': content.parent_id}) if content.parent else None,
+        workspace=context.toDict(content.workspace) if content.workspace else None,
+        label=content.get_label(),
+        url=ContentType.fill_url(content),
+        type=DictLikeClass(content_type.toDict()),
+        status=context.toDict(content.get_status()),
+        last_activity = DictLikeClass({'date': last_activity_date,
+                                       'label': last_activity_date_formatted,
+                                       'delta': last_activity_label})
+    )
+
+@pod_serializer(Content, CTX.FOLDER_CONTENT_LIST)
+def serialize_content_for_folder_content_list(content: Content, context: Context):
+    content_type = ContentType(content.type)
+
+    last_activity_date = content.get_last_activity_date()
+    last_activity_date_formatted = format_datetime(last_activity_date,
+                                                   locale=tg.i18n.get_lang()[0])
+    last_activity_label = format_timedelta(datetime.now() - last_activity_date,
+                                           locale=tg.i18n.get_lang()[0])
+    last_activity_label = last_activity_label.replace(' ', '\u00A0') # espace insécable
+
+
+    item = None
+    if ContentType.Thread == content.type:
+        item = Context(CTX.THREADS).toDict(content)
+        item.type = context.toDict(content_type)
+        item.folder = DictLikeClass({'id': content.parent_id}) if content.parent else None
+        item.workspace = DictLikeClass({'id': content.workspace.workspace_id}) if content.workspace else None
+        item.last_activity = DictLikeClass({'date': last_activity_date,
+                                            'label': last_activity_date_formatted,
+                                            'delta': last_activity_label})
+
+        comments = content.get_comments()
+        if len(comments)>1:
+            item.notes = _('{nb} messages').format(nb=len(comments))
+        else:
+            item.notes = _('1 message')
+
+    elif ContentType.File == content.type:
+        item = Context(CTX.CONTENT_LIST).toDict(content)
+        if len(content.revisions)>1:
+            item.notes = _('{nb} revisions').format(nb=len(content.revisions))
+        else:
+            item.notes = _('1 revision')
+
+    elif ContentType.Folder == content.type:
+        item = Context(CTX.CONTENT_LIST).toDict(content)
+        item.notes = ''
+
+        folder_nb = content.get_child_nb(ContentType.Folder)
+        if folder_nb == 1:
+            item.notes += _('1 subfolder<br/>\n')
+        elif folder_nb > 1:
+            item.notes += _('{} subfolders<br/>').format(folder_nb)
+
+        file_nb = content.get_child_nb(ContentType.File, ContentStatus.OPEN)
+        if file_nb == 1:
+            item.notes += _('1 open file<br/>\n')
+        elif file_nb > 1:
+            item.notes += _('{} open files<br/>').format(file_nb)
+
+        thread_nb = content.get_child_nb(ContentType.Thread, ContentStatus.OPEN)
+        if thread_nb == 1:
+            item.notes += _('1 open thread<br/>\n')
+        elif thread_nb > 1:
+            item.notes += _('{} open threads<br/>').format(thread_nb)
+
+        page_nb = content.get_child_nb(ContentType.Page, ContentStatus.OPEN)
+        if page_nb == 1:
+            item.notes += _('1 open page<br/>\n')
+        elif page_nb > 1:
+            item.notes += _('{} open pages<br/>').format(page_nb)
+    else:
+        item = Context(CTX.CONTENT_LIST).toDict(content)
+        item.notes = ''
+
+    return item
+
+
+@pod_serializer(ContentType, CTX.DEFAULT)
+def serialize_breadcrumb_item(content_type: ContentType, context: Context):
+    return DictLikeClass(content_type.toDict())
 
 @pod_serializer(Content, CTX.SEARCH)
 def serialize_content_for_search_result(content: Content, context: Context):
         if comments:
             last_comment_datetime = max(last_comment_datetime, max(comment.updated for comment in comments))
 
+        content_type = ContentType(content.type)
         result = DictLikeClass(
             id = content.content_id,
+            type = DictLikeClass(content_type.toDict()),
             parent = context.toDict(content.parent),
             workspace = context.toDict(content.workspace),
-            type = content.type,
 
             content = data_container.description,
             content_raw = data_container.description_as_raw_text(),
 
             created = data_container.created,
+            created_as_delta = data_container.created_as_delta(),
             label = data_container.label,
-            icon = ContentType.icon(content.type),
+            icon = ContentType.get_icon(content.type),
             owner = context.toDict(data_container.owner),
             status = context.toDict(data_container.get_status()),
             breadcrumb = context.toDict(breadcrumbs),
-            last_activity = last_comment_datetime
+            last_activity=last_comment_datetime,
+            last_activity_as_delta=content.datetime_as_delta(last_comment_datetime)
         )
 
         if content.type==ContentType.File:
     """
     result = DictLikeClass()
     result['id'] = role_type.role_type_id
+    result['icon'] = role_type.icon
     result['label'] = role_type.role_label
     result['style'] = role_type.css_style
     return result
     """
     result = DictLikeClass()
     result['id'] = role.user_id
+    result['icon'] = role.icon
     result['name'] = role.user.display_name
     result['role'] = role.role
     result['style'] = role.style
     result['role_description'] = role.role_as_label()
     result['email'] = role.user.email
+    result['user'] = role.user
+    result['notifications_subscribed'] = role.do_notify
     return result
 
 
     """
     result = DictLikeClass()
     result['id'] = role.role
+    result['icon'] = role.icon
     result['label'] = role.role_as_label()
     result['style'] = RoleType(role.role).css_style
     result['workspace'] =  context.toDict(role.workspace)
+    result['user'] = role.user
     result['notifications_subscribed'] = role.do_notify
 
     # result['workspace_name'] = role.workspace.label
     result['created'] = workspace.created
     result['members'] = context.toDict(workspace.roles)
     result['member_nb'] = len(workspace.roles)
+    result['allowed_content_types'] = context.toDict(workspace.get_allowed_content_types())
 
     return result
 

tracim/tracim/public/assets/css/dashboard.css

  */
 .navbar-fixed-top {
   border: 0;
-  background-color: #f5f5f5;
-  border-bottom: 1px solid #CCC;
+  /* background-color: #f5f5f5;*/
+  border-bottom: 0px solid #CCF;
+
+
+  background-color: #555;
+      color: #DDD;
 }
 
 .navbar-fixed-top-transparent {
   border: 0;
   background-color: #f5f5f5;
+    background-color: #555;
   background-color: transparent;
 }
 
     border: 0;
 }
 
+.navbar-fixed-top a, #sidebar #toggle-left-sidebar-width {
+    color: #DDD;
+}
+
 /*
  * Sidebar
  */
     padding: 20px;
     overflow-x: hidden;
     overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
-    background-color: #f5f5f5;
+/*    background-color: #333;
+      color: #FFF;*/
+    background-color: #555;
+      color: #DDD;
     border-right: 1px solid #CCC;
-    
+
   }
 }
 
 #sidebar-right {
   overflow-x: visible;
   overflow-y: auto;
-  
+    background-color: #F5F5F5;
+    border-left: 1px solid #CCC;
+
 }
 
 /* Sidebar navigation */
   border-radius: 50%;
 }
 
-.page-header {
-    font-size: 20px;
+h1.page-header {
+    font-size: 30px;
 }
 
 /*************************************
 .tracim-status-selected { background-color: #EEE; }
 .tracim-panel-separator { border-width: 12px 0 0 0; }
 
-.tracim-timeline-item {}
-.tracim-timeline-item-content { margin-left: 12px; border-left: 8px solid #EEE; padding: 0 0.5em; }
+.t-status-open-color { color: #759ac5; }
+.t-status-closed-validated-color { color: #1fdb11;}
+.t-status-closed-unvalidated-color { color: #F00;}
+.t-status-closed-deprecated-color { color: #ea983d;}
+.t-status-selected-color { background-color: #EEE; }
+
 
 #tracim-footer-separator { margin-bottom: 30px; }
 .pod-footer {
     margin-top: -1em;
     margin-bottom: 0;
 }
+
+#sidebar-right, a.btn { font-size: 1.2em; text-align: left;}
+#sidebar-right .btn-group-vertical { width: 100%; }
+
+th { text-align: center; }
+
+.t-green { color: green; }
+.t-orange { color: orange; }
+.t-red { color: red; }
+.tracim-less-visible { color: #999; } /* TODO REMOVE THIS CSS */
+.t-less-visible { color: #999; }
+.t-less-visible-border, .page-header.t-less-visible-border { border-color: #999; }
+
+.t-folder-color { color: #CCCC00; }
+.t-folder-color-border, .page-header.t-folder-color-border  { border-color: #CCCC00; }
+
+.t-thread-color { color: #428BCA; }
+.t-thread-color-border, .page-header.t-thread-color-border  { border-color: #428BCA; }
+
+.t-file-color { color: orange;}
+.t-file-color-border, .page-header.t-file-color-border  { border-color: orange; }
+
+.t-page-color { color: #00CC00; }
+.t-page-color-border, .page-header.t-page-color-border  { border-color: #00CC00; }
+
+.t-search-color { color: #AAA; }
+.t-search-color-border, .page-header.t-search-color-border  { border-color: #AAA; }
+
+.t-user-color { color: #428BCA; }
+.t-enabled-color { color: #0C0; }
+.t-disabled-color { color: #CCC; }
+
+.t-bg-grey {background-color: #F5F5F5; }
+
+.t-spacer-left { margin-left: 1em; }
+.t-spacer-right { margin-right: 1em; }
+
+.t-spacer-above { margin-top: 2em; }
+.t-half-spacer-above { margin-top: 1em; }
+.t-half-spacer-below { margin-bottom: 1em; }
+.t-spacer-below { margin-bottom: 2em; }
+
+a.btn.disabled { color: #CCC; }
+a.btn.disabled i.fa { color: #DDD; }
+
+.t-active-color { color: #428BCA; }
+.t-inactive-color { color: #CCC; }
+.t-bold { font-weight: bold; }
+.t-red-on-hover:Hover {
+    color: red;
+}
+
+div.t-page-header-row {
+    background-color: #F5F5F5;
+    border-bottom: 1px solid #CCC;
+}
+
+div.t-page-metadata-row, div.t-metadata-row {
+    background-color: #F5F5F5;
+    border-top: 1px solid #CCC;
+}
+
+.t-modal-form-submit-button { margin-top: 0.5em;}
+.modal-header h4 { font-size: 1.5em; }
+.modal-header { background-color: #F5F5F5; border-radius: 5px 5px 0 0; }
+.modal-footer { background-color: #F5F5F5; border-radius: 0 0 5px 5px; }
+
+/* left bar is almost black, so links must be almost white */
+#sidebar-left .btn.btn-link,
+#sidebar-left .list-unstyled a {
+    color: #DDD;
+}
+
+h1.page-header {
+    border-bottom-style: solid;
+    border-bottom-width: 4px;
+}
+
+h3 { background-color: #f5f5f5;}
+
+
+.sidebar .list-group-item { background-color: transparent; }
+
+/* show button disabled even when it has been selected - and has the focus) */
+.btn.t-inactive-color:focus { color: #CCC; background-color: #fff;}
+
+/* INFO - D.A - 2015-07-20 - Allow real fullscreen edition for page content */
+.mce-fullscreen .modal-dialog {
+    margin: 0 0 0 0;
+    width: 100%;
+    height: 100%;
+    min-height: 100%;
+    padding: 0;
+}
+
+.t-odd-or-even:nth-child(odd) {
+    background-color:#FFF;
+}
+.t-odd-or-even:nth-child(even) {
+    background-color:#F5F5F5;
+}
+
+.t-hacky-thread-comment-border-top {
+    border-top: 1px solid #CCC;
+}
+
+.t-timeline-item-icon {
+    margin-left: -1.5em;
+    float:left;
+}
+
+.t-timeline-item h5 {
+    margin-bottom: 1em;
+    font-size: 1.2em;
+}
+
+.t-timeline-item { padding: 1em; padding-left: 5em;}
+.t-timeline-item-content { margin-top: 0.5em; padding: 0 0.5em 0.5em 0; }
+
+.t-timeline-item-moment { font-size: 1em; color: #999; }
+.t-timeline-comment-delete-button { font-size: 0.8em; }
+
+#sidebar-right h3 { color: #555; margin: 0.5em 0 1em 0; }
+#sidebar-right h4 { color: #555; margin: 1.5em 0 1em 0; }
+
+#t-full-app-alert-message-id {
+    z-index: 10001;
+    padding: 0;
+    position: absolute;
+    top: 0;
+}

tracim/tracim/public/assets/jstree/themes/tracim/style.css

+.jstree-default .jstree-hovered {
+    background: #e7f4f9;
+    color: #333;
+    border-radius: 2px;
+    box-shadow: inset 0 0 1px #ccc;
+}
+.jstree-default .jstree-clicked {
+    background: #beebff;
+    border-radius: 2px;
+    box-shadow: inset 0 0 1px #999;
+    color: #333;
+}
+.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
+    background: #e7f4f9;
+    color: #333;
+}
+.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
+    background: #e7f4f9;
+    color: #333;
+}
+.jstree-default .jstree-wholerow-hovered {
+    background: #e7f4f9;
+    color: #333;
+}
+.jstree-default .jstree-wholerow-clicked {
+    color: #333;
+}
+@media (max-width: 768px) {
+    .jstree-default-responsive .jstree-wholerow-hovered {
+        background: #e7f4f9;
+        color: #333;
+    }
+    .jstree-default-responsive .jstree-wholerow-clicked {
+        background: #beebff;
+        color: #333;
+    }
+}

tracim/tracim/public/assets/tablesorter/LICENSE

+The MIT License (MIT)
+
+Copyright (c) 2014 Christian Bach
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

tracim/tracim/public/assets/tablesorter/README.md

+tablesorter
+===========
+
+###Flexible client-side table sorting
+####Getting started
+
+To use the tablesorter plugin, include the jQuery library and the tablesorter plugin inside the head-tag of your HTML document:
+
+```html
+<script type="text/javascript" src="/path/to/jquery-latest.js"></script> 
+<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script> 
+```
+
+Tablesorter works on all standard HTML tables. You must include THEAD and TBODY tags:
+
+```html
+<table id="myTable" class="tablesorter"> 
+<thead> 
+<tr> 
+    <th>Last Name</th> 
+    <th>First Name</th> 
+    <th>Email</th> 
+    <th>Due</th> 
+    <th>Web Site</th> 
+</tr> 
+</thead> 
+<tbody> 
+<tr> 
+    <td>Smith</td> 
+    <td>John</td> 
+    <td>jsmith@gmail.com</td> 
+    <td>$50.00</td> 
+    <td>http://www.jsmith.com</td> 
+</tr> 
+<tr> 
+    <td>Bach</td> 
+    <td>Frank</td> 
+    <td>fbach@yahoo.com</td> 
+    <td>$50.00</td> 
+    <td>http://www.frank.com</td> 
+</tr> 
+<tr> 
+    <td>Doe</td> 
+    <td>Jason</td> 
+    <td>jdoe@hotmail.com</td> 
+    <td>$100.00</td> 
+    <td>http://www.jdoe.com</td> 
+</tr> 
+<tr> 
+    <td>Conway</td> 
+    <td>Tim</td> 
+    <td>tconway@earthlink.net</td> 
+    <td>$50.00</td> 
+    <td>http://www.timconway.com</td> 
+</tr> 
+</tbody> 
+</table> 
+```
+
+Start by telling tablesorter to sort your table when the document is loaded:
+
+```javascript
+$(document).ready(function() 
+    { 
+        $("#myTable").tablesorter(); 
+    } 
+); 
+```
+
+Click on the headers and you'll see that your table is now sortable! You can also pass in configuration options when you initialize the table. This tells tablesorter to sort on the first and second column in ascending order.
+
+```javascript
+$(document).ready(function() 
+    { 
+        $("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} ); 
+    } 
+); 
+```
+
+For DateTime columns you can specify your format, like this:
+
+```javascript
+$(document).ready(function() 
+    { 
+        $("#myTable").tablesorter( {dateFormat: 'pt'} ); 
+    } 
+); 
+```
+
+The available ones (currently) are: us, pt and uk. (for pt you can use 'dd/MM/yyyy hh:mm:ss')

tracim/tracim/public/assets/tablesorter/addons/pager/jquery.tablesorter.pager.css

+div.tablesorterPager {
+	padding: 10px 0 10px 0;
+	background-color: #D6D2C2;
+	text-align: center;
+}
+div.tablesorterPager span {
+	padding: 0 5px 0 5px;
+}
+div.tablesorterPager input.prev {
+	width: auto;
+	margin-right: 10px;
+}
+div.tablesorterPager input.next {
+	width: auto;
+	margin-left: 10px;
+}
+div.tablesorterPager input {
+	font-size: 8px;
+	width: 50px;
+	border: 1px solid #330000;
+	text-align: center;
+}
+
+
+  

tracim/tracim/public/assets/tablesorter/addons/pager/jquery.tablesorter.pager.js

+(function($) {
+	$.extend({
+		tablesorterPager: new function() {
+			
+			function updatePageDisplay(c) {
+				var s = $(c.cssPageDisplay,c.container).val((c.page+1) + c.seperator + c.totalPages);	
+			}
+			
+			function setPageSize(table,size) {
+				var c = table.config;
+				c.size = size;
+				c.totalPages = Math.ceil(c.totalRows / c.size);
+				c.pagerPositionSet = false;
+				moveToPage(table);
+				fixPosition(table);
+			}
+			
+			function fixPosition(table) {
+				var c = table.config;
+				if(!c.pagerPositionSet && c.positionFixed) {
+					var c = table.config, o = $(table);
+					if(o.offset) {
+						c.container.css({
+							top: o.offset().top + o.height() + 'px',
+							position: 'absolute'
+						});
+					}
+					c.pagerPositionSet = true;
+				}
+			}
+			
+			function moveToFirstPage(table) {
+				var c = table.config;
+				c.page = 0;
+				moveToPage(table);
+			}
+			
+			function moveToLastPage(table) {
+				var c = table.config;
+				c.page = (c.totalPages-1);
+				moveToPage(table);
+			}
+			
+			function moveToNextPage(table) {
+				var c = table.config;
+				c.page++;
+				if(c.page >= (c.totalPages-1)) {
+					c.page = (c.totalPages-1);
+				}
+				moveToPage(table);
+			}
+			
+			function moveToPrevPage(table) {
+				var c = table.config;
+				c.page--;
+				if(c.page <= 0) {
+					c.page = 0;
+				}
+				moveToPage(table);
+			}
+						
+			
+			function moveToPage(table) {
+				var c = table.config;
+				if(c.page < 0 || c.page > (c.totalPages-1)) {
+					c.page = 0;
+				}
+				
+				renderTable(table,c.rowsCopy);
+			}
+			
+			function renderTable(table,rows) {
+				
+				var c = table.config;
+				var l = rows.length;
+				var s = (c.page * c.size);
+				var e = (s + c.size);
+				if(e > rows.length ) {
+					e = rows.length;
+				}
+				
+				
+				var tableBody = $(table.tBodies[0]);
+				
+				// clear the table body
+				
+				$.tablesorter.clearTableBody(table);
+				
+				for(var i = s; i < e; i++) {
+					
+					//tableBody.append(rows[i]);
+					
+					var o = rows[i];
+					var l = o.length;
+					for(var j=0; j < l; j++) {
+						
+						tableBody[0].appendChild(o[j]);
+
+					}
+				}
+				
+				fixPosition(table,tableBody);
+				
+				$(table).trigger("applyWidgets");
+				
+				if( c.page >= c.totalPages ) {
+        			moveToLastPage(table);
+				}
+				
+				updatePageDisplay(c);
+			}
+			
+			this.appender = function(table,rows) {
+				
+				var c = table.config;
+				
+				c.rowsCopy = rows;
+				c.totalRows = rows.length;
+				c.totalPages = Math.ceil(c.totalRows / c.size);
+				
+				renderTable(table,rows);
+			};
+			
+			this.defaults = {
+				size: 10,
+				offset: 0,
+				page: 0,
+				totalRows: 0,
+				totalPages: 0,
+				container: null,
+				cssNext: '.next',
+				cssPrev: '.prev',
+				cssFirst: '.first',
+				cssLast: '.last',
+				cssPageDisplay: '.pagedisplay',
+				cssPageSize: '.pagesize',
+				seperator: "/",
+				positionFixed: true,
+				appender: this.appender
+			};
+			
+			this.construct = function(settings) {
+				
+				return this.each(function() {	
+					
+					config = $.extend(this.config, $.tablesorterPager.defaults, settings);
+					
+					var table = this, pager = config.container;
+				
+					$(this).trigger("appendCache");
+					
+					config.size = parseInt($(".pagesize",pager).val());
+					
+					$(config.cssFirst,pager).click(function() {
+						moveToFirstPage(table);
+						return false;
+					});
+					$(config.cssNext,pager).click(function() {
+						moveToNextPage(table);
+						return false;
+					});
+					$(config.cssPrev,pager).click(function() {
+						moveToPrevPage(table);
+						return false;
+					});
+					$(config.cssLast,pager).click(function() {
+						moveToLastPage(table);
+						return false;
+					});
+					$(config.cssPageSize,pager).change(function() {
+						setPageSize(table,parseInt($(this).val()));
+						return false;
+					});
+				});
+			};
+			
+		}
+	});
+	// extend plugin scope
+	$.fn.extend({
+        tablesorterPager: $.tablesorterPager.construct
+	});
+	
+})(jQuery);				

tracim/tracim/public/assets/tablesorter/bower.json

+{
+  "name": "tablesorter",
+  "version": "2.0.5",
+  "homepage": "https://github.com/christianbach/tablesorter.git",
+  "authors": [
+    "Christian Bach"
+  ],
+  "description": "Flexible client-side table sorting",
+  "main": [
+    "jquery.metadata.js",
+    "jquery.tablesorter.min.js"
+  ],
+  "keywords": [
+    "client-side",
+    "sort",
+    "table"
+  ],
+  "license": "MIT,GPL",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ]
+}

tracim/tracim/public/assets/tablesorter/build.xml

+<project name="tablesorter" default="default" basedir=".">
+
+    <!-- SETUP -->
+	<property description="Files for parsing etc." name="BUILD_DIR" value="build" />
+    <property description="Rhino JS Engine" name="JAR" value="${BUILD_DIR}/js.jar" />
+
+    <!-- Files names for distribution -->
+    <property name="TS" value="jquery.tablesorter.js" />
+	<property name="TS_MIN" value="jquery.tablesorter.min.js" />
+
+    <!-- MAIN -->
+	<target name="min">
+        <echo message="Building ${TS_MIN}" />
+        <java jar="${JAR}" fork="true">
+            <arg value="${BUILD_DIR}/min.js" />
+            <arg value="${TS}" />
+            <arg value="${TS_MIN}" />
+        </java>
+        <echo message="${TS_MIN} built." />
+    </target>
+
+   <target name="default">
+		<antcall target="min"/>
+    </target>
+	
+</project>

tracim/tracim/public/assets/tablesorter/changelog

+tablesorter changelog
+======================
+http://tablesorter.com
+
+Changes in version 2.0.3 (2008-03-17)
+-------------------------------------
+
+Bug fixes
+* Missing semicolon, broke the minified version
+
+
+Changes in version 2.0.2 (2008-03-14)
+-------------------------------------
+
+General
+* Added support for the new metadata plugin
+* Added support for jQuery 1.2.3
+* Added support for decimal numbers and negative and positive digits
+* Updated documenation and website with new examples
+* Removed packed version.
+
+Bug fixes
+* Sort force (Thanks to David Lynch)
+
+
+Changes in version 2.0.1 (2007-09-17)
+-------------------------------------
+
+General
+* Removed the need for Dimensions plugin when using the pagnation plugin thanks to offset being included in the jQuery 1.2 core.
+* Added support for jQuery 1.2
+* Added new Minified version of tablesorter
+* Updated documenation and website with new examples
+
+Bug fixes
+* If row values are identical the original order is kept (Thanks to David hull)
+* If thead includes a table $('tbody:first', table) breaks (Thanks to David Hull)
+
+Speed improvements:
+* appendToTable, setting innerHTML to "" before appending new content to table body.
+* zebra widget. (Thanks to James Dempster)

tracim/tracim/public/assets/tablesorter/docs/assets/ajax-content.html

+	<tr>
+				<td>Peter</td>
+				<td>Parker</td>
+				<td>28</td>
+				<td>$9.99</td>
+				<td>20%</td>
+				
+				<td>Jul 6, 2006 8:14 AM</td>
+			</tr>
+			<tr>
+				<td>John</td>
+				<td>Hood</td>
+				<td>33</td>
+				<td>$19.99</td>
+				<td>25%</td>
+				
+				<td>Dec 10, 2002 5:14 AM</td>
+			</tr>
+			<tr>
+				<td>Clark</td>
+				<td>Kent</td>
+				<td>18</td>
+				<td>$15.89</td>
+				<td>44%</td>
+				<td>Jan 12, 2003 11:14 AM</td>
+			</tr>
+			<tr>
+				<td>Bruce</td>
+				<td>Almighty</td>
+				<td>45</td>
+				<td>$153.19</td>
+				<td>44%</td>
+				
+				<td>Jan 18, 2001 9:12 AM</td>
+			</tr>
+			<tr>
+				<td>Bruce</td>
+				<td>Evans</td>
+				<td>22</td>
+				<td>$13.19</td>
+				<td>11%</td>
+				<td>Jan 18, 2007 9:12 AM</td>
+			</tr>

tracim/tracim/public/assets/tablesorter/docs/css/jq.css

+body,div,h1{font-family:'trebuchet ms', verdana, arial;margin:0;padding:0;}
+body{background-color:#fff;color:#333;font-size:small;margin:0;padding:0;}
+h1{font-size:large;font-weight:400;margin:0;}
+h2{color:#333;font-size:small;font-weight:400;margin:0;}
+pre{background-color:#eee;border:1px solid #ddd;border-left-width:5px;color:#333;font-size:small;overflow-x:auto;padding:15px;}
+pre.normal{background-color:transparent;border:none;border-left-width:0;overflow-x:auto;}
+#logo{background:url(images/jq.png);display:block;float:right;height:31px;margin-right:10px;margin-top:10px;width:110px;}
+#main{margin:0 20px 20px;padding:0 15px 15px 0;}
+#content{padding:20px;}
+#busy{background-color:#e95555;border:1px ridge #ccc;color:#eee;display:none;padding:3px;position:absolute;right:7px;top:7px;}
+hr{height:1px;}
+code{font-size:108%;font-style:normal;padding:0;}
+ul{color:#333;list-style:square;}
+#banner{margin:20px;padding-bottom:10px;text-align:left;}
+#banner *{color:#232121;font-family:Georgia, Palatino, Times New Roman;font-size:30px;font-style:normal;font-weight:400;margin:0;padding:0;}
+#banner h1{display:block;float:left;}
+#banner h1 em{color:#6cf;}
+#banner h2{float:right;font-size:26px;margin:10px 10px -10px -10px;}
+#banner h3{clear:both;display:block;font-size:12px;margin-top:-20px;}
+#banner a{border-top:1px solid #888;display:block;font-size:14px;margin:5px 0 0;padding:10px 0 0;text-align:right;width:auto;}
+a.external{background-image:url(../img/external.png);background-position:center right;background-repeat:no-repeat;padding-right:12px;}
+form{font-size:10pt;margin-bottom:20px;width:auto;}
+form fieldset{padding:10px;text-align:left;width:140px;}
+div#main h1{border-bottom:1px solid #CDCDCD;display:block;margin-top:20px;padding:10px 0 2px;}
+table#tablesorter-demo {margin: 10px 0 0 0;}
+table#options *{font-size:small;}
+p.tip em {padding: 2px; background-color: #6cf; color: #FFF;}
+p.tip.update em {background-color: #FF0000;}
+div.digg {float: right;}

tracim/tracim/public/assets/tablesorter/docs/example-ajax.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Appending table data with ajax</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+	<script type="text/javascript" id="js">
+	$(document).ready(function() {
+	$("table").tablesorter();
+	$("#ajax-append").click(function() {
+		 $.get("assets/ajax-content.html", function(html) {
+		 	// append the "ajax'd" data to the table body
+		 	$("table tbody").append(html);
+			// let the plugin know that we made a update
+			$("table").trigger("update");
+			// set sorting column and direction, this will sort on the first and third column
+			var sorting = [[2,1],[0,0]];
+			// sort on the first column
+			$("table").trigger("sorton",[sorting]);
+		});
+		return false;
+	});
+}); 		
+	</script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Appending table data with ajax</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+			<thead>
+				<tr>
+					<th>First Name</th>
+					<th>Last Name</th>
+					<th>Age</th>
+					<th>Total</th>
+					<th>Discount</th>
+					<th>Date</th>
+	
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Peter</td>
+					<td>Parker</td>
+					<td>28</td>
+					<td>$9.99</td>
+					<td>20%</td>
+					
+					<td>Jul 6, 2006 8:14 AM</td>
+				</tr>
+				<tr>
+					<td>John</td>
+					<td>Hood</td>
+					<td>33</td>
+					<td>$19.99</td>
+					<td>25%</td>
+					
+					<td>Dec 10, 2002 5:14 AM</td>
+				</tr>
+				<tr>
+					<td>Clark</td>
+					<td>Kent</td>
+					<td>18</td>
+					<td>$15.89</td>
+					<td>44%</td>
+					<td>Jan 12, 2003 11:14 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Almighty</td>
+					<td>45</td>
+					<td>$153.19</td>
+					<td>44%</td>
+					
+					<td>Jan 18, 2001 9:12 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Evans</td>
+					<td>22</td>
+					<td>$13.19</td>
+					<td>11%</td>
+					<td>Jan 18, 2007 9:12 AM</td>
+				</tr>
+			</tbody>
+		</table>
+		<a href="#" id="ajax-append">Append new table data</a>
+		<br/>
+		<br/>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>

tracim/tracim/public/assets/tablesorter/docs/example-attribute-sort.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Sorting on a table cell attribute</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+	<script type="text/javascript" id="js">$(document).ready(function() {
+	$("table").tablesorter();
+});</script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Sorting on a table cell attribute</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+			<thead>
+				<tr>
+					<th>Title</th>
+					<th>Priority</th>
+					<th>Date</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Earth</td>
+					<td data-sort-value="1">Mid</td>
+					<td data-sort-value="2013-06">June 2013</td>
+				</tr>
+				<tr>
+					<td>Pluto</td>
+					<td data-sort-value="2">Low</td>
+					<td data-sort-value="1999-05">May 1999</td>
+				</tr>
+				<tr>
+					<td>Sun</td>
+					<td data-sort-value="0">High</td>
+					<td data-sort-value="2002-04">April 2002</td>
+				</tr>
+			</tbody>
+		</table>
+		<br/>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>

tracim/tracim/public/assets/tablesorter/docs/example-empty-table.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Initializing tablesorter on a empty table</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+	<script type="text/javascript" id="js">$(document).ready(function() {
+	$("table").tablesorter();
+	$("#append").click(function() {
+		// add some html
+		var html = "<tr><td>Peter</td><td>Parker</td><td>28</td><td>$9.99</td><td>20%</td><td>Jul 6, 2006 8:14 AM</td></tr>";
+		html += "<tr><td>John</td><td>Hood</td><td>33</td><td>$19.99</td><td>25%</td><td>Dec 10, 2002 5:14 AM</td></tr><tr><td>Clark</td><td>Kent</td><td>18</td><td>$15.89</td><td>44%</td><td>Jan 12, 2003 11:14 AM</td></tr>";		
+		html += "<tr><td>Bruce</td><td>Almighty</td><td>45</td><td>$153.19</td><td>44%</td><td>Jan 18, 2001 9:12 AM</td></tr>";
+		// append new html to table body 
+		 $("table tbody").append(html);
+		// let the plugin know that we made a update
+		$("table").trigger("update");
+		// set sorting column and direction, this will sort on the first and third column
+		var sorting = [[2,1],[0,0]];
+		// sort on the first column
+		$("table").trigger("sorton",[sorting]);
+		return false;
+	});
+});</script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Initializing tablesorter on a empty table</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+			<thead>
+				<tr>
+					<th>First Name</th>
+					<th>Last Name</th>
+					<th>Age</th>
+					<th>Total</th>
+					<th>Discount</th>
+					<th>Date</th>
+				</tr>
+			</thead>
+			<tbody>
+			</tbody>
+		</table>
+		<a href="#" id="append">Append new table data</a>
+		<br/>
+		<br/>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>

tracim/tracim/public/assets/tablesorter/docs/example-extending-defaults.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Extending default options</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+	// extend the default setting to always include the zebra widget.
+	$.tablesorter.defaults.widgets = ['zebra'];
+	// extend the default setting to always sort on the first column
+	$.tablesorter.defaults.sortList = [[0,0]];
+	// call the tablesorter plugin
+	$("table").tablesorter();
+}); </script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Extending default options</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+		<thead>
+				<tr>
+					<th>First Name</th>
+					<th>Last Name</th>
+					<th>Age</th>
+					<th>Total</th>
+					<th>Discount</th>
+					<th>Date</th>
+	
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Peter</td>
+					<td>Parker</td>
+					<td>28</td>
+					<td>$9.99</td>
+					<td>20%</td>
+					
+					<td>Jul 6, 2006 8:14 AM</td>
+				</tr>
+				<tr>
+					<td>John</td>
+					<td>Hood</td>
+					<td>33</td>
+					<td>$19.99</td>
+					<td>25%</td>
+					
+					<td>Dec 10, 2002 5:14 AM</td>
+				</tr>
+				<tr>
+					<td>Clark</td>
+					<td>Kent</td>
+					<td>18</td>
+					<td>$15.89</td>
+					<td>44%</td>
+					<td>Jan 12, 2003 11:14 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Almighty</td>
+					<td>45</td>
+					<td>$153.19</td>
+					<td>44%</td>
+					
+					<td>Jan 18, 2001 9:12 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Evans</td>
+					<td>22</td>
+					<td>$13.19</td>
+					<td>11%</td>
+					<td>Jan 18, 2007 9:12 AM</td>
+				</tr>
+			</tbody>
+		</table>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-meta-headers.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Disable headers using metadata</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.metadata.js"></script>
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript">
+		window.tableFile="table-metadata-disable.html";
+	</script>
+	<script type="text/javascript" src="js/examples.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+	// call the tablesorter plugin, the magic happens in the markup
+	$("table").tablesorter();
+}); </script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Disable headers using metadata</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+				<thead>
+			<tr>
+				<th class="{sorter: false}">First Name</th>
+				<th>Last Name</th>
+				<th>Age</th>
+				<th>Total</th>
+				<th class="{sorter: false}">Discount</th>
+				<th>Date</th>
+			</tr>
+		</thead>
+	<tbody>
+		<tr>
+			<td>Peter</td>
+			<td>Parker</td>
+			<td>28</td>
+			<td>$9.99</td>
+			<td>20%</td>
+			
+			<td>Jul 6, 2006 8:14 AM</td>
+		</tr>
+		<tr>
+			<td>John</td>
+			<td>Hood</td>
+			<td>33</td>
+			<td>$19.99</td>
+			<td>25%</td>
+			
+			<td>Dec 10, 2002 5:14 AM</td>
+		</tr>
+		<tr>
+			<td>Clark</td>
+			<td>Kent</td>
+			<td>18</td>
+			<td>$15.89</td>
+			<td>44%</td>
+			<td>Jan 12, 2003 11:14 AM</td>
+		</tr>
+		<tr>
+			<td>Bruce</td>
+			<td>Almighty</td>
+			<td>45</td>
+			<td>$153.19</td>
+			<td>44%</td>
+			
+			<td>Jan 18, 2001 9:12 AM</td>
+		</tr>
+		<tr>
+			<td>Bruce</td>
+			<td>Evans</td>
+			<td>22</td>
+			<td>$13.19</td>
+			<td>11%</td>
+			<td>Jan 18, 2007 9:12 AM</td>
+		</tr>
+	</tbody>
+		</table>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-meta-parsers.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Setting column parser using metadata</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.metadata.js"></script>
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+	// call the tablesorter plugin, the magic happens in the markup
+	$("table").tablesorter();
+}); </script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Setting column parser using metadata</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+
+	Available parsers: numeric, text, digit, currency, ipAddress, url, isoDate, percent, shortDate, usLongDate. 
+	<h1>Demo</h1>
+	<div id="demo">
+	<table cellspacing="1" class="tablesorter">
+		<thead>
+		<tr>
+			<th class="{sorter: 'text'}">First Name</th>
+			<th>Last Name</th>
+			<th>Age</th>
+			<th>Total</th>
+			<th class="{sorter: 'percent'}">Discount</th>
+			<th>Date</th>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td>Peter</td>
+			<td>Parker</td>
+			<td>28</td>
+			<td>$9.99</td>
+			<td>20%</td>
+			
+			<td>Jul 6, 2006 8:14 AM</td>
+		</tr>
+		<tr>
+			<td>John</td>
+			<td>Hood</td>
+			<td>33</td>
+			<td>$19.99</td>
+			<td>25%</td>
+			
+			<td>Dec 10, 2002 5:14 AM</td>
+		</tr>
+		<tr>
+			<td>Clark</td>
+			<td>Kent</td>
+			<td>18</td>
+			<td>$15.89</td>
+			<td>44%</td>
+			<td>Jan 12, 2003 11:14 AM</td>
+		</tr>
+		<tr>
+			<td>Bruce</td>
+			<td>Almighty</td>
+			<td>45</td>
+			<td>$153.19</td>
+			<td>44%</td>
+			
+			<td>Jan 18, 2001 9:12 AM</td>
+		</tr>
+		<tr>
+			<td>Bruce</td>
+			<td>Evans</td>
+			<td>22</td>
+			<td>$13.19</td>
+			<td>11%</td>
+			<td>Jan 18, 2007 9:12 AM</td>
+		</tr>
+	</tbody>
+		</table>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-meta-sort-list.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Setting initial sorting order with metadata</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.metadata.js"></script>
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+	// call the tablesorter plugin, the magic happens in the markup
+	$("table").tablesorter();
+}); </script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Setting initial sorting order with metadata</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<!-- sortlist is appended to the table using the class attribute and is picked up by metadata plugin -->
+		<table cellspacing="1" class="tablesorter {sortlist: [[0,0],[4,0]]}">
+				<thead>
+			<tr>
+				<th>First Name</th>
+				<th>Last Name</th>
+				<th>Age</th>
+				<th>Total</th>
+				<th>Discount</th>
+				<th>Date</th>
+
+			</tr>
+		</thead>
+	<tbody>
+		<tr>
+			<td>Peter</td>
+			<td>Parker</td>
+			<td>28</td>
+			<td>$9.99</td>
+			<td>20%</td>
+			
+			<td>Jul 6, 2006 8:14 AM</td>
+		</tr>
+		<tr>
+			<td>John</td>
+			<td>Hood</td>
+			<td>33</td>
+			<td>$19.99</td>
+			<td>25%</td>
+			
+			<td>Dec 10, 2002 5:14 AM</td>
+		</tr>
+		<tr>
+			<td>Clark</td>
+			<td>Kent</td>
+			<td>18</td>
+			<td>$15.89</td>
+			<td>44%</td>
+			<td>Jan 12, 2003 11:14 AM</td>
+		</tr>
+		<tr>
+			<td>Bruce</td>
+			<td>Almighty</td>
+			<td>45</td>
+			<td>$153.19</td>
+			<td>44%</td>
+			
+			<td>Jan 18, 2001 9:12 AM</td>
+		</tr>
+		<tr>
+			<td>Bruce</td>
+			<td>Evans</td>
+			<td>22</td>
+			<td>$13.19</td>
+			<td>11%</td>
+			<td>Jan 18, 2007 9:12 AM</td>
+		</tr>
+	</tbody>
+		</table>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-option-debug.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Enabling debug mode</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+	// call the tablesorter plugin
+	$("table").tablesorter({
+		// enable debug mode
+		debug: true
+	});
+}); </script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Enabling debug mode</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	
+		<p class="tip">
+			<em>NOTE!</em> If firebug is installed the debuging information will be displayed in the firebug console.
+		</p>
+	
+	<h1>Demo</h1>
+	<div id="demo">
+		
+		<table cellspacing="1" class="tablesorter">
+		<thead>
+				<tr>
+					<th>First Name</th>
+					<th>Last Name</th>
+					<th>Age</th>
+					<th>Total</th>
+					<th>Discount</th>
+					<th>Date</th>
+	
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Peter</td>
+					<td>Parker</td>
+					<td>28</td>
+					<td>$9.99</td>
+					<td>20%</td>
+					
+					<td>Jul 6, 2006 8:14 AM</td>
+				</tr>
+				<tr>
+					<td>John</td>
+					<td>Hood</td>
+					<td>33</td>
+					<td>$19.99</td>
+					<td>25%</td>
+					
+					<td>Dec 10, 2002 5:14 AM</td>
+				</tr>
+				<tr>
+					<td>Clark</td>
+					<td>Kent</td>
+					<td>18</td>
+					<td>$15.89</td>
+					<td>44%</td>
+					<td>Jan 12, 2003 11:14 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Almighty</td>
+					<td>45</td>
+					<td>$153.19</td>
+					<td>44%</td>
+					
+					<td>Jan 18, 2001 9:12 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Evans</td>
+					<td>22</td>
+					<td>$13.19</td>
+					<td>11%</td>
+					<td>Jan 18, 2007 9:12 AM</td>
+				</tr>
+			</tbody>
+		</table>
+
+	</div>
+	
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-option-digits.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Enabling debug mode</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+	// call the tablesorter plugin
+	$("table").tablesorter();
+}); </script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Dealing with digits</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	
+	<h1>Demo</h1>
+	<div id="demo">
+		
+		<table cellspacing="1" class="tablesorter">
+		<thead>
+				<tr>
+					<th>First Name</th>
+					<th>Last Name</th>
+					<th>Age</th>
+					<th>Total</th>
+					<th>Discount</th>
+					<th>Diff</th>
+	
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Peter</td>
+					<td>Parker</td>
+					<td>28</td>
+					<td>9.99</td>
+					<td>20.3%</td>
+					<td>+3.0</td>
+				</tr>
+				<tr>
+					<td>John</td>
+					<td>Hood</td>
+					<td>33</td>
+					<td>19.99</td>
+					<td>25.1%</td>
+					<td>-7</td>
+				</tr>
+				<tr>
+					<td>Clark</td>
+					<td>Kent</td>
+					<td>18</td>
+					<td>15.89</td>
+					<td>44.2%</td>
+					<td>-15</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Almighty</td>
+					<td>45</td>
+					<td>153.19</td>
+					<td>44%</td>
+					<td>+19</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Evans</td>
+					<td>56</td>
+					<td>153.19</td>
+					<td>23%</td>
+					<td>+9</td>
+				</tr>
+			</tbody>
+		</table>
+
+	</div>
+	
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-option-sort-force.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Force a default sorting order</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+	// call the tablesorter plugin
+	$("table").tablesorter({
+		// set forced sort on the fourth column and i decending order.
+		sortForce: [[0,0]]
+	});
+}); </script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Force a default sorting order</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+		<thead>
+				<tr>
+					<th>First Name</th>
+					<th>Last Name</th>
+					<th>Age</th>
+					<th>Total</th>
+					<th>Discount</th>
+					<th>Date</th>
+	
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Peter</td>
+					<td>Parker</td>
+					<td>28</td>
+					<td>$9.99</td>
+					<td>20%</td>
+					
+					<td>Jul 6, 2006 8:14 AM</td>
+				</tr>
+				<tr>
+					<td>John</td>
+					<td>Hood</td>
+					<td>33</td>
+					<td>$19.99</td>
+					<td>25%</td>
+					
+					<td>Dec 10, 2002 5:14 AM</td>
+				</tr>
+				<tr>
+					<td>Clark</td>
+					<td>Kent</td>
+					<td>18</td>
+					<td>$15.89</td>
+					<td>44%</td>
+					<td>Jan 12, 2003 11:14 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Almighty</td>
+					<td>45</td>
+					<td>$153.19</td>
+					<td>44%</td>
+					
+					<td>Jan 18, 2001 9:12 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Evans</td>
+					<td>22</td>
+					<td>$13.19</td>
+					<td>11%</td>
+					<td>Jan 18, 2007 9:12 AM</td>
+				</tr>
+			</tbody>
+		</table>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-option-sort-key.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Change multi-column sorting key</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+	// call the tablesorter plugin
+	$("table").tablesorter({
+		// change the multi sort key from the default shift to alt button
+		sortMultiSortKey: 'altKey'
+	});
+}); </script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Change multi-column sorting key</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+		<thead>
+				<tr>
+					<th>First Name</th>
+					<th>Last Name</th>
+					<th>Age</th>
+					<th>Total</th>
+					<th>Discount</th>
+					<th>Date</th>
+	
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Peter</td>
+					<td>Parker</td>
+					<td>28</td>
+					<td>$9.99</td>
+					<td>20%</td>
+					
+					<td>Jul 6, 2006 8:14 AM</td>
+				</tr>
+				<tr>
+					<td>John</td>
+					<td>Hood</td>
+					<td>33</td>
+					<td>$19.99</td>
+					<td>25%</td>
+					
+					<td>Dec 10, 2002 5:14 AM</td>
+				</tr>
+				<tr>
+					<td>Clark</td>
+					<td>Kent</td>
+					<td>18</td>
+					<td>$15.89</td>
+					<td>44%</td>
+					<td>Jan 12, 2003 11:14 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Almighty</td>
+					<td>45</td>
+					<td>$153.19</td>
+					<td>44%</td>
+					
+					<td>Jan 18, 2001 9:12 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Evans</td>
+					<td>22</td>
+					<td>$13.19</td>
+					<td>11%</td>
+					<td>Jan 18, 2007 9:12 AM</td>
+				</tr>
+			</tbody>
+		</table>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-option-sort-list.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Set a initial sorting order</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+	// call the tablesorter plugin
+	$("table").tablesorter({
+		// sort on the first column and third column, order asc
+		sortList: [[0,0],[2,0]]
+	});
+}); </script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Set a initial sorting order</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+		<thead>
+				<tr>
+					<th>First Name</th>
+					<th>Last Name</th>
+					<th>Age</th>
+					<th>Total</th>
+					<th>Discount</th>
+					<th>Date</th>
+	
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Peter</td>
+					<td>Parker</td>
+					<td>28</td>
+					<td>$9.99</td>
+					<td>20%</td>
+					
+					<td>Jul 6, 2006 8:14 AM</td>
+				</tr>
+				<tr>
+					<td>John</td>
+					<td>Hood</td>
+					<td>33</td>
+					<td>$19.99</td>
+					<td>25%</td>
+					
+					<td>Dec 10, 2002 5:14 AM</td>
+				</tr>
+				<tr>
+					<td>Clark</td>
+					<td>Kent</td>
+					<td>18</td>
+					<td>$15.89</td>
+					<td>44%</td>
+					<td>Jan 12, 2003 11:14 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Almighty</td>
+					<td>45</td>
+					<td>$153.19</td>
+					<td>44%</td>
+					
+					<td>Jan 18, 2001 9:12 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Evans</td>
+					<td>22</td>
+					<td>$13.19</td>
+					<td>11%</td>
+					<td>Jan 18, 2007 9:12 AM</td>
+				</tr>
+			</tbody>
+		</table>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-option-sort-order.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Set a initi
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+	// call the tablesorter plugin
+	$("table").tablesorter({
+		// change the default sorting order from 'asc' to 'desc'
+		sortInitialOrder: 'desc'
+	});
+}); </script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Set a initial sorting order</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+		<thead>
+				<tr>
+					<th>First Name</th>
+					<th>Last Name</th>
+					<th>Age</th>
+					<th>Total</th>
+					<th>Discount</th>
+					<th>Date</th>
+	
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Peter</td>
+					<td>Parker</td>
+					<td>28</td>
+					<td>$9.99</td>
+					<td>20%</td>
+					
+					<td>Jul 6, 2006 8:14 AM</td>
+				</tr>
+				<tr>
+					<td>John</td>
+					<td>Hood</td>
+					<td>33</td>
+					<td>$19.99</td>
+					<td>25%</td>
+					
+					<td>Dec 10, 2002 5:14 AM</td>
+				</tr>
+				<tr>
+					<td>Clark</td>
+					<td>Kent</td>
+					<td>18</td>
+					<td>$15.89</td>
+					<td>44%</td>
+					<td>Jan 12, 2003 11:14 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Almighty</td>
+					<td>45</td>
+					<td>$153.19</td>
+					<td>44%</td>
+					
+					<td>Jan 18, 2001 9:12 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Evans</td>
+					<td>22</td>
+					<td>$13.19</td>
+					<td>11%</td>
+					<td>Jan 18, 2007 9:12 AM</td>
+				</tr>
+			</tbody>
+		</table>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-option-text-extraction.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Dealing with markup inside cells</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+	
+	// call the tablesorter plugin
+	$("table").tablesorter({
+		// define a custom text extraction function
+		textExtraction: function(node) {
+			// extract data from markup and return it 
+			return node.childNodes[0].childNodes[0].innerHTML;
+		}
+	});
+}); </script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Dealing with markup inside cells</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+				<thead>
+			<tr>
+				<th>First Name</th>
+				<th>Last Name</th>
+				<th>Age</th>
+				<th>Total</th>
+				<th>Discount</th>
+				<th>Date</th>
+
+			</tr>
+		</thead>
+		<tbody>
+			<tr>
+				<td><strong><em>Peter</em></strong></td>
+				<td><strong><em>Parker</em></strong></td>
+				<td><strong><em>28</em></strong></td>
+				<td><strong><em>$9.99</em></strong></td>
+				<td><strong><em>20%</em></strong></td>	
+				<td><strong><em>Jul 6, 2006 8:14 AM</em></strong></td>
+			</tr>
+			<tr>
+				<td><strong><em>John</em></strong></td>
+				<td><strong><em>Hood</em></strong></td>
+				<td><strong><em>33</em></strong></td>
+				<td><strong><em>$19.99</em></strong></td>
+				<td><strong><em>25%</em></strong></td>
+				<td><strong><em>Dec 10, 2002 5:14 AM</em></strong></td>
+			</tr>
+		</tbody>
+		</table>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-options-headers.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Disable headers using options</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+	$("table").tablesorter({
+		// pass the headers argument and assing a object
+		headers: {
+			// assign the secound column (we start counting zero)
+			1: {
+				// disable it by setting the property sorter to false
+				sorter: false
+			},
+			// assign the third column (we start counting zero)
+			2: {
+				// disable it by setting the property sorter to false
+				sorter: false
+			}
+		}
+	});
+});</script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Disable headers using options</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+			<thead>
+				<tr>
+					<th>First Name</th>
+					<th>Last Name</th>
+					<th>Age</th>
+					<th>Total</th>
+					<th>Discount</th>
+					<th>Date</th>
+	
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Peter</td>
+					<td>Parker</td>
+					<td>28</td>
+					<td>$9.99</td>
+					<td>20%</td>
+					
+					<td>Jul 6, 2006 8:14 AM</td>
+				</tr>
+				<tr>
+					<td>John</td>
+					<td>Hood</td>
+					<td>33</td>
+					<td>$19.99</td>
+					<td>25%</td>
+					
+					<td>Dec 10, 2002 5:14 AM</td>
+				</tr>
+				<tr>
+					<td>Clark</td>
+					<td>Kent</td>
+					<td>18</td>
+					<td>$15.89</td>
+					<td>44%</td>
+					<td>Jan 12, 2003 11:14 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Almighty</td>
+					<td>45</td>
+					<td>$153.19</td>
+					<td>44%</td>
+					
+					<td>Jan 18, 2001 9:12 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Evans</td>
+					<td>22</td>
+					<td>$13.19</td>
+					<td>11%</td>
+					<td>Jan 18, 2007 9:12 AM</td>
+				</tr>
+			</tbody>
+		</table>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-parsers.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Writing custom parsers</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+	<script type="text/javascript" id="js">
+	// add parser through the tablesorter addParser method
+	$.tablesorter.addParser({
+		// set a unique id
+		id: 'grades',
+		is: function(s) {
+			// return false so this parser is not auto detected
+			return false;
+		},
+		format: function(s) {
+			// format your data for normalization
+			return s.toLowerCase().replace(/good/,2).replace(/medium/,1).replace(/bad/,0);
+		},
+		// set type, either numeric or text
+		type: 'numeric'
+	});
+	
+	$(function() {
+		$("table").tablesorter({
+			headers: {
+				6: {
+					sorter:'grades'
+				}
+			}
+		});
+	}); 				
+	</script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Writing custom parsers</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+	<table cellspacing="1" class="tablesorter">
+		<thead>
+			<tr>
+				<th>Name</th>
+				<th>Major</th>
+				<th>Gender</th>
+				<th>English</th>
+				<th>Japanese</th>
+				<th>Calculus</th>
+				<th>Overall grades</th>
+			</tr>
+		</thead>
+		<tbody>
+			<tr>
+				<td>Student01</td>
+				<td>Languages</td>
+				<td>male</td>
+				<td>80</td>
+				<td>70</td>
+				<td>75</td>
+				<td>bad</td>
+			</tr>
+			<tr>
+				<td>Student02</td>
+				<td>Mathematics</td>
+				<td>male</td>
+				<td>90</td>
+				<td>88</td>
+				<td>100</td>
+				<td>good</td>
+			</tr>
+			<tr>
+				<td>Student03</td>
+				<td>Languages</td>
+				<td>female</td>
+				<td>85</td>
+				<td>95</td>
+				<td>80</td>
+				<td>medium</td>
+			</tr>
+		</tbody>
+	</table>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/example-trigger-sort.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Sort table using a link outside the table</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+	<script type="text/javascript" id="js">$(document).ready(function() {
+	$("table").tablesorter();
+	$("#trigger-link").click(function() {
+		// set sorting column and direction, this will sort on the first and third column the column index starts at zero
+		var sorting = [[0,0],[2,0]];
+		// sort on the first column
+		$("table").trigger("sorton",[sorting]);
+		// return false to stop default link action
+		return false;
+	});
+});</script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Sort table using a link outside the table</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+			<thead>
+				<tr>
+					<th>First Name</th>
+					<th>Last Name</th>
+					<th>Age</th>
+					<th>Total</th>
+					<th>Discount</th>
+					<th>Date</th>
+	
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Peter</td>
+					<td>Parker</td>
+					<td>28</td>
+					<td>$9.99</td>
+					<td>20%</td>
+					
+					<td>Jul 6, 2006 8:14 AM</td>
+				</tr>
+				<tr>
+					<td>John</td>
+					<td>Hood</td>
+					<td>33</td>
+					<td>$19.99</td>
+					<td>25%</td>
+					
+					<td>Dec 10, 2002 5:14 AM</td>
+				</tr>
+				<tr>
+					<td>Clark</td>
+					<td>Kent</td>
+					<td>18</td>
+					<td>$15.89</td>
+					<td>44%</td>
+					<td>Jan 12, 2003 11:14 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Almighty</td>
+					<td>45</td>
+					<td>$153.19</td>
+					<td>44%</td>
+					
+					<td>Jan 18, 2001 9:12 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Evans</td>
+					<td>22</td>
+					<td>$13.19</td>
+					<td>11%</td>
+					<td>Jan 18, 2007 9:12 AM</td>
+				</tr>
+			</tbody></table>
+		<a href="#" id="trigger-link">Sort first and third columns</a>
+		<br/>
+		<br/>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>

tracim/tracim/public/assets/tablesorter/docs/example-update-cell.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Appending table data with ajax</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript" src="js/examples.js"></script>
+	<script type="text/javascript" id="js">
+	$(document).ready(function() {
+	$("table").tablesorter();
+	$("table tbody td.discount").click(function() {
+		 	// randomize a number
+		 	var discount = '$' + Math.round(Math.random() * Math.random() * 100) + '.' + Math.round(Math.random() * Math.random() * 100);
+		 	$(this).text(discount);
+			$("table").trigger("updateCell",[this]);
+			// set sorting column and direction, this will sort on the first and third column
+			var sorting = [[3,1]];
+			// sort on the first column
+			$("table").trigger("sorton",[sorting]);
+			return false;
+		
+		
+	});
+}); 		
+	</script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Updateing the table cache</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+	<h1>Demo</h1>
+	<div id="demo">
+		<table cellspacing="1" class="tablesorter">
+			<thead>
+				<tr>
+					<th>First Name</th>
+					<th>Last Name</th>
+					<th>Age</th>
+					<th>Total</th>
+					<th>Discount</th>
+					<th>Date</th>
+	
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Peter</td>
+					<td>Parker</td>
+					<td>28</td>
+					<td class="discount">$9.99</td>
+					<td>20%</td>
+					
+					<td>Jul 6, 2006 8:14 AM</td>
+				</tr>
+				<tr>
+					<td>John</td>
+					<td>Hood</td>
+					<td>33</td>
+					<td class="discount">$19.99</td>
+					<td>25%</td>
+					
+					<td>Dec 10, 2002 5:14 AM</td>
+				</tr>
+				<tr>
+					<td>Clark</td>
+					<td>Kent</td>
+					<td>18</td>
+					<td class="discount">$15.89</td>
+					<td>44%</td>
+					<td>Jan 12, 2003 11:14 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Almighty</td>
+					<td>45</td>
+					<td class="discount">$153.19</td>
+					<td>44%</td>
+					
+					<td>Jan 18, 2001 9:12 AM</td>
+				</tr>
+				<tr>
+					<td>Bruce</td>
+					<td>Evans</td>
+					<td>22</td>
+					<td class="discount">$13.19</td>
+					<td>11%</td>
+					<td>Jan 18, 2007 9:12 AM</td>
+				</tr>
+			</tbody>
+		</table>
+		<br/>
+		<br/>
+	</div>
+	<h1>Javascript</h1>
+	<div id="javascript">
+		<pre class="javascript"></pre>
+	</div>
+	<h1>HTML</h1>
+	<div id="html">
+		<pre class="html"></pre>
+	</div>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>

tracim/tracim/public/assets/tablesorter/docs/example-widgets.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0 - Writing custom widgets</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="../addons/pager/jquery.tablesorter.pager.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		// add new widget called repeatHeaders
+		$.tablesorter.addWidget({
+			// give the widget a id
+			id: "repeatHeaders",
+			// format is called when the on init and when a sorting has finished
+			format: function(table) {
+				// cache and collect all TH headers
+				if(!this.headers) {
+					var h = this.headers = []; 
+					$("thead th",table).each(function() {
+						h.push(
+							"<th>" + $(this).text() + "</th>"
+						);
+						
+					});
+				}
+				
+				// remove appended headers by classname.
+				$("tr.repated-header",table).remove();
+				
+				// loop all tr elements and insert a copy of the "headers"	
+				for(var i=0; i < table.tBodies[0].rows.length; i++) {
+					// insert a copy of the table head every 10th row
+					if((i%5) == 4) {
+						$("tbody tr:eq(" + i + ")",table).before(
+							$("<tr></tr>").addClass("repated-header").html(this.headers.join(""))
+						
+						);	
+					}
+				}
+				
+			}
+		});
+		
+		// call the tablesorter plugin and assign widgets with id "zebra" (Default widget in the core) and the newly created "repeatHeaders"
+		$("table").tablesorter({
+			widgets: ['zebra','repeatHeaders']
+		});
+
+	}); 		
+	</script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Writing custom widgets</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="index.html">Back to documentation</a>
+</div>
+<div id="main">
+
+<h1>Javascript</h1>
+<pre class="javascript">
+// add new widget called repeatHeaders
+$.tablesorter.addWidget({
+	// give the widget a id
+	id: "repeatHeaders",
+	// format is called when the on init and when a sorting has finished
+	format: function(table) {
+		// cache and collect all TH headers
+		if(!this.headers) {
+			var h = this.headers = []; 
+			$("thead th",table).each(function() {
+				h.push(
+					"<th>" + $(this).text() + "</th>"
+				);
+				
+			});
+		}
+		
+		// remove appended headers by classname.
+		$("tr.repated-header",table).remove();
+		
+		// loop all tr elements and insert a copy of the "headers"	
+		for(var i=0; i < table.tBodies[0].rows.length; i++) {
+			// insert a copy of the table head every 10th row
+			if((i%5) == 4) {
+				$("tbody tr:eq(" + i + ")",table).before(
+					$("<tr></tr>").html(this.headers.join(""))
+				
+				);	
+			}
+		}
+	}
+});
+
+// call the tablesorter plugin and assign widgets with id "zebra" (Default widget in the core) and the newly created "repeatHeaders"
+$("table").tablesorter({
+	widgets: ['zebra','repeatHeaders']
+});
+</pre>
+
+<h1>Demo</h1>
+<table cellspacing="1" class="tablesorter">
+	<thead>
+		<tr>
+			<th>Name</th>
+			<th>Major</th>
+			<th>Sex</th>
+			<th>English</th>
+			<th>Japanese</th>
+			<th>Calculus</th>
+			<th>Geometry</th>
+
+		</tr>
+	</thead>
+	<tfoot>
+		<tr>
+			<th>Name</th>
+			<th>Major</th>
+			<th>Sex</th>
+			<th>English</th>
+			<th>Japanese</th>
+			<th>Calculus</th>
+			<th>Geometry</th>
+
+		</tr>
+	</tfoot>
+	<tbody>
+		<tr>
+			<td>Student01</td>
+			<td>Languages</td>
+			<td>male</td>
+
+			<td>80</td>
+			<td>70</td>
+			<td>75</td>
+			<td>80</td>
+		</tr>
+		<tr>
+			<td>Student02</td>
+
+			<td>Mathematics</td>
+			<td>male</td>
+			<td>90</td>
+			<td>88</td>
+			<td>100</td>
+			<td>90</td>
+
+		</tr>
+		<tr>
+			<td>Student03</td>
+			<td>Languages</td>
+			<td>female</td>
+			<td>85</td>
+			<td>95</td>
+
+			<td>80</td>
+			<td>85</td>
+		</tr>
+		<tr>
+			<td>Student04</td>
+			<td>Languages</td>
+			<td>male</td>
+
+			<td>60</td>
+			<td>55</td>
+			<td>100</td>
+			<td>100</td>
+		</tr>
+		<tr>
+			<td>Student05</td>
+
+			<td>Languages</td>
+			<td>female</td>
+			<td>68</td>
+			<td>80</td>
+			<td>95</td>
+			<td>80</td>
+
+		</tr>
+		<tr>
+			<td>Student06</td>
+			<td>Mathematics</td>
+			<td>male</td>
+			<td>100</td>
+			<td>99</td>
+
+			<td>100</td>
+			<td>90</td>
+		</tr>
+		<tr>
+			<td>Student07</td>
+			<td>Mathematics</td>
+			<td>male</td>
+
+			<td>85</td>
+			<td>68</td>
+			<td>90</td>
+			<td>90</td>
+		</tr>
+		<tr>
+			<td>Student08</td>
+
+			<td>Languages</td>
+			<td>male</td>
+			<td>100</td>
+			<td>90</td>
+			<td>90</td>
+			<td>85</td>
+
+		</tr>
+		<tr>
+			<td>Student09</td>
+			<td>Mathematics</td>
+			<td>male</td>
+			<td>80</td>
+			<td>50</td>
+
+			<td>65</td>
+			<td>75</td>
+		</tr>
+		<tr>
+			<td>Student10</td>
+			<td>Languages</td>
+			<td>male</td>
+
+			<td>85</td>
+			<td>100</td>
+			<td>100</td>
+			<td>90</td>
+		</tr>
+		<tr>
+			<td>Student11</td>
+
+			<td>Languages</td>
+			<td>male</td>
+			<td>86</td>
+			<td>85</td>
+			<td>100</td>
+			<td>100</td>
+
+		</tr>
+		<tr>
+			<td>Student12</td>
+			<td>Mathematics</td>
+			<td>female</td>
+			<td>100</td>
+			<td>75</td>
+
+			<td>70</td>
+			<td>85</td>
+		</tr>
+		<tr>
+			<td>Student13</td>
+			<td>Languages</td>
+			<td>female</td>
+
+			<td>100</td>
+			<td>80</td>
+			<td>100</td>
+			<td>90</td>
+		</tr>
+		<tr>
+			<td>Student14</td>
+
+			<td>Languages</td>
+			<td>female</td>
+			<td>50</td>
+			<td>45</td>
+			<td>55</td>
+			<td>90</td>
+
+		</tr>
+		<tr>
+			<td>Student15</td>
+			<td>Languages</td>
+			<td>male</td>
+			<td>95</td>
+			<td>35</td>
+
+			<td>100</td>
+			<td>90</td>
+		</tr>
+		<tr>
+			<td>Student16</td>
+			<td>Languages</td>
+			<td>female</td>
+
+			<td>100</td>
+			<td>50</td>
+			<td>30</td>
+			<td>70</td>
+		</tr>
+		<tr>
+			<td>Student17</td>
+
+			<td>Languages</td>
+			<td>female</td>
+			<td>80</td>
+			<td>100</td>
+			<td>55</td>
+			<td>65</td>
+
+		</tr>
+		<tr>
+			<td>Student18</td>
+			<td>Mathematics</td>
+			<td>male</td>
+			<td>30</td>
+			<td>49</td>
+
+			<td>55</td>
+			<td>75</td>
+		</tr>
+		<tr>
+			<td>Student19</td>
+			<td>Languages</td>
+			<td>male</td>
+
+			<td>68</td>
+			<td>90</td>
+			<td>88</td>
+			<td>70</td>
+		</tr>
+		<tr>
+			<td>Student20</td>
+
+			<td>Mathematics</td>
+			<td>male</td>
+			<td>40</td>
+			<td>45</td>
+			<td>40</td>
+			<td>80</td>
+
+		</tr>
+		<tr>
+			<td>Student21</td>
+			<td>Languages</td>
+			<td>male</td>
+			<td>50</td>
+			<td>45</td>
+
+			<td>100</td>
+			<td>100</td>
+		</tr>
+		<tr>
+			<td>Student22</td>
+			<td>Mathematics</td>
+			<td>male</td>
+
+			<td>100</td>
+			<td>99</td>
+			<td>100</td>
+			<td>90</td>
+		</tr>
+		<tr>
+			<td>Student23</td>
+
+			<td>Languages</td>
+			<td>female</td>
+			<td>85</td>
+			<td>80</td>
+			<td>80</td>
+			<td>80</td>
+
+		</tr>
+	</tbody>
+</table>
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/index.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+	<title>jQuery plugin: Tablesorter 2.0</title>
+	<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
+	<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" media="print, projection, screen" />
+	<script type="text/javascript" src="../jquery-latest.js"></script>
+	<script type="text/javascript" src="../jquery.tablesorter.js"></script>
+	<script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
+	<script type="text/javascript" src="js/docs.js"></script>
+	<script type="text/javascript">
+	$(function() {		
+		$("#tablesorter-demo").tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']});
+		$("#options").tablesorter({sortList: [[0,0]], headers: { 3:{sorter: false}, 4:{sorter: false}}});
+	});	
+	</script>
+</head>
+<body>
+<div id="banner">	
+	<h1>table<em>sorter</em></h1>
+	<h2>Documentation</h2>
+	<h3>Flexible client-side table sorting</h3>
+	<a href="#"></a>
+</div>
+<div id="main">
+	<div class="digg">
+		<script src="http://images.del.icio.us/static/js/blogbadge.js"></script>
+	</div>
+	
+	<p>
+	  	<strong>Author:</strong> <a class="external" href="http://lovepeacenukes.com">Christian Bach</a><br />
+		<strong>Version:</strong> 2.0.5 (<a href="../changelog">changelog</a>)<br />
+		<strong>Licence:</strong> 
+		Dual licensed under <a class="external" href="http://www.opensource.org/licenses/mit-license.php">MIT</a>
+		or <a class="external" href="http://www.opensource.org/licenses/gpl-license.php">GPL</a> licenses.
+	</p>
+	
+	<p class="tip update">
+		<em>Update!</em> New version!, and the tablesorter docs are now available in russian, head over to <a class="external" href="http://tablesorter.ru/docs/">tablesorter.ru</a>
+	</p>
+	
+	<p class="tip">
+		<em>Helping out!</em> If you like tablesorter and you're feeling generous, take a look at my <a  class="external" href="http://www.amazon.com/gp/registry/wishlist/3VAOWCL63NEA6/ref=wl_web/">Amazon Wish List</a>
+	</p>
+
+
+	<p>Comments and love letters can be sent to: <span class="email">christian at tablesorter dot com</span>.</p>
+	
+	<p> </p>
+
+
+
+	<!--
+	<p class="tip">
+		<em>Help!</em> keep tablesorter.com up and running. If you like tablesorter, have a couple of bucks over or just feel like it. Please donate.</p>
+	</p>
+	
+	<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">
+	<input type="hidden" name="cmd" value="_xclick">
+	<input type="hidden" name="business" value="christian.bach@polyester.se">
+	<input type="hidden" name="item_name" value="Tablesorter donation">
+	<input type="hidden" name="currency_code" value="USD">
+	<input type="hidden" name="amount" value="10.00">
+	<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but04.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
+	</form>
+	-->
+	
+	
+	
+	<a name="Contents"></a>
+	<h1>Contents</h1>
+	<ol>
+		<li><a href="#Introduction">Introduction</a></li>
+		<li><a href="#Demo">Demo</a></li>
+		<li><a href="#Getting-Started">Getting started</a></li>
+		
+		<li><a href="#Examples">Examples</a></li>
+		
+		<li><a href="#Configuration">Configuration</a></li>
+		<li><a href="#Download">Download</a></li>
+		<li><a href="#Compatibility">Compatibility</a></li>
+		<li><a href="#Support">Support</a></li>
+		<li><a href="#Credits">Credits</a></li>
+	</ol>
+
+	<a name="Introduction"></a>
+	<h1>Introduction</h1>
+	<p>
+		tablesorter is a <a class="external" href="http://jquery.com">jQuery</a> plugin for turning a
+	  	standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes.  
+	  	tablesorter can successfully parse and sort many types of data including linked data in a cell.  	  	
+		It has many useful features including:
+	</p>
+  	
+  	<ul>
+  		<li>Multi-column sorting</li>
+  		<li>Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time.  <a href="example-parsers.html">Add your own easily</a></li>
+  		<!--
+		<li>Support for ROWSPAN and COLSPAN on TH elements</li>
+		-->
+  		<li>Support secondary "hidden" sorting (e.g., maintain alphabetical sort when sorting on other criteria)</li>
+  		<li>Extensibility via <a href="example-widgets.html">widget system</a></li>
+  		<li>Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+</li>	
+		<li>Small code size</li>
+
+  	</ul>
+  
+	<a name="Demo"></a>
+	<h1>Demo</h1>
+
+	<table id="tablesorter-demo" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
+		<thead>
+			<tr>
+				<th>First Name</th>
+				<th>Last Name</th>
+				<th>Age</th>
+				<th>Total</th>
+				<th>Discount</th>
+				<th>Difference</th>
+				<th>Date</th>
+			</tr>
+		</thead>
+		<tbody>
+			<tr>
+				<td>Peter</td>
+				<td>Parker</td>
+				<td>28</td>
+				<td>$9.99</td>
+				<td>20.9%</td>
+				<td>+12.1</td>
+				<td>Jul 6, 2006 8:14 AM</td>
+			</tr>
+			<tr>
+				<td>John</td>
+				<td>Hood</td>
+				<td>33</td>
+				<td>$19.99</td>
+				<td>25%</td>
+				<td>+12</td>
+				<td>Dec 10, 2002 5:14 AM</td>
+			</tr>
+			<tr>
+				<td>Clark</td>
+				<td>Kent</td>
+				<td>18</td>
+				<td>$15.89</td>
+				<td>44%</td>
+				<td>-26</td>
+				<td>Jan 12, 2003 11:14 AM</td>
+			</tr>
+			<tr>
+				<td>Bruce</td>
+				<td>Almighty</td>
+				<td>45</td>
+				<td>$153.19</td>
+				<td>44.7%</td>
+				<td>+77</td>
+				<td>Jan 18, 2001 9:12 AM</td>
+			</tr>
+			<tr>
+				<td>Bruce</td>
+				<td>Evans</td>
+				<td>22</td>
+				<td>$13.19</td>
+				<td>11%</td>
+				<td>-100.9</td>
+				<td>Jan 18, 2007 9:12 AM</td>
+			</tr>
+			<tr>
+				<td>Bruce</td>
+				<td>Evans</td>
+				<td>22</td>
+				<td>$13.19</td>
+				<td>11%</td>
+				<td>0</td>
+				<td>Jan 18, 2007 9:12 AM</td>
+			</tr>
+		</tbody>
+	</table>
+	
+	<p class="tip">
+		<em>TIP!</em> Sort multiple columns simultaneously by holding down the shift key and clicking a second, third or even fourth column header!
+	</p>	
+	
+	
+		<a name="Getting-Started"></a>
+	<h1>Getting started</h1>
+	<p>
+		To use the tablesorter plugin, include the <a class="external" href="http://jquery.com">jQuery</a>
+		library and the tablesorter plugin inside the <code>&lt;head&gt;</code> tag
+		of your HTML document:
+	</p>
+	
+<pre class="javascript">
+&lt;script type=&quot;text/javascript&quot; src=&quot;/path/to/jquery-latest.js&quot;&gt;&lt;/script&gt;
+&lt;script type=&quot;text/javascript&quot; src=&quot;/path/to/jquery.tablesorter.js&quot;&gt;&lt;/script&gt;
+</pre>
+
+
+	<p>tablesorter works on standard HTML tables.  You must include THEAD and TBODY tags:</p>
+	
+	<pre class="html">
+&lt;table id="myTable" class="tablesorter"&gt;
+&lt;thead&gt;
+&lt;tr&gt;
+	&lt;th&gt;Last Name&lt;/th&gt;
+	&lt;th&gt;First Name&lt;/th&gt;
+	&lt;th&gt;Email&lt;/th&gt;
+	&lt;th&gt;Due&lt;/th&gt;
+	&lt;th&gt;Web Site&lt;/th&gt;
+&lt;/tr&gt;
+&lt;/thead&gt;
+&lt;tbody&gt;
+&lt;tr&gt;
+	&lt;td&gt;Smith&lt;/td&gt;
+	&lt;td&gt;John&lt;/td&gt;
+	&lt;td&gt;jsmith@gmail.com&lt;/td&gt;
+	&lt;td&gt;$50.00&lt;/td&gt;
+	&lt;td&gt;http://www.jsmith.com&lt;/td&gt;
+&lt;/tr&gt;
+&lt;tr&gt;
+	&lt;td&gt;Bach&lt;/td&gt;
+	&lt;td&gt;Frank&lt;/td&gt;
+	&lt;td&gt;fbach@yahoo.com&lt;/td&gt;
+	&lt;td&gt;$50.00&lt;/td&gt;
+	&lt;td&gt;http://www.frank.com&lt;/td&gt;
+&lt;/tr&gt;
+&lt;tr&gt;
+	&lt;td&gt;Doe&lt;/td&gt;
+	&lt;td&gt;Jason&lt;/td&gt;
+	&lt;td&gt;jdoe@hotmail.com&lt;/td&gt;
+	&lt;td&gt;$100.00&lt;/td&gt;
+	&lt;td&gt;http://www.jdoe.com&lt;/td&gt;
+&lt;/tr&gt;
+&lt;tr&gt;
+	&lt;td&gt;Conway&lt;/td&gt;
+	&lt;td&gt;Tim&lt;/td&gt;
+	&lt;td&gt;tconway@earthlink.net&lt;/td&gt;
+	&lt;td&gt;$50.00&lt;/td&gt;
+	&lt;td&gt;http://www.timconway.com&lt;/td&gt;
+&lt;/tr&gt;
+&lt;/tbody&gt;
+&lt;/table&gt;
+	</pre>
+
+
+	<p>Start by telling tablesorter to sort your table when the document is loaded:</p>
+	
+	
+	
+	
+	<pre class="javascript">
+$(document).ready(function()
+	{
+		$("#myTable").tablesorter();
+	}
+);
+	</pre>
+	
+	<p>
+		Click on the headers and you'll see that your table is now sortable!  You can 
+		also pass in configuration options when you initialize the table.  This tells
+		tablesorter to sort on the first and second column in ascending order.
+	</p>
+
+
+
+	<pre class="javascript">
+$(document).ready(function()
+	{
+		$("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} );
+	}
+);
+	</pre>
+	
+	<p class="tip">
+		<em>NOTE!</em> tablesorter will auto-detect most data types including numbers, dates, ip-adresses for more information see <a href="#Examples">Examples</a>
+	</p>
+	
+	
+	
+
+
+	<a name="Examples"></a>
+    <h1>Examples</h1>
+    <p>	
+		These examples will show what's possible with tablesorter.  You need Javascript enabled to 
+		run these samples, just like you and your users will need Javascript enabled to use tablesorter.
+	</p>
+	
+    <strong>Basic</strong>
+	<ul>
+		<li><a href="example-option-sort-list.html">Set a initial sorting order using options</a></li>
+		<li><a href="example-option-digits.html">Dealing with digits!</a></li>
+		<li><a href="example-options-headers.html">Disable header using options</a></li>
+		<li><a href="example-trigger-sort.html">Sort table using a link outside the table</a></li>	
+		<li><a href="example-option-sort-force.html">Force a default sorting order</a></li>
+		<li><a href="example-option-sort-key.html">Change the default multi-sorting key</a></li>	
+		<li><a href="example-attribute-sort.html">Sorting on a table cell attribute</a></li>	
+	</ul>
+	<strong>Metadata - setting inline options</strong>
+	<ul>
+		<li><a href="example-meta-sort-list.html">Set a initial sorting order using metadata</a></li>
+		<li><a href="example-meta-headers.html">Disable header using metadata</a></li>
+		<li><a href="example-meta-parsers.html">Setting column parser using metadata</a></li>
+	</ul>	
+	
+	<strong>Advanced</strong>
+	<ul>
+		<li><a href="example-triggers.html">Triggers sortEnd and sortStart(Displaying sorting progress)</a></li>		
+		<li><a href="example-ajax.html">Appending table data with ajax</a></li>
+		<li><a href="example-empty-table.html">Initializing tablesorter on a empty table</a></li>
+		<li><a href="example-option-text-extraction.html">Dealing with markup inside cells</a></li>
+		<li><a href="example-extending-defaults.html">Extending default options</a></li>
+		<li><a href="example-option-debug.html">Enableing debug mode</a></li>
+		<li><a href="example-parsers.html">Parser, writing your own</a></li>
+		<li><a href="example-widgets.html">Widgets, writing your own</a></li>
+	</ul>
+	
+	<strong>Companion plugins</strong>
+	<ul>
+		<li><a href="example-pager.html">Pager plugin</a></li>
+	</ul>	
+	
+	
+
+	
+
+
+	<a name="Configuration"></a>
+	<h1>Configuration</h1>
+
+	<p>
+		tablesorter has many options you can pass in at initialization to achieve different effects:
+	</p>
+	
+
+
+  <table id="options" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
+    <thead>
+      <tr>
+        <th>Property</th>
+        <th>Type</th>
+        <th>Default</th>
+        <th>Description</th>
+        <th>Link</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>sortList</td>
+        <td>Array</td>
+        <td>null</td>
+        <td>An array of instructions for per-column sorting and direction in the format: <code>[[columnIndex, sortDirection], ... ]</code> where columnIndex is a zero-based index for your columns left-to-right and sortDirection is 0 for Ascending and 1 for Descending.  A valid argument that sorts ascending first by column 1 and then column 2 looks like: <code>[[0,0],[1,0]]</code></td>
+      	<td><a href="example-option-sort-list.html">Example</a></td>
+      </tr>
+      <!-- 
+      <tr>
+        <td>sortInitialOrder</td>
+        <td>String</td>
+        <td>asc</td>
+        <td>When clicking the header for the first time, the direction it sorts.  Valid arguments are "asc" for Ascending or "desc" for Descending.</td>
+        <td><a href="example-option-sort-order.html">Example</a></td>
+      </tr>
+      -->
+      <tr>
+        <td>sortMultiSortKey</td>
+        <td>String</td>
+        <td>shiftKey</td>
+        <td>The key used to select more than one column for multi-column sorting.  Defaults to the shift key.  Other options might be ctrlKey, altKey. <br/>Reference: <a class="external" href="http://developer.mozilla.org/en/docs/DOM:event#Properties">http://developer.mozilla.org/en/docs/DOM:event#Properties</a></td>
+      
+      	<td><a href="example-option-sort-key.html">Example</a></td>
+      </tr>
+      <tr>
+        <td>textExtraction</td>
+        <td>String Or Function</td>
+        <td>simple</td>
+        <td>
+        	Defines which method is used to extract data from a table cell for sorting.  
+        	Built-in options include "simple" and "complex".  Use complex if you have data marked up 
+        	inside of a table cell like: <code>&lt;td&gt;&lt;strong&gt;&lt;em&gt;123 Main Street&lt;/em&gt;&lt;/strong&gt;&lt;/td&gt;</code>.  
+        	Complex can be slow in large tables so consider writing your own text extraction function "myTextExtraction" which you define like:
+<pre class="javascript">
+var myTextExtraction = function(node) 
+{ 
+	// extract data from markup and return it 
+	return node.childNodes[0].childNodes[0].innerHTML;
+}
+$(document).ready(function()
+	{
+		$("#myTable").tableSorter( {textExtraction: myTextExtraction} );
+	}
+);
+</pre>  
+
+			tablesorter will pass a jQuery object containing the contents of the current cell for you to parse and return.  Thanks to Josh Nathanson for the examples.
+		</td>
+		<td><a href="example-option-text-extraction.html">Example</a></td>
+	  </tr>
+      <tr>
+        <td>headers</td>
+        <td>Object</td>
+        <td>null</td>
+        <td>
+        	An object of instructions for per-column controls in the format: <code>headers: { 0: { option: setting }, ... }</code>  For example, to disable 
+        	sorting on the first two columns of a table: <code>headers: { 0: { sorter: false}, 1: {sorter: false} }</code>
+        </td>
+        <td><a href="example-options-headers.html">Example</a></td>
+      </tr>
+      <tr>
+        <td>sortForce</td>
+        <td>Array</td>
+        <td>null</td>
+        <td>Use to add an additional forced sort that will be appended to the dynamic selections by the user.  For example, can be used to sort people alphabetically after some other user-selected sort that results in rows with the same value like dates or money due.  It can help prevent data from appearing as though it has a random secondary sort.</td>
+        <td><a href="example-option-sort-force.html">Example</a></td>
+      </tr>
+      <tr>
+        <td>widthFixed</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>Indicates if tablesorter should apply fixed widths to the table columns.  This is useful for the Pager companion.  Requires the <a href="#Download-Addons">jQuery dimension plugin</a> to work.</a></td>
+        <td><a href="example-pager.html">Example</a></td>
+      </tr>
+      <tr>
+        <td>cancelSelection</td>
+        <td>Boolean</td>
+        <td>true</td>
+        <td>Indicates if tablesorter should disable selection of text in the table header (TH).  Makes header behave more like a button.</td>
+		<td></td>
+      </tr>
+      <tr>
+        <td>cssHeader</td>
+        <td>String</td>
+        <td>"header"</td>
+        <td>The CSS style used to style the header in its unsorted state.  Example from the blue skin:
+<pre class="css">
+th.header {
+	background-image: url(../img/small.gif);	
+	cursor: pointer;
+	font-weight: bold;
+	background-repeat: no-repeat;
+	background-position: center left;
+	padding-left: 20px;
+	border-right: 1px solid #dad9c7;
+	margin-left: -1px;
+}
+</pre>        	
+        </td>
+		<td></td>
+      </tr>
+      <tr>
+        <td>cssAsc</td>
+        <td>String</td>
+        <td>"headerSortUp"</td>
+        <td>The CSS style used to style the header when sorting ascending.  Example from the blue skin:
+<pre class="css">
+th.headerSortUp {
+	background-image: url(../img/small_asc.gif);
+	background-color: #3399FF;
+}
+</pre>
+       </td>
+	   <td></td>
+      </tr>
+      <tr>
+        <td>cssDesc</td>
+        <td>String</td>
+        <td>"headerSortDown"</td>
+        <td>The CSS style used to style the header when sorting descending.  Example from the blue skin:
+<pre  class="css">
+th.headerSortDown {
+	background-image: url(../img/small_desc.gif);
+	background-color: #3399FF;
+}
+</pre>
+       </td>
+	   <td></td>
+      </tr>
+	  <tr>
+        <td>debug</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>
+        	Boolean flag indicating if tablesorter should display debuging information usefull for development.
+       </td>
+	   <td><a href="example-option-debug.html">Example</a></td>
+      </tr>
+    </tbody>
+  </table>
+	
+	
+	
+<a name="Download"></a>
+	<h1>Download</h1>
+	
+	<p><strong>Full release</strong> - Plugin, Documentation, Add-ons, Themes <a href="../jquery.tablesorter.zip">jquery.tablesorter.zip</a></p>
+	
+	
+	<p><strong>Pick n choose</strong> - Place at least the required files in a directory on your webserver that is accessible to a web browser.  Record this location.</p>
+	
+	<strong id="Download-Required">Required:</strong>
+	<ul>
+		<li><a class="external" href="http://docs.jquery.com/Downloading_jQuery#Download_jQuery">jQuery</a> (1.2.1 or higher)</li>
+		<li><a href="../jquery.tablesorter.min.js">jquery.tablesorter.min.js</a> (12kb, Minified for production)</li>
+	</ul>  
+		
+	<strong id="Download-Addons">Optional/Add-Ons:</strong>
+	<ul>
+		<li><a class="external" href="https://raw.githubusercontent.com/jquery-archive/jquery-metadata/master/jquery.metadata.js">metadata.js</a> (3,7kb <strong>Required for setting <a href="#Examples">inline options</a></strong>)</li>
+		<!--
+		<li><a class="external" href="http://dev.jquery.com/browser/trunk/plugins/dimensions/jquery.dimensions.
+.js?format=raw">jquery.dimensions.pack.js</a> (5,1kb, <a href="http://dean.edwards.name/packer/" class="external">packed</a>, for production. <strong>Required: for the <a href="example-pager.html">tablesorter pagination plugin</a></strong>)</li>
+		-->
+		<li><a href="../jquery.tablesorter.js">jquery.tablesorter.js</a> (17,7kb, for development)</li>
+		<li><a href="../addons/pager/jquery.tablesorter.pager.js">jquery.tablesorter.pager.js</a> (3,6kb, <a href="example-pager.html">tablesorter pagination plugin</a>)</li>
+	</ul>  
+	
+	<strong id="Download-Widgets">Widgets:</strong>
+	<ul>
+		<li><a class="external" href="http://www.jdempster.com/category/code/jquery/tablesortercookiewidget/">Cookie Widget</a>, By <a class="external" href="http://www.jdempster.com/">James Dempster</a></li>
+	</ul> 
+	
+	<strong id="Download-Themes">Themes:</strong>
+	<ul>
+		<li><a href="../themes/green/green.zip">Green Skin</a> - Images and CSS styles for green themed headers</li>
+		<li><a href="../themes/blue/blue.zip">Blue Skin</a> - Images and CSS styles for blue themed headers (as seen in the examples)</li>
+	</ul>  	
+
+  <a name="Compatibility"></a>
+  <h1>Browser Compatibility</h1>
+
+    <p>tablesorter has been tested successfully in the following browsers with Javascript enabled:</p>
+    <ul>
+    	<li>Firefox 2+</li>
+    	<li>Internet Explorer 6+</li>
+    	<li>Safari 2+</li>
+    	<li>Opera 9+</li>
+    	<li>Konqueror</li>
+    </ul>
+    
+    <p><a class="external" href="http://docs.jquery.com/Browser_Compatibility">jQuery Browser Compatibility</a></p>
+    
+    
+
+
+<a name="Support"></a>
+  <h1>Support</h1>
+  <p>
+        Support is available through the
+        <a class="external" href="http://jquery.com/discuss/">jQuery Mailing List</a>.  
+  </p>      
+  <p>Access to the jQuery Mailing List is also available through <a class="external" href="http://www.nabble.com/JQuery-f15494.html">Nabble Forums</a>.</p>
+
+
+  <a name="Credits"></a>
+  <h1>Credits</h1>
+  <p>
+  	Written by <a class="external" href="http://lovepeacenukes.com">Christian Bach</a>.
+  </p>
+  <p>
+	Documentation written by <a class="external" href="http://www.ghidinelli.com">Brian Ghidinelli</a>, 
+  	based on <a class="external" href="http://malsup.com/jquery/">Mike Alsup's</a> great documention.
+  </p>
+  <p>
+	<a class="external" href="http://ejohn.org">John Resig</a> for the fantastic <a class="external" href="http://jquery.com">jQuery</a>		
+  </p>
+</div>
+
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-2189649-2";
+urchinTracker();
+</script>
+</body>
+</html>
+

tracim/tracim/public/assets/tablesorter/docs/js/docs.js

+/* Stop IE flicker */
+if ($.browser.msie == true) document.execCommand('BackgroundImageCache', false, true);
+ChiliBook.recipeFolder     = "js/chili/";
+ChiliBook.stylesheetFolder = "js/chili/"
+
+jQuery.fn.antispam = function() {
+  return this.each(function(){
+	var email = $(this).text().toLowerCase().replace(/\sdot/g,'.').replace(/\sat/g,'@').replace(/\s+/g,'');
+	var URI = "mailto:" + email;
+	$(this).hide().before(
+		$("<a></a>").attr("href",URI).addClass("external").text(email)
+	);
+  });
+};
+
+
+$(function() {
+	$("pre.javascript").chili();
+	$("pre.html").chili();
+	$("pre.css").chili();
+	$("a.external").each(function() {this.target = '_new'});	
+	$("span.email").antispam();
+});

tracim/tracim/public/assets/tablesorter/docs/js/examples.js

+$(function() {
+
+	// get javascript source
+	$("#javascript pre").text($("#js").html());
+	
+	if($("#demo").size() > 0) {
+		// old school chaining...
+		var html = $("#demo").html()
+				.toLowerCase()
+				.replace(/\n|\t|\r/g,'')
+				.replace(/<td/g,'\t\t\t<td')
+				.replace(/<\/td>/g,'</td>\n')
+				.replace(/<th/g,'\t\t\t<th')
+				.replace(/<\/th>/g,'</th>\n')
+				.replace(/<\/tr>/g,'\t\t</tr>')
+				.replace(/<tr>/g,'\n\t\t<tr>\n')
+				.replace(/<thead/g,'\n\t<thead>')
+				.replace(/<\/thead>/g,'\n\t</thead>')
+				.replace(/<tbody/g,'\n\t<tbody')
+				.replace(/<\/tbody>/g,'\n\t</tbody>')
+				.replace(/<\/table>/g,'\n</table>')
+				.replace(/-->/g,'-->\n');
+				
+		$("#html pre").text(html);
+	}
+	$("pre.javascript").chili();
+	$("pre.html").chili();
+	$("pre.css").chili();
+});

tracim/tracim/public/assets/tablesorter/jquery-latest.js

+/*!
+ * jQuery JavaScript Library v1.4.2
+ * http://jquery.com/
+ *
+ * Copyright 2010, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2010, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Sat Feb 13 22:33:48 2010 -0500
+ */
+(function(A,w){function ma(){if(!c.isReady){try{s.documentElement.doScroll("left")}catch(a){setTimeout(ma,1);return}c.ready()}}function Qa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function X(a,b,d,f,e,j){var i=a.length;if(typeof b==="object"){for(var o in b)X(a,o,b[o],f,e,d);return a}if(d!==w){f=!j&&f&&c.isFunction(d);for(o=0;o<i;o++)e(a[o],b,f?d.call(a[o],o,e(a[o],b)):d,j);return a}return i?
+e(a[0],b):w}function J(){return(new Date).getTime()}function Y(){return false}function Z(){return true}function na(a,b,d){d[0].type=a;return c.event.handle.apply(b,d)}function oa(a){var b,d=[],f=[],e=arguments,j,i,o,k,n,r;i=c.data(this,"events");if(!(a.liveFired===this||!i||!i.live||a.button&&a.type==="click")){a.liveFired=this;var u=i.live.slice(0);for(k=0;k<u.length;k++){i=u[k];i.origType.replace(O,"")===a.type?f.push(i.selector):u.splice(k--,1)}j=c(a.target).closest(f,a.currentTarget);n=0;for(r=
+j.length;n<r;n++)for(k=0;k<u.length;k++){i=u[k];if(j[n].selector===i.selector){o=j[n].elem;f=null;if(i.preType==="mouseenter"||i.preType==="mouseleave")f=c(a.relatedTarget).closest(i.selector)[0];if(!f||f!==o)d.push({elem:o,handleObj:i})}}n=0;for(r=d.length;n<r;n++){j=d[n];a.currentTarget=j.elem;a.data=j.handleObj.data;a.handleObj=j.handleObj;if(j.handleObj.origHandler.apply(j.elem,e)===false){b=false;break}}return b}}function pa(a,b){return"live."+(a&&a!=="*"?a+".":"")+b.replace(/\./g,"`").replace(/ /g,
+"&")}function qa(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function ra(a,b){var d=0;b.each(function(){if(this.nodeName===(a[d]&&a[d].nodeName)){var f=c.data(a[d++]),e=c.data(this,f);if(f=f&&f.events){delete e.handle;e.events={};for(var j in f)for(var i in f[j])c.event.add(this,j,f[j][i],f[j][i].data)}}})}function sa(a,b,d){var f,e,j;b=b&&b[0]?b[0].ownerDocument||b[0]:s;if(a.length===1&&typeof a[0]==="string"&&a[0].length<512&&b===s&&!ta.test(a[0])&&(c.support.checkClone||!ua.test(a[0]))){e=
+true;if(j=c.fragments[a[0]])if(j!==1)f=j}if(!f){f=b.createDocumentFragment();c.clean(a,b,f,d)}if(e)c.fragments[a[0]]=j?f:1;return{fragment:f,cacheable:e}}function K(a,b){var d={};c.each(va.concat.apply([],va.slice(0,b)),function(){d[this]=a});return d}function wa(a){return"scrollTo"in a&&a.document?a:a.nodeType===9?a.defaultView||a.parentWindow:false}var c=function(a,b){return new c.fn.init(a,b)},Ra=A.jQuery,Sa=A.$,s=A.document,T,Ta=/^[^<]*(<[\w\W]+>)[^>]*$|^#([\w-]+)$/,Ua=/^.[^:#\[\.,]*$/,Va=/\S/,
+Wa=/^(\s|\u00A0)+|(\s|\u00A0)+$/g,Xa=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,P=navigator.userAgent,xa=false,Q=[],L,$=Object.prototype.toString,aa=Object.prototype.hasOwnProperty,ba=Array.prototype.push,R=Array.prototype.slice,ya=Array.prototype.indexOf;c.fn=c.prototype={init:function(a,b){var d,f;if(!a)return this;if(a.nodeType){this.context=this[0]=a;this.length=1;return this}if(a==="body"&&!b){this.context=s;this[0]=s.body;this.selector="body";this.length=1;return this}if(typeof a==="string")if((d=Ta.exec(a))&&
+(d[1]||!b))if(d[1]){f=b?b.ownerDocument||b:s;if(a=Xa.exec(a))if(c.isPlainObject(b)){a=[s.createElement(a[1])];c.fn.attr.call(a,b,true)}else a=[f.createElement(a[1])];else{a=sa([d[1]],[f]);a=(a.cacheable?a.fragment.cloneNode(true):a.fragment).childNodes}return c.merge(this,a)}else{if(b=s.getElementById(d[2])){if(b.id!==d[2])return T.find(a);this.length=1;this[0]=b}this.context=s;this.selector=a;return this}else if(!b&&/^\w+$/.test(a)){this.selector=a;this.context=s;a=s.getElementsByTagName(a);return c.merge(this,
+a)}else return!b||b.jquery?(b||T).find(a):c(b).find(a);else if(c.isFunction(a))return T.ready(a);if(a.selector!==w){this.selector=a.selector;this.context=a.context}return c.makeArray(a,this)},selector:"",jquery:"1.4.2",length:0,size:function(){return this.length},toArray:function(){return R.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this.slice(a)[0]:this[a]},pushStack:function(a,b,d){var f=c();c.isArray(a)?ba.apply(f,a):c.merge(f,a);f.prevObject=this;f.context=this.context;if(b===
+"find")f.selector=this.selector+(this.selector?" ":"")+d;else if(b)f.selector=this.selector+"."+b+"("+d+")";return f},each:function(a,b){return c.each(this,a,b)},ready:function(a){c.bindReady();if(c.isReady)a.call(s,c);else Q&&Q.push(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(R.apply(this,arguments),"slice",R.call(arguments).join(","))},map:function(a){return this.pushStack(c.map(this,
+function(b,d){return a.call(b,d,b)}))},end:function(){return this.prevObject||c(null)},push:ba,sort:[].sort,splice:[].splice};c.fn.init.prototype=c.fn;c.extend=c.fn.extend=function(){var a=arguments[0]||{},b=1,d=arguments.length,f=false,e,j,i,o;if(typeof a==="boolean"){f=a;a=arguments[1]||{};b=2}if(typeof a!=="object"&&!c.isFunction(a))a={};if(d===b){a=this;--b}for(;b<d;b++)if((e=arguments[b])!=null)for(j in e){i=a[j];o=e[j];if(a!==o)if(f&&o&&(c.isPlainObject(o)||c.isArray(o))){i=i&&(c.isPlainObject(i)||
+c.isArray(i))?i:c.isArray(o)?[]:{};a[j]=c.extend(f,i,o)}else if(o!==w)a[j]=o}return a};c.extend({noConflict:function(a){A.$=Sa;if(a)A.jQuery=Ra;return c},isReady:false,ready:function(){if(!c.isReady){if(!s.body)return setTimeout(c.ready,13);c.isReady=true;if(Q){for(var a,b=0;a=Q[b++];)a.call(s,c);Q=null}c.fn.triggerHandler&&c(s).triggerHandler("ready")}},bindReady:function(){if(!xa){xa=true;if(s.readyState==="complete")return c.ready();if(s.addEventListener){s.addEventListener("DOMContentLoaded",
+L,false);A.addEventListener("load",c.ready,false)}else if(s.attachEvent){s.attachEvent("onreadystatechange",L);A.attachEvent("onload",c.ready);var a=false;try{a=A.frameElement==null}catch(b){}s.documentElement.doScroll&&a&&ma()}}},isFunction:function(a){return $.call(a)==="[object Function]"},isArray:function(a){return $.call(a)==="[object Array]"},isPlainObject:function(a){if(!a||$.call(a)!=="[object Object]"||a.nodeType||a.setInterval)return false;if(a.constructor&&!aa.call(a,"constructor")&&!aa.call(a.constructor.prototype,
+"isPrototypeOf"))return false;var b;for(b in a);return b===w||aa.call(a,b)},isEmptyObject:function(a){for(var b in a)return false;return true},error:function(a){throw a;},parseJSON:function(a){if(typeof a!=="string"||!a)return null;a=c.trim(a);if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return A.JSON&&A.JSON.parse?A.JSON.parse(a):(new Function("return "+
+a))();else c.error("Invalid JSON: "+a)},noop:function(){},globalEval:function(a){if(a&&Va.test(a)){var b=s.getElementsByTagName("head")[0]||s.documentElement,d=s.createElement("script");d.type="text/javascript";if(c.support.scriptEval)d.appendChild(s.createTextNode(a));else d.text=a;b.insertBefore(d,b.firstChild);b.removeChild(d)}},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,b,d){var f,e=0,j=a.length,i=j===w||c.isFunction(a);if(d)if(i)for(f in a){if(b.apply(a[f],
+d)===false)break}else for(;e<j;){if(b.apply(a[e++],d)===false)break}else if(i)for(f in a){if(b.call(a[f],f,a[f])===false)break}else for(d=a[0];e<j&&b.call(d,e,d)!==false;d=a[++e]);return a},trim:function(a){return(a||"").replace(Wa,"")},makeArray:function(a,b){b=b||[];if(a!=null)a.length==null||typeof a==="string"||c.isFunction(a)||typeof a!=="function"&&a.setInterval?ba.call(b,a):c.merge(b,a);return b},inArray:function(a,b){if(b.indexOf)return b.indexOf(a);for(var d=0,f=b.length;d<f;d++)if(b[d]===
+a)return d;return-1},merge:function(a,b){var d=a.length,f=0;if(typeof b.length==="number")for(var e=b.length;f<e;f++)a[d++]=b[f];else for(;b[f]!==w;)a[d++]=b[f++];a.length=d;return a},grep:function(a,b,d){for(var f=[],e=0,j=a.length;e<j;e++)!d!==!b(a[e],e)&&f.push(a[e]);return f},map:function(a,b,d){for(var f=[],e,j=0,i=a.length;j<i;j++){e=b(a[j],j,d);if(e!=null)f[f.length]=e}return f.concat.apply([],f)},guid:1,proxy:function(a,b,d){if(arguments.length===2)if(typeof b==="string"){d=a;a=d[b];b=w}else if(b&&
+!c.isFunction(b)){d=b;b=w}if(!b&&a)b=function(){return a.apply(d||this,arguments)};if(a)b.guid=a.guid=a.guid||b.guid||c.guid++;return b},uaMatch:function(a){a=a.toLowerCase();a=/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version)?[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||!/compatible/.test(a)&&/(mozilla)(?:.*? rv:([\w.]+))?/.exec(a)||[];return{browser:a[1]||"",version:a[2]||"0"}},browser:{}});P=c.uaMatch(P);if(P.browser){c.browser[P.browser]=true;c.browser.version=P.version}if(c.browser.webkit)c.browser.safari=
+true;if(ya)c.inArray=function(a,b){return ya.call(b,a)};T=c(s);if(s.addEventListener)L=function(){s.removeEventListener("DOMContentLoaded",L,false);c.ready()};else if(s.attachEvent)L=function(){if(s.readyState==="complete"){s.detachEvent("onreadystatechange",L);c.ready()}};(function(){c.support={};var a=s.documentElement,b=s.createElement("script"),d=s.createElement("div"),f="script"+J();d.style.display="none";d.innerHTML="   <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
+var e=d.getElementsByTagName("*"),j=d.getElementsByTagName("a")[0];if(!(!e||!e.length||!j)){c.support={leadingWhitespace:d.firstChild.nodeType===3,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/red/.test(j.getAttribute("style")),hrefNormalized:j.getAttribute("href")==="/a",opacity:/^0.55$/.test(j.style.opacity),cssFloat:!!j.style.cssFloat,checkOn:d.getElementsByTagName("input")[0].value==="on",optSelected:s.createElement("select").appendChild(s.createElement("option")).selected,
+parentNode:d.removeChild(d.appendChild(s.createElement("div"))).parentNode===null,deleteExpando:true,checkClone:false,scriptEval:false,noCloneEvent:true,boxModel:null};b.type="text/javascript";try{b.appendChild(s.createTextNode("window."+f+"=1;"))}catch(i){}a.insertBefore(b,a.firstChild);if(A[f]){c.support.scriptEval=true;delete A[f]}try{delete b.test}catch(o){c.support.deleteExpando=false}a.removeChild(b);if(d.attachEvent&&d.fireEvent){d.attachEvent("onclick",function k(){c.support.noCloneEvent=
+false;d.detachEvent("onclick",k)});d.cloneNode(true).fireEvent("onclick")}d=s.createElement("div");d.innerHTML="<input type='radio' name='radiotest' checked='checked'/>";a=s.createDocumentFragment();a.appendChild(d.firstChild);c.support.checkClone=a.cloneNode(true).cloneNode(true).lastChild.checked;c(function(){var k=s.createElement("div");k.style.width=k.style.paddingLeft="1px";s.body.appendChild(k);c.boxModel=c.support.boxModel=k.offsetWidth===2;s.body.removeChild(k).style.display="none"});a=function(k){var n=
+s.createElement("div");k="on"+k;var r=k in n;if(!r){n.setAttribute(k,"return;");r=typeof n[k]==="function"}return r};c.support.submitBubbles=a("submit");c.support.changeBubbles=a("change");a=b=d=e=j=null}})();c.props={"for":"htmlFor","class":"className",readonly:"readOnly",maxlength:"maxLength",cellspacing:"cellSpacing",rowspan:"rowSpan",colspan:"colSpan",tabindex:"tabIndex",usemap:"useMap",frameborder:"frameBorder"};var G="jQuery"+J(),Ya=0,za={};c.extend({cache:{},expando:G,noData:{embed:true,object:true,
+applet:true},data:function(a,b,d){if(!(a.nodeName&&c.noData[a.nodeName.toLowerCase()])){a=a==A?za:a;var f=a[G],e=c.cache;if(!f&&typeof b==="string"&&d===w)return null;f||(f=++Ya);if(typeof b==="object"){a[G]=f;e[f]=c.extend(true,{},b)}else if(!e[f]){a[G]=f;e[f]={}}a=e[f];if(d!==w)a[b]=d;return typeof b==="string"?a[b]:a}},removeData:function(a,b){if(!(a.nodeName&&c.noData[a.nodeName.toLowerCase()])){a=a==A?za:a;var d=a[G],f=c.cache,e=f[d];if(b){if(e){delete e[b];c.isEmptyObject(e)&&c.removeData(a)}}else{if(c.support.deleteExpando)delete a[c.expando];
+else a.removeAttribute&&a.removeAttribute(c.expando);delete f[d]}}}});c.fn.extend({data:function(a,b){if(typeof a==="undefined"&&this.length)return c.data(this[0]);else if(typeof a==="object")return this.each(function(){c.data(this,a)});var d=a.split(".");d[1]=d[1]?"."+d[1]:"";if(b===w){var f=this.triggerHandler("getData"+d[1]+"!",[d[0]]);if(f===w&&this.length)f=c.data(this[0],a);return f===w&&d[1]?this.data(d[0]):f}else return this.trigger("setData"+d[1]+"!",[d[0],b]).each(function(){c.data(this,
+a,b)})},removeData:function(a){return this.each(function(){c.removeData(this,a)})}});c.extend({queue:function(a,b,d){if(a){b=(b||"fx")+"queue";var f=c.data(a,b);if(!d)return f||[];if(!f||c.isArray(d))f=c.data(a,b,c.makeArray(d));else f.push(d);return f}},dequeue:function(a,b){b=b||"fx";var d=c.queue(a,b),f=d.shift();if(f==="inprogress")f=d.shift();if(f){b==="fx"&&d.unshift("inprogress");f.call(a,function(){c.dequeue(a,b)})}}});c.fn.extend({queue:function(a,b){if(typeof a!=="string"){b=a;a="fx"}if(b===
+w)return c.queue(this[0],a);return this.each(function(){var d=c.queue(this,a,b);a==="fx"&&d[0]!=="inprogress"&&c.dequeue(this,a)})},dequeue:function(a){return this.each(function(){c.dequeue(this,a)})},delay:function(a,b){a=c.fx?c.fx.speeds[a]||a:a;b=b||"fx";return this.queue(b,function(){var d=this;setTimeout(function(){c.dequeue(d,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])}});var Aa=/[\n\t]/g,ca=/\s+/,Za=/\r/g,$a=/href|src|style/,ab=/(button|input)/i,bb=/(button|input|object|select|textarea)/i,
+cb=/^(a|area)$/i,Ba=/radio|checkbox/;c.fn.extend({attr:function(a,b){return X(this,a,b,true,c.attr)},removeAttr:function(a){return this.each(function(){c.attr(this,a,"");this.nodeType===1&&this.removeAttribute(a)})},addClass:function(a){if(c.isFunction(a))return this.each(function(n){var r=c(this);r.addClass(a.call(this,n,r.attr("class")))});if(a&&typeof a==="string")for(var b=(a||"").split(ca),d=0,f=this.length;d<f;d++){var e=this[d];if(e.nodeType===1)if(e.className){for(var j=" "+e.className+" ",
+i=e.className,o=0,k=b.length;o<k;o++)if(j.indexOf(" "+b[o]+" ")<0)i+=" "+b[o];e.className=c.trim(i)}else e.className=a}return this},removeClass:function(a){if(c.isFunction(a))return this.each(function(k){var n=c(this);n.removeClass(a.call(this,k,n.attr("class")))});if(a&&typeof a==="string"||a===w)for(var b=(a||"").split(ca),d=0,f=this.length;d<f;d++){var e=this[d];if(e.nodeType===1&&e.className)if(a){for(var j=(" "+e.className+" ").replace(Aa," "),i=0,o=b.length;i<o;i++)j=j.replace(" "+b[i]+" ",
+" ");e.className=c.trim(j)}else e.className=""}return this},toggleClass:function(a,b){var d=typeof a,f=typeof b==="boolean";if(c.isFunction(a))return this.each(function(e){var j=c(this);j.toggleClass(a.call(this,e,j.attr("class"),b),b)});return this.each(function(){if(d==="string")for(var e,j=0,i=c(this),o=b,k=a.split(ca);e=k[j++];){o=f?o:!i.hasClass(e);i[o?"addClass":"removeClass"](e)}else if(d==="undefined"||d==="boolean"){this.className&&c.data(this,"__className__",this.className);this.className=
+this.className||a===false?"":c.data(this,"__className__")||""}})},hasClass:function(a){a=" "+a+" ";for(var b=0,d=this.length;b<d;b++)if((" "+this[b].className+" ").replace(Aa," ").indexOf(a)>-1)return true;return false},val:function(a){if(a===w){var b=this[0];if(b){if(c.nodeName(b,"option"))return(b.attributes.value||{}).specified?b.value:b.text;if(c.nodeName(b,"select")){var d=b.selectedIndex,f=[],e=b.options;b=b.type==="select-one";if(d<0)return null;var j=b?d:0;for(d=b?d+1:e.length;j<d;j++){var i=
+e[j];if(i.selected){a=c(i).val();if(b)return a;f.push(a)}}return f}if(Ba.test(b.type)&&!c.support.checkOn)return b.getAttribute("value")===null?"on":b.value;return(b.value||"").replace(Za,"")}return w}var o=c.isFunction(a);return this.each(function(k){var n=c(this),r=a;if(this.nodeType===1){if(o)r=a.call(this,k,n.val());if(typeof r==="number")r+="";if(c.isArray(r)&&Ba.test(this.type))this.checked=c.inArray(n.val(),r)>=0;else if(c.nodeName(this,"select")){var u=c.makeArray(r);c("option",this).each(function(){this.selected=
+c.inArray(c(this).val(),u)>=0});if(!u.length)this.selectedIndex=-1}else this.value=r}})}});c.extend({attrFn:{val:true,css:true,html:true,text:true,data:true,width:true,height:true,offset:true},attr:function(a,b,d,f){if(!a||a.nodeType===3||a.nodeType===8)return w;if(f&&b in c.attrFn)return c(a)[b](d);f=a.nodeType!==1||!c.isXMLDoc(a);var e=d!==w;b=f&&c.props[b]||b;if(a.nodeType===1){var j=$a.test(b);if(b in a&&f&&!j){if(e){b==="type"&&ab.test(a.nodeName)&&a.parentNode&&c.error("type property can't be changed");
+a[b]=d}if(c.nodeName(a,"form")&&a.getAttributeNode(b))return a.getAttributeNode(b).nodeValue;if(b==="tabIndex")return(b=a.getAttributeNode("tabIndex"))&&b.specified?b.value:bb.test(a.nodeName)||cb.test(a.nodeName)&&a.href?0:w;return a[b]}if(!c.support.style&&f&&b==="style"){if(e)a.style.cssText=""+d;return a.style.cssText}e&&a.setAttribute(b,""+d);a=!c.support.hrefNormalized&&f&&j?a.getAttribute(b,2):a.getAttribute(b);return a===null?w:a}return c.style(a,b,d)}});var O=/\.(.*)$/,db=function(a){return a.replace(/[^\w\s\.\|`]/g,
+function(b){return"\\"+b})};c.event={add:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){if(a.setInterval&&a!==A&&!a.frameElement)a=A;var e,j;if(d.handler){e=d;d=e.handler}if(!d.guid)d.guid=c.guid++;if(j=c.data(a)){var i=j.events=j.events||{},o=j.handle;if(!o)j.handle=o=function(){return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem,arguments):w};o.elem=a;b=b.split(" ");for(var k,n=0,r;k=b[n++];){j=e?c.extend({},e):{handler:d,data:f};if(k.indexOf(".")>-1){r=k.split(".");
+k=r.shift();j.namespace=r.slice(0).sort().join(".")}else{r=[];j.namespace=""}j.type=k;j.guid=d.guid;var u=i[k],z=c.event.special[k]||{};if(!u){u=i[k]=[];if(!z.setup||z.setup.call(a,f,r,o)===false)if(a.addEventListener)a.addEventListener(k,o,false);else a.attachEvent&&a.attachEvent("on"+k,o)}if(z.add){z.add.call(a,j);if(!j.handler.guid)j.handler.guid=d.guid}u.push(j);c.event.global[k]=true}a=null}}},global:{},remove:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){var e,j=0,i,o,k,n,r,u,z=c.data(a),
+C=z&&z.events;if(z&&C){if(b&&b.type){d=b.handler;b=b.type}if(!b||typeof b==="string"&&b.charAt(0)==="."){b=b||"";for(e in C)c.event.remove(a,e+b)}else{for(b=b.split(" ");e=b[j++];){n=e;i=e.indexOf(".")<0;o=[];if(!i){o=e.split(".");e=o.shift();k=new RegExp("(^|\\.)"+c.map(o.slice(0).sort(),db).join("\\.(?:.*\\.)?")+"(\\.|$)")}if(r=C[e])if(d){n=c.event.special[e]||{};for(B=f||0;B<r.length;B++){u=r[B];if(d.guid===u.guid){if(i||k.test(u.namespace)){f==null&&r.splice(B--,1);n.remove&&n.remove.call(a,u)}if(f!=
+null)break}}if(r.length===0||f!=null&&r.length===1){if(!n.teardown||n.teardown.call(a,o)===false)Ca(a,e,z.handle);delete C[e]}}else for(var B=0;B<r.length;B++){u=r[B];if(i||k.test(u.namespace)){c.event.remove(a,n,u.handler,B);r.splice(B--,1)}}}if(c.isEmptyObject(C)){if(b=z.handle)b.elem=null;delete z.events;delete z.handle;c.isEmptyObject(z)&&c.removeData(a)}}}}},trigger:function(a,b,d,f){var e=a.type||a;if(!f){a=typeof a==="object"?a[G]?a:c.extend(c.Event(e),a):c.Event(e);if(e.indexOf("!")>=0){a.type=
+e=e.slice(0,-1);a.exclusive=true}if(!d){a.stopPropagation();c.event.global[e]&&c.each(c.cache,function(){this.events&&this.events[e]&&c.event.trigger(a,b,this.handle.elem)})}if(!d||d.nodeType===3||d.nodeType===8)return w;a.result=w;a.target=d;b=c.makeArray(b);b.unshift(a)}a.currentTarget=d;(f=c.data(d,"handle"))&&f.apply(d,b);f=d.parentNode||d.ownerDocument;try{if(!(d&&d.nodeName&&c.noData[d.nodeName.toLowerCase()]))if(d["on"+e]&&d["on"+e].apply(d,b)===false)a.result=false}catch(j){}if(!a.isPropagationStopped()&&
+f)c.event.trigger(a,b,f,true);else if(!a.isDefaultPrevented()){f=a.target;var i,o=c.nodeName(f,"a")&&e==="click",k=c.event.special[e]||{};if((!k._default||k._default.call(d,a)===false)&&!o&&!(f&&f.nodeName&&c.noData[f.nodeName.toLowerCase()])){try{if(f[e]){if(i=f["on"+e])f["on"+e]=null;c.event.triggered=true;f[e]()}}catch(n){}if(i)f["on"+e]=i;c.event.triggered=false}}},handle:function(a){var b,d,f,e;a=arguments[0]=c.event.fix(a||A.event);a.currentTarget=this;b=a.type.indexOf(".")<0&&!a.exclusive;
+if(!b){d=a.type.split(".");a.type=d.shift();f=new RegExp("(^|\\.)"+d.slice(0).sort().join("\\.(?:.*\\.)?")+"(\\.|$)")}e=c.data(this,"events");d=e[a.type];if(e&&d){d=d.slice(0);e=0;for(var j=d.length;e<j;e++){var i=d[e];if(b||f.test(i.namespace)){a.handler=i.handler;a.data=i.data;a.handleObj=i;i=i.handler.apply(this,arguments);if(i!==w){a.result=i;if(i===false){a.preventDefault();a.stopPropagation()}}if(a.isImmediatePropagationStopped())break}}}return a.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
+fix:function(a){if(a[G])return a;var b=a;a=c.Event(b);for(var d=this.props.length,f;d;){f=this.props[--d];a[f]=b[f]}if(!a.target)a.target=a.srcElement||s;if(a.target.nodeType===3)a.target=a.target.parentNode;if(!a.relatedTarget&&a.fromElement)a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;if(a.pageX==null&&a.clientX!=null){b=s.documentElement;d=s.body;a.pageX=a.clientX+(b&&b.scrollLeft||d&&d.scrollLeft||0)-(b&&b.clientLeft||d&&d.clientLeft||0);a.pageY=a.clientY+(b&&b.scrollTop||
+d&&d.scrollTop||0)-(b&&b.clientTop||d&&d.clientTop||0)}if(!a.which&&(a.charCode||a.charCode===0?a.charCode:a.keyCode))a.which=a.charCode||a.keyCode;if(!a.metaKey&&a.ctrlKey)a.metaKey=a.ctrlKey;if(!a.which&&a.button!==w)a.which=a.button&1?1:a.button&2?3:a.button&4?2:0;return a},guid:1E8,proxy:c.proxy,special:{ready:{setup:c.bindReady,teardown:c.noop},live:{add:function(a){c.event.add(this,a.origType,c.extend({},a,{handler:oa}))},remove:function(a){var b=true,d=a.origType.replace(O,"");c.each(c.data(this,
+"events").live||[],function(){if(d===this.origType.replace(O,""))return b=false});b&&c.event.remove(this,a.origType,oa)}},beforeunload:{setup:function(a,b,d){if(this.setInterval)this.onbeforeunload=d;return false},teardown:function(a,b){if(this.onbeforeunload===b)this.onbeforeunload=null}}}};var Ca=s.removeEventListener?function(a,b,d){a.removeEventListener(b,d,false)}:function(a,b,d){a.detachEvent("on"+b,d)};c.Event=function(a){if(!this.preventDefault)return new c.Event(a);if(a&&a.type){this.originalEvent=
+a;this.type=a.type}else this.type=a;this.timeStamp=J();this[G]=true};c.Event.prototype={preventDefault:function(){this.isDefaultPrevented=Z;var a=this.originalEvent;if(a){a.preventDefault&&a.preventDefault();a.returnValue=false}},stopPropagation:function(){this.isPropagationStopped=Z;var a=this.originalEvent;if(a){a.stopPropagation&&a.stopPropagation();a.cancelBubble=true}},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=Z;this.stopPropagation()},isDefaultPrevented:Y,isPropagationStopped:Y,
+isImmediatePropagationStopped:Y};var Da=function(a){var b=a.relatedTarget;try{for(;b&&b!==this;)b=b.parentNode;if(b!==this){a.type=a.data;c.event.handle.apply(this,arguments)}}catch(d){}},Ea=function(a){a.type=a.data;c.event.handle.apply(this,arguments)};c.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){c.event.special[a]={setup:function(d){c.event.add(this,b,d&&d.selector?Ea:Da,a)},teardown:function(d){c.event.remove(this,b,d&&d.selector?Ea:Da)}}});if(!c.support.submitBubbles)c.event.special.submit=
+{setup:function(){if(this.nodeName.toLowerCase()!=="form"){c.event.add(this,"click.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="submit"||d==="image")&&c(b).closest("form").length)return na("submit",this,arguments)});c.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="text"||d==="password")&&c(b).closest("form").length&&a.keyCode===13)return na("submit",this,arguments)})}else return false},teardown:function(){c.event.remove(this,".specialSubmit")}};
+if(!c.support.changeBubbles){var da=/textarea|input|select/i,ea,Fa=function(a){var b=a.type,d=a.value;if(b==="radio"||b==="checkbox")d=a.checked;else if(b==="select-multiple")d=a.selectedIndex>-1?c.map(a.options,function(f){return f.selected}).join("-"):"";else if(a.nodeName.toLowerCase()==="select")d=a.selectedIndex;return d},fa=function(a,b){var d=a.target,f,e;if(!(!da.test(d.nodeName)||d.readOnly)){f=c.data(d,"_change_data");e=Fa(d);if(a.type!=="focusout"||d.type!=="radio")c.data(d,"_change_data",
+e);if(!(f===w||e===f))if(f!=null||e){a.type="change";return c.event.trigger(a,b,d)}}};c.event.special.change={filters:{focusout:fa,click:function(a){var b=a.target,d=b.type;if(d==="radio"||d==="checkbox"||b.nodeName.toLowerCase()==="select")return fa.call(this,a)},keydown:function(a){var b=a.target,d=b.type;if(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(d==="checkbox"||d==="radio")||d==="select-multiple")return fa.call(this,a)},beforeactivate:function(a){a=a.target;c.data(a,
+"_change_data",Fa(a))}},setup:function(){if(this.type==="file")return false;for(var a in ea)c.event.add(this,a+".specialChange",ea[a]);return da.test(this.nodeName)},teardown:function(){c.event.remove(this,".specialChange");return da.test(this.nodeName)}};ea=c.event.special.change.filters}s.addEventListener&&c.each({focus:"focusin",blur:"focusout"},function(a,b){function d(f){f=c.event.fix(f);f.type=b;return c.event.handle.call(this,f)}c.event.special[b]={setup:function(){this.addEventListener(a,
+d,true)},teardown:function(){this.removeEventListener(a,d,true)}}});c.each(["bind","one"],function(a,b){c.fn[b]=function(d,f,e){if(typeof d==="object"){for(var j in d)this[b](j,f,d[j],e);return this}if(c.isFunction(f)){e=f;f=w}var i=b==="one"?c.proxy(e,function(k){c(this).unbind(k,i);return e.apply(this,arguments)}):e;if(d==="unload"&&b!=="one")this.one(d,f,e);else{j=0;for(var o=this.length;j<o;j++)c.event.add(this[j],d,i,f)}return this}});c.fn.extend({unbind:function(a,b){if(typeof a==="object"&&
+!a.preventDefault)for(var d in a)this.unbind(d,a[d]);else{d=0;for(var f=this.length;d<f;d++)c.event.remove(this[d],a,b)}return this},delegate:function(a,b,d,f){return this.live(b,d,f,a)},undelegate:function(a,b,d){return arguments.length===0?this.unbind("live"):this.die(b,null,d,a)},trigger:function(a,b){return this.each(function(){c.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0]){a=c.Event(a);a.preventDefault();a.stopPropagation();c.event.trigger(a,b,this[0]);return a.result}},
+toggle:function(a){for(var b=arguments,d=1;d<b.length;)c.proxy(a,b[d++]);return this.click(c.proxy(a,function(f){var e=(c.data(this,"lastToggle"+a.guid)||0)%d;c.data(this,"lastToggle"+a.guid,e+1);f.preventDefault();return b[e].apply(this,arguments)||false}))},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var Ga={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};c.each(["live","die"],function(a,b){c.fn[b]=function(d,f,e,j){var i,o=0,k,n,r=j||this.selector,
+u=j?this:c(this.context);if(c.isFunction(f)){e=f;f=w}for(d=(d||"").split(" ");(i=d[o++])!=null;){j=O.exec(i);k="";if(j){k=j[0];i=i.replace(O,"")}if(i==="hover")d.push("mouseenter"+k,"mouseleave"+k);else{n=i;if(i==="focus"||i==="blur"){d.push(Ga[i]+k);i+=k}else i=(Ga[i]||i)+k;b==="live"?u.each(function(){c.event.add(this,pa(i,r),{data:f,selector:r,handler:e,origType:i,origHandler:e,preType:n})}):u.unbind(pa(i,r),e)}}return this}});c.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),
+function(a,b){c.fn[b]=function(d){return d?this.bind(b,d):this.trigger(b)};if(c.attrFn)c.attrFn[b]=true});A.attachEvent&&!A.addEventListener&&A.attachEvent("onunload",function(){for(var a in c.cache)if(c.cache[a].handle)try{c.event.remove(c.cache[a].handle.elem)}catch(b){}});(function(){function a(g){for(var h="",l,m=0;g[m];m++){l=g[m];if(l.nodeType===3||l.nodeType===4)h+=l.nodeValue;else if(l.nodeType!==8)h+=a(l.childNodes)}return h}function b(g,h,l,m,q,p){q=0;for(var v=m.length;q<v;q++){var t=m[q];
+if(t){t=t[g];for(var y=false;t;){if(t.sizcache===l){y=m[t.sizset];break}if(t.nodeType===1&&!p){t.sizcache=l;t.sizset=q}if(t.nodeName.toLowerCase()===h){y=t;break}t=t[g]}m[q]=y}}}function d(g,h,l,m,q,p){q=0;for(var v=m.length;q<v;q++){var t=m[q];if(t){t=t[g];for(var y=false;t;){if(t.sizcache===l){y=m[t.sizset];break}if(t.nodeType===1){if(!p){t.sizcache=l;t.sizset=q}if(typeof h!=="string"){if(t===h){y=true;break}}else if(k.filter(h,[t]).length>0){y=t;break}}t=t[g]}m[q]=y}}}var f=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
+e=0,j=Object.prototype.toString,i=false,o=true;[0,0].sort(function(){o=false;return 0});var k=function(g,h,l,m){l=l||[];var q=h=h||s;if(h.nodeType!==1&&h.nodeType!==9)return[];if(!g||typeof g!=="string")return l;for(var p=[],v,t,y,S,H=true,M=x(h),I=g;(f.exec(""),v=f.exec(I))!==null;){I=v[3];p.push(v[1]);if(v[2]){S=v[3];break}}if(p.length>1&&r.exec(g))if(p.length===2&&n.relative[p[0]])t=ga(p[0]+p[1],h);else for(t=n.relative[p[0]]?[h]:k(p.shift(),h);p.length;){g=p.shift();if(n.relative[g])g+=p.shift();
+t=ga(g,t)}else{if(!m&&p.length>1&&h.nodeType===9&&!M&&n.match.ID.test(p[0])&&!n.match.ID.test(p[p.length-1])){v=k.find(p.shift(),h,M);h=v.expr?k.filter(v.expr,v.set)[0]:v.set[0]}if(h){v=m?{expr:p.pop(),set:z(m)}:k.find(p.pop(),p.length===1&&(p[0]==="~"||p[0]==="+")&&h.parentNode?h.parentNode:h,M);t=v.expr?k.filter(v.expr,v.set):v.set;if(p.length>0)y=z(t);else H=false;for(;p.length;){var D=p.pop();v=D;if(n.relative[D])v=p.pop();else D="";if(v==null)v=h;n.relative[D](y,v,M)}}else y=[]}y||(y=t);y||k.error(D||
+g);if(j.call(y)==="[object Array]")if(H)if(h&&h.nodeType===1)for(g=0;y[g]!=null;g++){if(y[g]&&(y[g]===true||y[g].nodeType===1&&E(h,y[g])))l.push(t[g])}else for(g=0;y[g]!=null;g++)y[g]&&y[g].nodeType===1&&l.push(t[g]);else l.push.apply(l,y);else z(y,l);if(S){k(S,q,l,m);k.uniqueSort(l)}return l};k.uniqueSort=function(g){if(B){i=o;g.sort(B);if(i)for(var h=1;h<g.length;h++)g[h]===g[h-1]&&g.splice(h--,1)}return g};k.matches=function(g,h){return k(g,null,null,h)};k.find=function(g,h,l){var m,q;if(!g)return[];
+for(var p=0,v=n.order.length;p<v;p++){var t=n.order[p];if(q=n.leftMatch[t].exec(g)){var y=q[1];q.splice(1,1);if(y.substr(y.length-1)!=="\\"){q[1]=(q[1]||"").replace(/\\/g,"");m=n.find[t](q,h,l);if(m!=null){g=g.replace(n.match[t],"");break}}}}m||(m=h.getElementsByTagName("*"));return{set:m,expr:g}};k.filter=function(g,h,l,m){for(var q=g,p=[],v=h,t,y,S=h&&h[0]&&x(h[0]);g&&h.length;){for(var H in n.filter)if((t=n.leftMatch[H].exec(g))!=null&&t[2]){var M=n.filter[H],I,D;D=t[1];y=false;t.splice(1,1);if(D.substr(D.length-
+1)!=="\\"){if(v===p)p=[];if(n.preFilter[H])if(t=n.preFilter[H](t,v,l,p,m,S)){if(t===true)continue}else y=I=true;if(t)for(var U=0;(D=v[U])!=null;U++)if(D){I=M(D,t,U,v);var Ha=m^!!I;if(l&&I!=null)if(Ha)y=true;else v[U]=false;else if(Ha){p.push(D);y=true}}if(I!==w){l||(v=p);g=g.replace(n.match[H],"");if(!y)return[];break}}}if(g===q)if(y==null)k.error(g);else break;q=g}return v};k.error=function(g){throw"Syntax error, unrecognized expression: "+g;};var n=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF-]|\\.)+)/,
+CLASS:/\.((?:[\w\u00c0-\uFFFF-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(g){return g.getAttribute("href")}},
+relative:{"+":function(g,h){var l=typeof h==="string",m=l&&!/\W/.test(h);l=l&&!m;if(m)h=h.toLowerCase();m=0;for(var q=g.length,p;m<q;m++)if(p=g[m]){for(;(p=p.previousSibling)&&p.nodeType!==1;);g[m]=l||p&&p.nodeName.toLowerCase()===h?p||false:p===h}l&&k.filter(h,g,true)},">":function(g,h){var l=typeof h==="string";if(l&&!/\W/.test(h)){h=h.toLowerCase();for(var m=0,q=g.length;m<q;m++){var p=g[m];if(p){l=p.parentNode;g[m]=l.nodeName.toLowerCase()===h?l:false}}}else{m=0;for(q=g.length;m<q;m++)if(p=g[m])g[m]=
+l?p.parentNode:p.parentNode===h;l&&k.filter(h,g,true)}},"":function(g,h,l){var m=e++,q=d;if(typeof h==="string"&&!/\W/.test(h)){var p=h=h.toLowerCase();q=b}q("parentNode",h,m,g,p,l)},"~":function(g,h,l){var m=e++,q=d;if(typeof h==="string"&&!/\W/.test(h)){var p=h=h.toLowerCase();q=b}q("previousSibling",h,m,g,p,l)}},find:{ID:function(g,h,l){if(typeof h.getElementById!=="undefined"&&!l)return(g=h.getElementById(g[1]))?[g]:[]},NAME:function(g,h){if(typeof h.getElementsByName!=="undefined"){var l=[];
+h=h.getElementsByName(g[1]);for(var m=0,q=h.length;m<q;m++)h[m].getAttribute("name")===g[1]&&l.push(h[m]);return l.length===0?null:l}},TAG:function(g,h){return h.getElementsByTagName(g[1])}},preFilter:{CLASS:function(g,h,l,m,q,p){g=" "+g[1].replace(/\\/g,"")+" ";if(p)return g;p=0;for(var v;(v=h[p])!=null;p++)if(v)if(q^(v.className&&(" "+v.className+" ").replace(/[\t\n]/g," ").indexOf(g)>=0))l||m.push(v);else if(l)h[p]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()},
+CHILD:function(g){if(g[1]==="nth"){var h=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=h[1]+(h[2]||1)-0;g[3]=h[3]-0}g[0]=e++;return g},ATTR:function(g,h,l,m,q,p){h=g[1].replace(/\\/g,"");if(!p&&n.attrMap[h])g[1]=n.attrMap[h];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,h,l,m,q){if(g[1]==="not")if((f.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=k(g[3],null,null,h);else{g=k.filter(g[3],h,l,true^q);l||m.push.apply(m,
+g);return false}else if(n.match.POS.test(g[0])||n.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled===true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,h,l){return!!k(l[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)},
+text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"===g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}},
+setFilters:{first:function(g,h){return h===0},last:function(g,h,l,m){return h===m.length-1},even:function(g,h){return h%2===0},odd:function(g,h){return h%2===1},lt:function(g,h,l){return h<l[3]-0},gt:function(g,h,l){return h>l[3]-0},nth:function(g,h,l){return l[3]-0===h},eq:function(g,h,l){return l[3]-0===h}},filter:{PSEUDO:function(g,h,l,m){var q=h[1],p=n.filters[q];if(p)return p(g,l,h,m);else if(q==="contains")return(g.textContent||g.innerText||a([g])||"").indexOf(h[3])>=0;else if(q==="not"){h=
+h[3];l=0;for(m=h.length;l<m;l++)if(h[l]===g)return false;return true}else k.error("Syntax error, unrecognized expression: "+q)},CHILD:function(g,h){var l=h[1],m=g;switch(l){case "only":case "first":for(;m=m.previousSibling;)if(m.nodeType===1)return false;if(l==="first")return true;m=g;case "last":for(;m=m.nextSibling;)if(m.nodeType===1)return false;return true;case "nth":l=h[2];var q=h[3];if(l===1&&q===0)return true;h=h[0];var p=g.parentNode;if(p&&(p.sizcache!==h||!g.nodeIndex)){var v=0;for(m=p.firstChild;m;m=
+m.nextSibling)if(m.nodeType===1)m.nodeIndex=++v;p.sizcache=h}g=g.nodeIndex-q;return l===0?g===0:g%l===0&&g/l>=0}},ID:function(g,h){return g.nodeType===1&&g.getAttribute("id")===h},TAG:function(g,h){return h==="*"&&g.nodeType===1||g.nodeName.toLowerCase()===h},CLASS:function(g,h){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(h)>-1},ATTR:function(g,h){var l=h[1];g=n.attrHandle[l]?n.attrHandle[l](g):g[l]!=null?g[l]:g.getAttribute(l);l=g+"";var m=h[2];h=h[4];return g==null?m==="!=":m===
+"="?l===h:m==="*="?l.indexOf(h)>=0:m==="~="?(" "+l+" ").indexOf(h)>=0:!h?l&&g!==false:m==="!="?l!==h:m==="^="?l.indexOf(h)===0:m==="$="?l.substr(l.length-h.length)===h:m==="|="?l===h||l.substr(0,h.length+1)===h+"-":false},POS:function(g,h,l,m){var q=n.setFilters[h[2]];if(q)return q(g,l,h,m)}}},r=n.match.POS;for(var u in n.match){n.match[u]=new RegExp(n.match[u].source+/(?![^\[]*\])(?![^\(]*\))/.source);n.leftMatch[u]=new RegExp(/(^(?:.|\r|\n)*?)/.source+n.match[u].source.replace(/\\(\d+)/g,function(g,
+h){return"\\"+(h-0+1)}))}var z=function(g,h){g=Array.prototype.slice.call(g,0);if(h){h.push.apply(h,g);return h}return g};try{Array.prototype.slice.call(s.documentElement.childNodes,0)}catch(C){z=function(g,h){h=h||[];if(j.call(g)==="[object Array]")Array.prototype.push.apply(h,g);else if(typeof g.length==="number")for(var l=0,m=g.length;l<m;l++)h.push(g[l]);else for(l=0;g[l];l++)h.push(g[l]);return h}}var B;if(s.documentElement.compareDocumentPosition)B=function(g,h){if(!g.compareDocumentPosition||
+!h.compareDocumentPosition){if(g==h)i=true;return g.compareDocumentPosition?-1:1}g=g.compareDocumentPosition(h)&4?-1:g===h?0:1;if(g===0)i=true;return g};else if("sourceIndex"in s.documentElement)B=function(g,h){if(!g.sourceIndex||!h.sourceIndex){if(g==h)i=true;return g.sourceIndex?-1:1}g=g.sourceIndex-h.sourceIndex;if(g===0)i=true;return g};else if(s.createRange)B=function(g,h){if(!g.ownerDocument||!h.ownerDocument){if(g==h)i=true;return g.ownerDocument?-1:1}var l=g.ownerDocument.createRange(),m=
+h.ownerDocument.createRange();l.setStart(g,0);l.setEnd(g,0);m.setStart(h,0);m.setEnd(h,0);g=l.compareBoundaryPoints(Range.START_TO_END,m);if(g===0)i=true;return g};(function(){var g=s.createElement("div"),h="script"+(new Date).getTime();g.innerHTML="<a name='"+h+"'/>";var l=s.documentElement;l.insertBefore(g,l.firstChild);if(s.getElementById(h)){n.find.ID=function(m,q,p){if(typeof q.getElementById!=="undefined"&&!p)return(q=q.getElementById(m[1]))?q.id===m[1]||typeof q.getAttributeNode!=="undefined"&&
+q.getAttributeNode("id").nodeValue===m[1]?[q]:w:[]};n.filter.ID=function(m,q){var p=typeof m.getAttributeNode!=="undefined"&&m.getAttributeNode("id");return m.nodeType===1&&p&&p.nodeValue===q}}l.removeChild(g);l=g=null})();(function(){var g=s.createElement("div");g.appendChild(s.createComment(""));if(g.getElementsByTagName("*").length>0)n.find.TAG=function(h,l){l=l.getElementsByTagName(h[1]);if(h[1]==="*"){h=[];for(var m=0;l[m];m++)l[m].nodeType===1&&h.push(l[m]);l=h}return l};g.innerHTML="<a href='#'></a>";
+if(g.firstChild&&typeof g.firstChild.getAttribute!=="undefined"&&g.firstChild.getAttribute("href")!=="#")n.attrHandle.href=function(h){return h.getAttribute("href",2)};g=null})();s.querySelectorAll&&function(){var g=k,h=s.createElement("div");h.innerHTML="<p class='TEST'></p>";if(!(h.querySelectorAll&&h.querySelectorAll(".TEST").length===0)){k=function(m,q,p,v){q=q||s;if(!v&&q.nodeType===9&&!x(q))try{return z(q.querySelectorAll(m),p)}catch(t){}return g(m,q,p,v)};for(var l in g)k[l]=g[l];h=null}}();
+(function(){var g=s.createElement("div");g.innerHTML="<div class='test e'></div><div class='test'></div>";if(!(!g.getElementsByClassName||g.getElementsByClassName("e").length===0)){g.lastChild.className="e";if(g.getElementsByClassName("e").length!==1){n.order.splice(1,0,"CLASS");n.find.CLASS=function(h,l,m){if(typeof l.getElementsByClassName!=="undefined"&&!m)return l.getElementsByClassName(h[1])};g=null}}})();var E=s.compareDocumentPosition?function(g,h){return!!(g.compareDocumentPosition(h)&16)}:
+function(g,h){return g!==h&&(g.contains?g.contains(h):true)},x=function(g){return(g=(g?g.ownerDocument||g:0).documentElement)?g.nodeName!=="HTML":false},ga=function(g,h){var l=[],m="",q;for(h=h.nodeType?[h]:h;q=n.match.PSEUDO.exec(g);){m+=q[0];g=g.replace(n.match.PSEUDO,"")}g=n.relative[g]?g+"*":g;q=0;for(var p=h.length;q<p;q++)k(g,h[q],l);return k.filter(m,l)};c.find=k;c.expr=k.selectors;c.expr[":"]=c.expr.filters;c.unique=k.uniqueSort;c.text=a;c.isXMLDoc=x;c.contains=E})();var eb=/Until$/,fb=/^(?:parents|prevUntil|prevAll)/,
+gb=/,/;R=Array.prototype.slice;var Ia=function(a,b,d){if(c.isFunction(b))return c.grep(a,function(e,j){return!!b.call(e,j,e)===d});else if(b.nodeType)return c.grep(a,function(e){return e===b===d});else if(typeof b==="string"){var f=c.grep(a,function(e){return e.nodeType===1});if(Ua.test(b))return c.filter(b,f,!d);else b=c.filter(b,f)}return c.grep(a,function(e){return c.inArray(e,b)>=0===d})};c.fn.extend({find:function(a){for(var b=this.pushStack("","find",a),d=0,f=0,e=this.length;f<e;f++){d=b.length;
+c.find(a,this[f],b);if(f>0)for(var j=d;j<b.length;j++)for(var i=0;i<d;i++)if(b[i]===b[j]){b.splice(j--,1);break}}return b},has:function(a){var b=c(a);return this.filter(function(){for(var d=0,f=b.length;d<f;d++)if(c.contains(this,b[d]))return true})},not:function(a){return this.pushStack(Ia(this,a,false),"not",a)},filter:function(a){return this.pushStack(Ia(this,a,true),"filter",a)},is:function(a){return!!a&&c.filter(a,this).length>0},closest:function(a,b){if(c.isArray(a)){var d=[],f=this[0],e,j=
+{},i;if(f&&a.length){e=0;for(var o=a.length;e<o;e++){i=a[e];j[i]||(j[i]=c.expr.match.POS.test(i)?c(i,b||this.context):i)}for(;f&&f.ownerDocument&&f!==b;){for(i in j){e=j[i];if(e.jquery?e.index(f)>-1:c(f).is(e)){d.push({selector:i,elem:f});delete j[i]}}f=f.parentNode}}return d}var k=c.expr.match.POS.test(a)?c(a,b||this.context):null;return this.map(function(n,r){for(;r&&r.ownerDocument&&r!==b;){if(k?k.index(r)>-1:c(r).is(a))return r;r=r.parentNode}return null})},index:function(a){if(!a||typeof a===
+"string")return c.inArray(this[0],a?c(a):this.parent().children());return c.inArray(a.jquery?a[0]:a,this)},add:function(a,b){a=typeof a==="string"?c(a,b||this.context):c.makeArray(a);b=c.merge(this.get(),a);return this.pushStack(qa(a[0])||qa(b[0])?b:c.unique(b))},andSelf:function(){return this.add(this.prevObject)}});c.each({parent:function(a){return(a=a.parentNode)&&a.nodeType!==11?a:null},parents:function(a){return c.dir(a,"parentNode")},parentsUntil:function(a,b,d){return c.dir(a,"parentNode",
+d)},next:function(a){return c.nth(a,2,"nextSibling")},prev:function(a){return c.nth(a,2,"previousSibling")},nextAll:function(a){return c.dir(a,"nextSibling")},prevAll:function(a){return c.dir(a,"previousSibling")},nextUntil:function(a,b,d){return c.dir(a,"nextSibling",d)},prevUntil:function(a,b,d){return c.dir(a,"previousSibling",d)},siblings:function(a){return c.sibling(a.parentNode.firstChild,a)},children:function(a){return c.sibling(a.firstChild)},contents:function(a){return c.nodeName(a,"iframe")?
+a.contentDocument||a.contentWindow.document:c.makeArray(a.childNodes)}},function(a,b){c.fn[a]=function(d,f){var e=c.map(this,b,d);eb.test(a)||(f=d);if(f&&typeof f==="string")e=c.filter(f,e);e=this.length>1?c.unique(e):e;if((this.length>1||gb.test(f))&&fb.test(a))e=e.reverse();return this.pushStack(e,a,R.call(arguments).join(","))}});c.extend({filter:function(a,b,d){if(d)a=":not("+a+")";return c.find.matches(a,b)},dir:function(a,b,d){var f=[];for(a=a[b];a&&a.nodeType!==9&&(d===w||a.nodeType!==1||!c(a).is(d));){a.nodeType===
+1&&f.push(a);a=a[b]}return f},nth:function(a,b,d){b=b||1;for(var f=0;a;a=a[d])if(a.nodeType===1&&++f===b)break;return a},sibling:function(a,b){for(var d=[];a;a=a.nextSibling)a.nodeType===1&&a!==b&&d.push(a);return d}});var Ja=/ jQuery\d+="(?:\d+|null)"/g,V=/^\s+/,Ka=/(<([\w:]+)[^>]*?)\/>/g,hb=/^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i,La=/<([\w:]+)/,ib=/<tbody/i,jb=/<|&#?\w+;/,ta=/<script|<object|<embed|<option|<style/i,ua=/checked\s*(?:[^=]|=\s*.checked.)/i,Ma=function(a,b,d){return hb.test(d)?
+a:b+"></"+d+">"},F={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};F.optgroup=F.option;F.tbody=F.tfoot=F.colgroup=F.caption=F.thead;F.th=F.td;if(!c.support.htmlSerialize)F._default=[1,"div<div>","</div>"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d=
+c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==w)return this.empty().append((this[0]&&this[0].ownerDocument||s).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this,d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this},
+wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},
+prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a=c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,
+this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,f;(f=this[d])!=null;d++)if(!a||c.filter(a,[f]).length){if(!b&&f.nodeType===1){c.cleanData(f.getElementsByTagName("*"));c.cleanData([f])}f.parentNode&&f.parentNode.removeChild(f)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild);
+return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,f=this.ownerDocument;if(!d){d=f.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(Ja,"").replace(/=([^="'>\s]+\/)>/g,'="$1">').replace(V,"")],f)[0]}else return this.cloneNode(true)});if(a===true){ra(this,b);ra(this.find("*"),b.find("*"))}return b},html:function(a){if(a===w)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(Ja,
+""):null;else if(typeof a==="string"&&!ta.test(a)&&(c.support.leadingWhitespace||!V.test(a))&&!F[(La.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Ka,Ma);try{for(var b=0,d=this.length;b<d;b++)if(this[b].nodeType===1){c.cleanData(this[b].getElementsByTagName("*"));this[b].innerHTML=a}}catch(f){this.empty().append(a)}}else c.isFunction(a)?this.each(function(e){var j=c(this),i=j.html();j.empty().append(function(){return a.call(this,e,i)})}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&
+this[0].parentNode){if(c.isFunction(a))return this.each(function(b){var d=c(this),f=d.html();d.replaceWith(a.call(this,b,f))});if(typeof a!=="string")a=c(a).detach();return this.each(function(){var b=this.nextSibling,d=this.parentNode;c(this).remove();b?c(b).before(a):c(d).append(a)})}else return this.pushStack(c(c.isFunction(a)?a():a),"replaceWith",a)},detach:function(a){return this.remove(a,true)},domManip:function(a,b,d){function f(u){return c.nodeName(u,"table")?u.getElementsByTagName("tbody")[0]||
+u.appendChild(u.ownerDocument.createElement("tbody")):u}var e,j,i=a[0],o=[],k;if(!c.support.checkClone&&arguments.length===3&&typeof i==="string"&&ua.test(i))return this.each(function(){c(this).domManip(a,b,d,true)});if(c.isFunction(i))return this.each(function(u){var z=c(this);a[0]=i.call(this,u,b?z.html():w);z.domManip(a,b,d)});if(this[0]){e=i&&i.parentNode;e=c.support.parentNode&&e&&e.nodeType===11&&e.childNodes.length===this.length?{fragment:e}:sa(a,this,o);k=e.fragment;if(j=k.childNodes.length===
+1?(k=k.firstChild):k.firstChild){b=b&&c.nodeName(j,"tr");for(var n=0,r=this.length;n<r;n++)d.call(b?f(this[n],j):this[n],n>0||e.cacheable||this.length>1?k.cloneNode(true):k)}o.length&&c.each(o,Qa)}return this}});c.fragments={};c.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){c.fn[a]=function(d){var f=[];d=c(d);var e=this.length===1&&this[0].parentNode;if(e&&e.nodeType===11&&e.childNodes.length===1&&d.length===1){d[b](this[0]);
+return this}else{e=0;for(var j=d.length;e<j;e++){var i=(e>0?this.clone(true):this).get();c.fn[b].apply(c(d[e]),i);f=f.concat(i)}return this.pushStack(f,a,d.selector)}}});c.extend({clean:function(a,b,d,f){b=b||s;if(typeof b.createElement==="undefined")b=b.ownerDocument||b[0]&&b[0].ownerDocument||s;for(var e=[],j=0,i;(i=a[j])!=null;j++){if(typeof i==="number")i+="";if(i){if(typeof i==="string"&&!jb.test(i))i=b.createTextNode(i);else if(typeof i==="string"){i=i.replace(Ka,Ma);var o=(La.exec(i)||["",
+""])[1].toLowerCase(),k=F[o]||F._default,n=k[0],r=b.createElement("div");for(r.innerHTML=k[1]+i+k[2];n--;)r=r.lastChild;if(!c.support.tbody){n=ib.test(i);o=o==="table"&&!n?r.firstChild&&r.firstChild.childNodes:k[1]==="<table>"&&!n?r.childNodes:[];for(k=o.length-1;k>=0;--k)c.nodeName(o[k],"tbody")&&!o[k].childNodes.length&&o[k].parentNode.removeChild(o[k])}!c.support.leadingWhitespace&&V.test(i)&&r.insertBefore(b.createTextNode(V.exec(i)[0]),r.firstChild);i=r.childNodes}if(i.nodeType)e.push(i);else e=
+c.merge(e,i)}}if(d)for(j=0;e[j];j++)if(f&&c.nodeName(e[j],"script")&&(!e[j].type||e[j].type.toLowerCase()==="text/javascript"))f.push(e[j].parentNode?e[j].parentNode.removeChild(e[j]):e[j]);else{e[j].nodeType===1&&e.splice.apply(e,[j+1,0].concat(c.makeArray(e[j].getElementsByTagName("script"))));d.appendChild(e[j])}return e},cleanData:function(a){for(var b,d,f=c.cache,e=c.event.special,j=c.support.deleteExpando,i=0,o;(o=a[i])!=null;i++)if(d=o[c.expando]){b=f[d];if(b.events)for(var k in b.events)e[k]?
+c.event.remove(o,k):Ca(o,k,b.handle);if(j)delete o[c.expando];else o.removeAttribute&&o.removeAttribute(c.expando);delete f[d]}}});var kb=/z-?index|font-?weight|opacity|zoom|line-?height/i,Na=/alpha\([^)]*\)/,Oa=/opacity=([^)]*)/,ha=/float/i,ia=/-([a-z])/ig,lb=/([A-Z])/g,mb=/^-?\d+(?:px)?$/i,nb=/^-?\d/,ob={position:"absolute",visibility:"hidden",display:"block"},pb=["Left","Right"],qb=["Top","Bottom"],rb=s.defaultView&&s.defaultView.getComputedStyle,Pa=c.support.cssFloat?"cssFloat":"styleFloat",ja=
+function(a,b){return b.toUpperCase()};c.fn.css=function(a,b){return X(this,a,b,true,function(d,f,e){if(e===w)return c.curCSS(d,f);if(typeof e==="number"&&!kb.test(f))e+="px";c.style(d,f,e)})};c.extend({style:function(a,b,d){if(!a||a.nodeType===3||a.nodeType===8)return w;if((b==="width"||b==="height")&&parseFloat(d)<0)d=w;var f=a.style||a,e=d!==w;if(!c.support.opacity&&b==="opacity"){if(e){f.zoom=1;b=parseInt(d,10)+""==="NaN"?"":"alpha(opacity="+d*100+")";a=f.filter||c.curCSS(a,"filter")||"";f.filter=
+Na.test(a)?a.replace(Na,b):b}return f.filter&&f.filter.indexOf("opacity=")>=0?parseFloat(Oa.exec(f.filter)[1])/100+"":""}if(ha.test(b))b=Pa;b=b.replace(ia,ja);if(e)f[b]=d;return f[b]},css:function(a,b,d,f){if(b==="width"||b==="height"){var e,j=b==="width"?pb:qb;function i(){e=b==="width"?a.offsetWidth:a.offsetHeight;f!=="border"&&c.each(j,function(){f||(e-=parseFloat(c.curCSS(a,"padding"+this,true))||0);if(f==="margin")e+=parseFloat(c.curCSS(a,"margin"+this,true))||0;else e-=parseFloat(c.curCSS(a,
+"border"+this+"Width",true))||0})}a.offsetWidth!==0?i():c.swap(a,ob,i);return Math.max(0,Math.round(e))}return c.curCSS(a,b,d)},curCSS:function(a,b,d){var f,e=a.style;if(!c.support.opacity&&b==="opacity"&&a.currentStyle){f=Oa.test(a.currentStyle.filter||"")?parseFloat(RegExp.$1)/100+"":"";return f===""?"1":f}if(ha.test(b))b=Pa;if(!d&&e&&e[b])f=e[b];else if(rb){if(ha.test(b))b="float";b=b.replace(lb,"-$1").toLowerCase();e=a.ownerDocument.defaultView;if(!e)return null;if(a=e.getComputedStyle(a,null))f=
+a.getPropertyValue(b);if(b==="opacity"&&f==="")f="1"}else if(a.currentStyle){d=b.replace(ia,ja);f=a.currentStyle[b]||a.currentStyle[d];if(!mb.test(f)&&nb.test(f)){b=e.left;var j=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;e.left=d==="fontSize"?"1em":f||0;f=e.pixelLeft+"px";e.left=b;a.runtimeStyle.left=j}}return f},swap:function(a,b,d){var f={};for(var e in b){f[e]=a.style[e];a.style[e]=b[e]}d.call(a);for(e in b)a.style[e]=f[e]}});if(c.expr&&c.expr.filters){c.expr.filters.hidden=function(a){var b=
+a.offsetWidth,d=a.offsetHeight,f=a.nodeName.toLowerCase()==="tr";return b===0&&d===0&&!f?true:b>0&&d>0&&!f?false:c.curCSS(a,"display")==="none"};c.expr.filters.visible=function(a){return!c.expr.filters.hidden(a)}}var sb=J(),tb=/<script(.|\s)*?\/script>/gi,ub=/select|textarea/i,vb=/color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week/i,N=/=\?(&|$)/,ka=/\?/,wb=/(\?|&)_=.*?(&|$)/,xb=/^(\w+:)?\/\/([^\/?#]+)/,yb=/%20/g,zb=c.fn.load;c.fn.extend({load:function(a,b,d){if(typeof a!==
+"string")return zb.call(this,a);else if(!this.length)return this;var f=a.indexOf(" ");if(f>=0){var e=a.slice(f,a.length);a=a.slice(0,f)}f="GET";if(b)if(c.isFunction(b)){d=b;b=null}else if(typeof b==="object"){b=c.param(b,c.ajaxSettings.traditional);f="POST"}var j=this;c.ajax({url:a,type:f,dataType:"html",data:b,complete:function(i,o){if(o==="success"||o==="notmodified")j.html(e?c("<div />").append(i.responseText.replace(tb,"")).find(e):i.responseText);d&&j.each(d,[i.responseText,o,i])}});return this},
+serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||ub.test(this.nodeName)||vb.test(this.type))}).map(function(a,b){a=c(this).val();return a==null?null:c.isArray(a)?c.map(a,function(d){return{name:b.name,value:d}}):{name:b.name,value:a}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),
+function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:f})},getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:f})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href,
+global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:A.XMLHttpRequest&&(A.location.protocol!=="file:"||!A.ActiveXObject)?function(){return new A.XMLHttpRequest}:function(){try{return new A.ActiveXObject("Microsoft.XMLHTTP")}catch(a){}},accepts:{xml:"application/xml, text/xml",html:"text/html",script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},lastModified:{},etag:{},ajax:function(a){function b(){e.success&&
+e.success.call(k,o,i,x);e.global&&f("ajaxSuccess",[x,e])}function d(){e.complete&&e.complete.call(k,x,i);e.global&&f("ajaxComplete",[x,e]);e.global&&!--c.active&&c.event.trigger("ajaxStop")}function f(q,p){(e.context?c(e.context):c.event).trigger(q,p)}var e=c.extend(true,{},c.ajaxSettings,a),j,i,o,k=a&&a.context||e,n=e.type.toUpperCase();if(e.data&&e.processData&&typeof e.data!=="string")e.data=c.param(e.data,e.traditional);if(e.dataType==="jsonp"){if(n==="GET")N.test(e.url)||(e.url+=(ka.test(e.url)?
+"&":"?")+(e.jsonp||"callback")+"=?");else if(!e.data||!N.test(e.data))e.data=(e.data?e.data+"&":"")+(e.jsonp||"callback")+"=?";e.dataType="json"}if(e.dataType==="json"&&(e.data&&N.test(e.data)||N.test(e.url))){j=e.jsonpCallback||"jsonp"+sb++;if(e.data)e.data=(e.data+"").replace(N,"="+j+"$1");e.url=e.url.replace(N,"="+j+"$1");e.dataType="script";A[j]=A[j]||function(q){o=q;b();d();A[j]=w;try{delete A[j]}catch(p){}z&&z.removeChild(C)}}if(e.dataType==="script"&&e.cache===null)e.cache=false;if(e.cache===
+false&&n==="GET"){var r=J(),u=e.url.replace(wb,"$1_="+r+"$2");e.url=u+(u===e.url?(ka.test(e.url)?"&":"?")+"_="+r:"")}if(e.data&&n==="GET")e.url+=(ka.test(e.url)?"&":"?")+e.data;e.global&&!c.active++&&c.event.trigger("ajaxStart");r=(r=xb.exec(e.url))&&(r[1]&&r[1]!==location.protocol||r[2]!==location.host);if(e.dataType==="script"&&n==="GET"&&r){var z=s.getElementsByTagName("head")[0]||s.documentElement,C=s.createElement("script");C.src=e.url;if(e.scriptCharset)C.charset=e.scriptCharset;if(!j){var B=
+false;C.onload=C.onreadystatechange=function(){if(!B&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){B=true;b();d();C.onload=C.onreadystatechange=null;z&&C.parentNode&&z.removeChild(C)}}}z.insertBefore(C,z.firstChild);return w}var E=false,x=e.xhr();if(x){e.username?x.open(n,e.url,e.async,e.username,e.password):x.open(n,e.url,e.async);try{if(e.data||a&&a.contentType)x.setRequestHeader("Content-Type",e.contentType);if(e.ifModified){c.lastModified[e.url]&&x.setRequestHeader("If-Modified-Since",
+c.lastModified[e.url]);c.etag[e.url]&&x.setRequestHeader("If-None-Match",c.etag[e.url])}r||x.setRequestHeader("X-Requested-With","XMLHttpRequest");x.setRequestHeader("Accept",e.dataType&&e.accepts[e.dataType]?e.accepts[e.dataType]+", */*":e.accepts._default)}catch(ga){}if(e.beforeSend&&e.beforeSend.call(k,x,e)===false){e.global&&!--c.active&&c.event.trigger("ajaxStop");x.abort();return false}e.global&&f("ajaxSend",[x,e]);var g=x.onreadystatechange=function(q){if(!x||x.readyState===0||q==="abort"){E||
+d();E=true;if(x)x.onreadystatechange=c.noop}else if(!E&&x&&(x.readyState===4||q==="timeout")){E=true;x.onreadystatechange=c.noop;i=q==="timeout"?"timeout":!c.httpSuccess(x)?"error":e.ifModified&&c.httpNotModified(x,e.url)?"notmodified":"success";var p;if(i==="success")try{o=c.httpData(x,e.dataType,e)}catch(v){i="parsererror";p=v}if(i==="success"||i==="notmodified")j||b();else c.handleError(e,x,i,p);d();q==="timeout"&&x.abort();if(e.async)x=null}};try{var h=x.abort;x.abort=function(){x&&h.call(x);
+g("abort")}}catch(l){}e.async&&e.timeout>0&&setTimeout(function(){x&&!E&&g("timeout")},e.timeout);try{x.send(n==="POST"||n==="PUT"||n==="DELETE"?e.data:null)}catch(m){c.handleError(e,x,null,m);d()}e.async||g();return x}},handleError:function(a,b,d,f){if(a.error)a.error.call(a.context||a,b,d,f);if(a.global)(a.context?c(a.context):c.event).trigger("ajaxError",[b,a,f])},active:0,httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status===
+1223||a.status===0}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"),f=a.getResponseHeader("Etag");if(d)c.lastModified[b]=d;if(f)c.etag[b]=f;return a.status===304||a.status===0},httpData:function(a,b,d){var f=a.getResponseHeader("content-type")||"",e=b==="xml"||!b&&f.indexOf("xml")>=0;a=e?a.responseXML:a.responseText;e&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b===
+"json"||!b&&f.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&f.indexOf("javascript")>=0)c.globalEval(a);return a},param:function(a,b){function d(i,o){if(c.isArray(o))c.each(o,function(k,n){b||/\[\]$/.test(i)?f(i,n):d(i+"["+(typeof n==="object"||c.isArray(n)?k:"")+"]",n)});else!b&&o!=null&&typeof o==="object"?c.each(o,function(k,n){d(i+"["+k+"]",n)}):f(i,o)}function f(i,o){o=c.isFunction(o)?o():o;e[e.length]=encodeURIComponent(i)+"="+encodeURIComponent(o)}var e=[];if(b===w)b=c.ajaxSettings.traditional;
+if(c.isArray(a)||a.jquery)c.each(a,function(){f(this.name,this.value)});else for(var j in a)d(j,a[j]);return e.join("&").replace(yb,"+")}});var la={},Ab=/toggle|show|hide/,Bb=/^([+-]=)?([\d+-.]+)(.*)$/,W,va=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b){if(a||a===0)return this.animate(K("show",3),a,b);else{a=0;for(b=this.length;a<b;a++){var d=c.data(this[a],"olddisplay");
+this[a].style.display=d||"";if(c.css(this[a],"display")==="none"){d=this[a].nodeName;var f;if(la[d])f=la[d];else{var e=c("<"+d+" />").appendTo("body");f=e.css("display");if(f==="none")f="block";e.remove();la[d]=f}c.data(this[a],"olddisplay",f)}}a=0;for(b=this.length;a<b;a++)this[a].style.display=c.data(this[a],"olddisplay")||"";return this}},hide:function(a,b){if(a||a===0)return this.animate(K("hide",3),a,b);else{a=0;for(b=this.length;a<b;a++){var d=c.data(this[a],"olddisplay");!d&&d!=="none"&&c.data(this[a],
+"olddisplay",c.css(this[a],"display"))}a=0;for(b=this.length;a<b;a++)this[a].style.display="none";return this}},_toggle:c.fn.toggle,toggle:function(a,b){var d=typeof a==="boolean";if(c.isFunction(a)&&c.isFunction(b))this._toggle.apply(this,arguments);else a==null||d?this.each(function(){var f=d?a:c(this).is(":hidden");c(this)[f?"show":"hide"]()}):this.animate(K("toggle",3),a,b);return this},fadeTo:function(a,b,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,d)},
+animate:function(a,b,d,f){var e=c.speed(b,d,f);if(c.isEmptyObject(a))return this.each(e.complete);return this[e.queue===false?"each":"queue"](function(){var j=c.extend({},e),i,o=this.nodeType===1&&c(this).is(":hidden"),k=this;for(i in a){var n=i.replace(ia,ja);if(i!==n){a[n]=a[i];delete a[i];i=n}if(a[i]==="hide"&&o||a[i]==="show"&&!o)return j.complete.call(this);if((i==="height"||i==="width")&&this.style){j.display=c.css(this,"display");j.overflow=this.style.overflow}if(c.isArray(a[i])){(j.specialEasing=
+j.specialEasing||{})[i]=a[i][1];a[i]=a[i][0]}}if(j.overflow!=null)this.style.overflow="hidden";j.curAnim=c.extend({},a);c.each(a,function(r,u){var z=new c.fx(k,j,r);if(Ab.test(u))z[u==="toggle"?o?"show":"hide":u](a);else{var C=Bb.exec(u),B=z.cur(true)||0;if(C){u=parseFloat(C[2]);var E=C[3]||"px";if(E!=="px"){k.style[r]=(u||1)+E;B=(u||1)/z.cur(true)*B;k.style[r]=B+E}if(C[1])u=(C[1]==="-="?-1:1)*u+B;z.custom(B,u,E)}else z.custom(B,u,"")}});return true})},stop:function(a,b){var d=c.timers;a&&this.queue([]);
+this.each(function(){for(var f=d.length-1;f>=0;f--)if(d[f].elem===this){b&&d[f](true);d.splice(f,1)}});b||this.dequeue();return this}});c.each({slideDown:K("show",1),slideUp:K("hide",1),slideToggle:K("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}},function(a,b){c.fn[a]=function(d,f){return this.animate(b,d,f)}});c.extend({speed:function(a,b,d){var f=a&&typeof a==="object"?a:{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};f.duration=c.fx.off?0:typeof f.duration===
+"number"?f.duration:c.fx.speeds[f.duration]||c.fx.speeds._default;f.old=f.complete;f.complete=function(){f.queue!==false&&c(this).dequeue();c.isFunction(f.old)&&f.old.call(this)};return f},easing:{linear:function(a,b,d,f){return d+f*a},swing:function(a,b,d,f){return(-Math.cos(a*Math.PI)/2+0.5)*f+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]||
+c.fx.step._default)(this);if((this.prop==="height"||this.prop==="width")&&this.elem.style)this.elem.style.display="block"},cur:function(a){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];return(a=parseFloat(c.css(this.elem,this.prop,a)))&&a>-10000?a:parseFloat(c.curCSS(this.elem,this.prop))||0},custom:function(a,b,d){function f(j){return e.step(j)}this.startTime=J();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start;
+this.pos=this.state=0;var e=this;f.elem=this.elem;if(f()&&c.timers.push(f)&&!W)W=setInterval(c.fx.tick,13)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true;this.custom(this.cur(),0)},step:function(a){var b=J(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=
+this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var f in this.options.curAnim)if(this.options.curAnim[f]!==true)d=false;if(d){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;a=c.data(this.elem,"olddisplay");this.elem.style.display=a?a:this.options.display;if(c.css(this.elem,"display")==="none")this.elem.style.display="block"}this.options.hide&&c(this.elem).hide();if(this.options.hide||this.options.show)for(var e in this.options.curAnim)c.style(this.elem,
+e,this.options.orig[e]);this.options.complete.call(this.elem)}return false}else{e=b-this.startTime;this.state=e/this.options.duration;a=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||a](this.state,e,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a=c.timers,b=0;b<a.length;b++)a[b]()||a.splice(b--,1);a.length||
+c.fx.stop()},stop:function(){clearInterval(W);W=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){c.style(a.elem,"opacity",a.now)},_default:function(a){if(a.elem.style&&a.elem.style[a.prop]!=null)a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit;else a.elem[a.prop]=a.now}}});if(c.expr&&c.expr.filters)c.expr.filters.animated=function(a){return c.grep(c.timers,function(b){return a===b.elem}).length};c.fn.offset="getBoundingClientRect"in s.documentElement?
+function(a){var b=this[0];if(a)return this.each(function(e){c.offset.setOffset(this,a,e)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);var d=b.getBoundingClientRect(),f=b.ownerDocument;b=f.body;f=f.documentElement;return{top:d.top+(self.pageYOffset||c.support.boxModel&&f.scrollTop||b.scrollTop)-(f.clientTop||b.clientTop||0),left:d.left+(self.pageXOffset||c.support.boxModel&&f.scrollLeft||b.scrollLeft)-(f.clientLeft||b.clientLeft||0)}}:function(a){var b=
+this[0];if(a)return this.each(function(r){c.offset.setOffset(this,a,r)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);c.offset.initialize();var d=b.offsetParent,f=b,e=b.ownerDocument,j,i=e.documentElement,o=e.body;f=(e=e.defaultView)?e.getComputedStyle(b,null):b.currentStyle;for(var k=b.offsetTop,n=b.offsetLeft;(b=b.parentNode)&&b!==o&&b!==i;){if(c.offset.supportsFixedPosition&&f.position==="fixed")break;j=e?e.getComputedStyle(b,null):b.currentStyle;
+k-=b.scrollTop;n-=b.scrollLeft;if(b===d){k+=b.offsetTop;n+=b.offsetLeft;if(c.offset.doesNotAddBorder&&!(c.offset.doesAddBorderForTableAndCells&&/^t(able|d|h)$/i.test(b.nodeName))){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=d;d=b.offsetParent}if(c.offset.subtractsBorderForOverflowNotVisible&&j.overflow!=="visible"){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=j}if(f.position==="relative"||f.position==="static"){k+=o.offsetTop;n+=o.offsetLeft}if(c.offset.supportsFixedPosition&&
+f.position==="fixed"){k+=Math.max(i.scrollTop,o.scrollTop);n+=Math.max(i.scrollLeft,o.scrollLeft)}return{top:k,left:n}};c.offset={initialize:function(){var a=s.body,b=s.createElement("div"),d,f,e,j=parseFloat(c.curCSS(a,"marginTop",true))||0;c.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"});b.innerHTML="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";
+a.insertBefore(b,a.firstChild);d=b.firstChild;f=d.firstChild;e=d.nextSibling.firstChild.firstChild;this.doesNotAddBorder=f.offsetTop!==5;this.doesAddBorderForTableAndCells=e.offsetTop===5;f.style.position="fixed";f.style.top="20px";this.supportsFixedPosition=f.offsetTop===20||f.offsetTop===15;f.style.position=f.style.top="";d.style.overflow="hidden";d.style.position="relative";this.subtractsBorderForOverflowNotVisible=f.offsetTop===-5;this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==j;a.removeChild(b);
+c.offset.initialize=c.noop},bodyOffset:function(a){var b=a.offsetTop,d=a.offsetLeft;c.offset.initialize();if(c.offset.doesNotIncludeMarginInBodyOffset){b+=parseFloat(c.curCSS(a,"marginTop",true))||0;d+=parseFloat(c.curCSS(a,"marginLeft",true))||0}return{top:b,left:d}},setOffset:function(a,b,d){if(/static/.test(c.curCSS(a,"position")))a.style.position="relative";var f=c(a),e=f.offset(),j=parseInt(c.curCSS(a,"top",true),10)||0,i=parseInt(c.curCSS(a,"left",true),10)||0;if(c.isFunction(b))b=b.call(a,
+d,e);d={top:b.top-e.top+j,left:b.left-e.left+i};"using"in b?b.using.call(a,d):f.css(d)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),f=/^body|html$/i.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.curCSS(a,"marginTop",true))||0;d.left-=parseFloat(c.curCSS(a,"marginLeft",true))||0;f.top+=parseFloat(c.curCSS(b[0],"borderTopWidth",true))||0;f.left+=parseFloat(c.curCSS(b[0],"borderLeftWidth",true))||0;return{top:d.top-
+f.top,left:d.left-f.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||s.body;a&&!/^body|html$/i.test(a.nodeName)&&c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(f){var e=this[0],j;if(!e)return null;if(f!==w)return this.each(function(){if(j=wa(this))j.scrollTo(!a?f:c(j).scrollLeft(),a?f:c(j).scrollTop());else this[d]=f});else return(j=wa(e))?"pageXOffset"in j?j[a?"pageYOffset":
+"pageXOffset"]:c.support.boxModel&&j.document.documentElement[d]||j.document.body[d]:e[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase();c.fn["inner"+b]=function(){return this[0]?c.css(this[0],d,false,"padding"):null};c.fn["outer"+b]=function(f){return this[0]?c.css(this[0],d,false,f?"margin":"border"):null};c.fn[d]=function(f){var e=this[0];if(!e)return f==null?null:this;if(c.isFunction(f))return this.each(function(j){var i=c(this);i[d](f.call(this,j,i[d]()))});return"scrollTo"in
+e&&e.document?e.document.compatMode==="CSS1Compat"&&e.document.documentElement["client"+b]||e.document.body["client"+b]:e.nodeType===9?Math.max(e.documentElement["client"+b],e.body["scroll"+b],e.documentElement["scroll"+b],e.body["offset"+b],e.documentElement["offset"+b]):f===w?c.css(e,d):this.css(d,typeof f==="string"?f:f+"px")}});A.jQuery=A.$=c})(window);

tracim/tracim/public/assets/tablesorter/jquery.metadata.js

+/*
+ * Metadata - jQuery plugin for parsing metadata from elements
+ *
+ * Copyright (c) 2006 John Resig, Yehuda Katz, J�örn Zaefferer, Paul McLanahan
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * Revision: $Id$
+ *
+ */
+
+/**
+ * Sets the type of metadata to use. Metadata is encoded in JSON, and each property
+ * in the JSON will become a property of the element itself.
+ *
+ * There are three supported types of metadata storage:
+ *
+ *   attr:  Inside an attribute. The name parameter indicates *which* attribute.
+ *          
+ *   class: Inside the class attribute, wrapped in curly braces: { }
+ *   
+ *   elem:  Inside a child element (e.g. a script tag). The
+ *          name parameter indicates *which* element.
+ *          
+ * The metadata for an element is loaded the first time the element is accessed via jQuery.
+ *
+ * As a result, you can define the metadata type, use $(expr) to load the metadata into the elements
+ * matched by expr, then redefine the metadata type and run another $(expr) for other elements.
+ * 
+ * @name $.metadata.setType
+ *
+ * @example <p id="one" class="some_class {item_id: 1, item_label: 'Label'}">This is a p</p>
+ * @before $.metadata.setType("class")
+ * @after $("#one").metadata().item_id == 1; $("#one").metadata().item_label == "Label"
+ * @desc Reads metadata from the class attribute
+ * 
+ * @example <p id="one" class="some_class" data="{item_id: 1, item_label: 'Label'}">This is a p</p>
+ * @before $.metadata.setType("attr", "data")
+ * @after $("#one").metadata().item_id == 1; $("#one").metadata().item_label == "Label"
+ * @desc Reads metadata from a "data" attribute
+ * 
+ * @example <p id="one" class="some_class"><script>{item_id: 1, item_label: 'Label'}</script>This is a p</p>
+ * @before $.metadata.setType("elem", "script")
+ * @after $("#one").metadata().item_id == 1; $("#one").metadata().item_label == "Label"
+ * @desc Reads metadata from a nested script element
+ * 
+ * @param String type The encoding type
+ * @param String name The name of the attribute to be used to get metadata (optional)
+ * @cat Plugins/Metadata
+ * @descr Sets the type of encoding to be used when loading metadata for the first time
+ * @type undefined
+ * @see metadata()
+ */
+
+(function($) {
+
+$.extend({
+	metadata : {
+		defaults : {
+			type: 'class',
+			name: 'metadata',
+			cre: /({.*})/,
+			single: 'metadata'
+		},
+		setType: function( type, name ){
+			this.defaults.type = type;
+			this.defaults.name = name;
+		},
+		get: function( elem, opts ){
+			var settings = $.extend({},this.defaults,opts);
+			// check for empty string in single property
+			if ( !settings.single.length ) settings.single = 'metadata';
+			
+			var data = $.data(elem, settings.single);
+			// returned cached data if it already exists
+			if ( data ) return data;
+			
+			data = "{}";
+			
+			if ( settings.type == "class" ) {
+				var m = settings.cre.exec( elem.className );
+				if ( m )
+					data = m[1];
+			} else if ( settings.type == "elem" ) {
+				if( !elem.getElementsByTagName )
+					return undefined;
+				var e = elem.getElementsByTagName(settings.name);
+				if ( e.length )
+					data = $.trim(e[0].innerHTML);
+			} else if ( elem.getAttribute != undefined ) {
+				var attr = elem.getAttribute( settings.name );
+				if ( attr )
+					data = attr;
+			}
+			
+			if ( data.indexOf( '{' ) <0 )
+			data = "{" + data + "}";
+			
+			data = eval("(" + data + ")");
+			
+			$.data( elem, settings.single, data );
+			return data;
+		}
+	}
+});
+
+/**
+ * Returns the metadata object for the first member of the jQuery object.
+ *
+ * @name metadata
+ * @descr Returns element's metadata object
+ * @param Object opts An object contianing settings to override the defaults
+ * @type jQuery
+ * @cat Plugins/Metadata
+ */
+$.fn.metadata = function( opts ){
+	return $.metadata.get( this[0], opts );
+};
+
+})(jQuery);

tracim/tracim/public/assets/tablesorter/package.json

+{
+  "name": "tablesorter",
+  "version": "2.0.5",
+  "description": "Flexible client-side table sorting",
+  "main": "jquery.tablesorter.min.js",
+  "directories": {
+    "doc": "docs"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/christianbach/tablesorter.git"
+  },
+  "keywords": [
+    "client-side",
+    "sort",
+    "table"
+  ],
+  "author": "Christian Bach",
+  "license": "MIT, GPL",
+  "bugs": {
+    "url": "https://github.com/christianbach/tablesorter/issues"
+  },
+  "homepage": "https://github.com/christianbach/tablesorter"
+}

tracim/tracim/public/assets/tablesorter/themes/blue/style.css

+/* tables */
+table.tablesorter {
+	font-family:arial;
+	background-color: #CDCDCD;
+	margin:10px 0pt 15px;
+	font-size: 8pt;
+	width: 100%;
+	text-align: left;
+}
+table.tablesorter thead tr th, table.tablesorter tfoot tr th {
+	background-color: #e6EEEE;
+	border: 1px solid #FFF;
+	font-size: 8pt;
+	padding: 4px;
+}
+table.tablesorter thead tr .header {
+	background-image: url(bg.gif);
+	background-repeat: no-repeat;
+	background-position: center right;
+	cursor: pointer;
+}
+table.tablesorter tbody td {
+	color: #3D3D3D;
+	padding: 4px;
+	background-color: #FFF;
+	vertical-align: top;
+}
+table.tablesorter tbody tr.odd td {
+	background-color:#F0F0F6;
+}
+table.tablesorter thead tr .headerSortUp {
+	background-image: url(asc.gif);
+}
+table.tablesorter thead tr .headerSortDown {
+	background-image: url(desc.gif);
+}
+table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
+background-color: #8dbdd8;
+}

tracim/tracim/public/assets/tablesorter/themes/green/style.css

+table.tablesorter {
+	font-size: 12px;
+	background-color: #4D4D4D;
+	width: 1024px;
+	border: 1px solid #000;
+}
+table.tablesorter th {
+	text-align: left;
+	padding: 5px;
+	background-color: #6E6E6E;
+}
+table.tablesorter td {
+	color: #FFF;
+	padding: 5px;
+}
+table.tablesorter .even {
+	background-color: #3D3D3D;
+}
+table.tablesorter .odd {
+	background-color: #6E6E6E;
+}
+table.tablesorter .header {
+	background-image: url(bg.png);
+	background-repeat: no-repeat;
+	border-left: 1px solid #FFF;
+	border-right: 1px solid #000;
+	border-top: 1px solid #FFF;
+	padding-left: 30px;
+	padding-top: 8px;
+	height: auto;
+}
+table.tablesorter .headerSortUp {
+	background-image: url(asc.png);
+	background-repeat: no-repeat;
+}
+table.tablesorter .headerSortDown {
+	background-image: url(desc.png);
+	background-repeat: no-repeat;
+}

tracim/tracim/public/assets/tablesorter/themes/tracim/style.css

+/* tables */
+table.tablesorter {
+}
+table.tablesorter thead tr th, table.tablesorter tfoot tr th {
+    /*background-color: #e6EEEE;*/
+}
+table.tablesorter thead tr .header {
+    background-image: url(bg.gif);
+    background-repeat: no-repeat;
+    background-position: center right;
+    cursor: pointer;
+}
+table.tablesorter tbody td { }
+table.tablesorter tbody tr.odd td { }
+table.tablesorter thead tr .headerSortUp {
+    background-image: url(asc.gif);
+}
+table.tablesorter thead tr .headerSortDown { background-image: url(desc.gif); }
+table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
+background-color: #F5F5F5;
+}

tracim/tracim/public/mail.html

+<html>
+  <head>
+    <style>
+      a { color: #3465af;}
+      a.call-to-action {
+        background: #3465af;
+        padding: 3px 4px 5px 4px;
+        border: 1px solid #12438d;
+        font-weight: bold;
+        color: #FFF;
+        text-decoration: none;
+        margin-left: 5px;
+      }
+      a.call-to-action img { vertical-align: middle;}
+      th { vertical-align: top;}
+    </style>
+  </head>
+  <body style="font-family: Arial; font-size: 12px; width: 600px; margin: 0; padding: 0;">
+
+    <table style="width: 600px; cell-padding: 0; 	border-collapse: collapse; margin: 0">
+      <tr style="background-color: F5F5F5; border-bottom: 1px solid #CCC;" >
+        <td style="background-color: #666;">
+          <img src="http://team.trac.im/assets/img/logo.png" style="vertical-align: middle;"/>
+        </td>
+        <td style="padding: 0.5em; background-color: #666; text-align: left;">
+          <span style="font-size: 1.3em; color: #FFF; font-weight: bold;">
+          PROPOSITIONS D'AMELIORATIONS <br/>&mdash;
+            <span style="font-weight: bold; color: #999; font-weight: bold;">
+                discussion en cours
+                <img src="http://team.trac.im/assets/icons/16x16/status/status-open.png" style="vertical-align: middle;">
+            </span>
+          </span>
+          
+        </td>
+      </tr>
+    </table>
+
+    <p style="margin: 0; border: 1em solid #DDD; border-width: 0 0 0 0em; padding: 1em 1em 1em 1em;">
+      <span style="font-size: 1.5em; color: #666; font-weight: bold;">RIVALLAN JOEL</span> a ajouté un commentaire :
+    </p>
+    
+    <div style="margin: 0em; border: 2em solid #DDD; border-width: 0 0 0 4em; padding: 0.5em 2em 1em 1em;">
+        <p>Vous avez surement recu pas mal de mail qui n'étaient pas justifiés.</p>
+        <p>Le bug va être corrigé</p>
+    </div>
+    <div style="margin: 0em; border: 0em solid #DDD; border-width: 0 0 0 4em; padding: 0.5em 1em; text-align: right;">
+      <span style="text-align: right; font-size: 2em; padding-right: 0.5em;">
+            <a href="http://0qhz.mjt.lu/link/0qhz/giqlo4v/1/RLPzmqwO_rxRDpCNXhvzGQ/aHR0cDovL3RlYW0udHJhYy5pbS93b3Jrc3BhY2VzLzE2L2ZvbGRlcnMvMTU5OC9wYWdlcy8xNTk5" style="background-color: #5CB85C; border: 1px solid #4CAE4C; color: #FFF; text-decoration: none; font-weight: bold; padding: 4px; border-radius: 3px; padding: auto 3em;">
+              Répondre
+            </a>
+      </span>
+    </div>
+
+    <hr style="border: 0px solid #CCC; border-width: 1px 0 0 0; margin-top: 4em;">
+
+    <p style="color: #999; margin-left: 0.5em;">
+      Damien Accorsi, vous recevez cet email car vous êtes inscrit sur le site <i>Group de travail GSP</i>
+      et que vous êtes <i>Workspace Manager</i> de l'espace de travail <a href="http://0qhz.mjt.lu/link/0qhz/giqlo4v/2/3HkUQ_JlhyjU5CCeDm1wNA/aHR0cDovL3RlYW0udHJhYy5pbS93b3Jrc3BhY2VzLzE2">Groupe GSP</a>
+    </p>
+  
+<br/><img src="http://0qhz.mjt.lu/o/0qhz/31d45b8f/giqlo4ve.gif" height="1" width="1" alt="" border="0" />
+</body>
+</html>

tracim/tracim/templates/admin/user_edit.mak

+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="FORMS" file="tracim.templates.user_workspace_forms"/>
+
+<%def name="title()"></%def>
+
+${FORMS.USER_EDIT_FORM('user-edit-form',result.user, tg.url('/admin/users/{}?_method=PUT'.format(result.user.id)), tg.url('/admin/users/{}'.format(result.user.id)))}
+

tracim/tracim/templates/user_get_all.mak → tracim/tracim/templates/admin/user_getall.mak

-<%inherit file="local:templates.master_authenticated"/>
+<%inherit file="local:templates.master_authenticated_left_treeview"/>
+<%namespace name="LEFT_MENU" file="tracim.templates.widgets.left_menu"/>
+
 <%namespace name="TIM" file="tracim.templates.pod"/>
 <%namespace name="TOOLBAR" file="tracim.templates.user_toolbars"/>
+<%namespace name="ROW" file="tracim.templates.widgets.row"/>
+<%namespace name="ICON" file="tracim.templates.widgets.icon"/>
+<%namespace name="BUTTON" file="tracim.templates.widgets.button"/>
+
+
+<%def name="title()">${_('Users')}</%def>
+
+<%def name="SIDEBAR_LEFT_CONTENT()">
+    ${LEFT_MENU.ADMIN('')}
+    ${LEFT_MENU.TREEVIEW('sidebar-left-menu', '__')}
+</%def>
 
-<%def name="title()">Users</%def>
+<%def name="TITLE_ROW()">
+    <div class="row-fluid">
+        <div>
+            ${ROW.TITLE_ROW(_('Users'), 'fa-user', 'col-md-offset-3 col-md-8', 't-user-color', _('manage users and associated workspaces'))}
+        </div>
+    </div>
+</%def>
 
 <div class="container-fluid">
     <div class="row-fluid">
-        ${TOOLBAR.USERS(fake_api.current_user)}
         <div>
-            <div class="row">
-                <div class="col-sm-11">
-                    <h1>${TIM.ICO(32, 'apps/system-users')} ${_('Users')}</h1>
-                </div>
-            </div>
-            
             ## ADD A USER
             % if fake_api.current_user.profile.id>=2:
                 ## FIXME: check if the current_user is a workspace manager (so he is also allowed to create user)
                 ## In this case the user is a pod manager, so he is allowed to create users (and to delete them)
                 <div class="row">
                     <!-- #### CREATE A USER #### -->
-                    <div class="col-sm-11">
-                        <p><a data-toggle="collapse" data-target="#create-user-form"><b>${_('Create a user account...')}</b></a></p>
+                    <div class="col-md-offset-3 col-md-8">
+                        <p class="t-spacer-above">
+                            <a class="btn btn-success" data-toggle="collapse" data-target="#create-user-form"><b>${_('Create a user account...')}</b></a>
+                        </p>
                         <div id="create-user-form" class="collapse">
-                            <div class="pod-inline-form col-sm-6" >
+                            <div class="pod-inline-form col-md-12" >
                                 <form role="form" method="POST" action="${tg.url('/admin/users')}">
                                     <div class="form-group">
                                         <label for="user-name">${_('Name')}</label>
                                             });
                                         });
                                     </script>
-
                                 </form>
                                 <div style="clear: both;"></div>
                             </div>
 
             ## LIST OF USERS
             <div class="row">
-                <div  class="col-sm-11">
+                <div class="col-md-offset-3 col-md-8 t-spacer-above">
                     % if result.user_nb<=0:
                         ${TIM.NO_CONTENT_INFO(_('There are no workspace yet. Start by <a class="alert-link" data-toggle="collapse" data-target="#create-workspace-form">creating a workspace</a>.'))}
                     % else:
                                 </tr>
                             </thead>
                             % for user in result.users:
-                                <tr>
+                                <tr class="${('t-less-visible', '')[user.enabled]}">
                                     % if user.enabled:
                                         <td>
-                                            ${TIM.ICO_ACTION(16, 'status/item-enabled', _('User enabled. Click to disable this user'), tg.url('/admin/users/{}/disable'.format(user.id)), fake_api.current_user, 3)}
+                                            ${BUTTON.FA('fa-lightbulb-o fa-lg t-enabled-color', _('User enabled. Click to disable this user'), tg.url('/admin/users/{}/disable'.format(user.id)), fake_api.current_user, 3)}
                                         </td>
                                         <td><a href="${tg.url('/admin/users/{}'.format(user.id))}"><b>${user.name}</b></a></td>
                                         <td><a href="mailto:${user.email}">${user.email}</a></td>
                                         <td>
-                                            <% icon = ('emblems/emblem-unreadable', 'emblems/emblem-checked')[user.profile.id>=2] %>
+                                            <% icon = ('fa-square-o fa-lg t-disabled-color', 'fa-check-square-o fa-lg t-enabled-color')[user.profile.id>=2] %>
                                             <% linked_profile = ('tracim-profile-manager', 'tracim-profile-user')[user.profile.id>=2] %>
-                                            ${TIM.ICO_ACTION(16, icon, '', tg.url('/admin/users/{}/profile/switch?new_role={}'.format(user.id, linked_profile)), fake_api.current_user, 3)}
+                                            <% linked_text = (_('Click to allow workspace creation'), _('Click to disallow workspace creation'))[user.profile.id>=2] %>
+                                            ${BUTTON.FA(icon, linked_text, tg.url('/admin/users/{}/profile/switch?new_role={}'.format(user.id, linked_profile)), fake_api.current_user, 3)}
                                         </td>
                                         <td>
-                                            <% icon = ('emblems/emblem-unreadable', 'emblems/emblem-checked')[user.profile.id>=3] %>
+                                            <% icon = ('fa-square-o fa-lg t-disabled-color', 'fa-check-square-o fa-lg t-enabled-color')[user.profile.id>=3] %>
                                             <% linked_profile = ('tracim-profile-admin', 'tracim-profile-manager')[user.profile.id>=3] %>
-                                            ${TIM.ICO_ACTION(16, icon, '', tg.url('/admin/users/{}/profile/switch?new_role={}'.format(user.id, linked_profile)), fake_api.current_user, 3)}
+                                            <% linked_text = (_('Click to give super user privileges'), _('Click to remove super user privileges'))[user.profile.id>=3] %>
+                                            ${BUTTON.FA(icon, linked_text, tg.url('/admin/users/{}/profile/switch?new_role={}'.format(user.id, linked_profile)), fake_api.current_user, 3)}
                                         </td>
                                     % else:
                                         <td>
-                                            ${TIM.ICO_ACTION(16, 'status/item-disabled', _('User disabled. Click to enable this user'), tg.url('/admin/users/{}/enable'.format(user.id)), fake_api.current_user, 3)}
+                                            ${BUTTON.FA('fa-lightbulb-o fa-lg t-disabled-color', _('User disabled. Click to enable this user'), tg.url('/admin/users/{}/enable'.format(user.id)), fake_api.current_user, 3)}
                                         </td>
-                                        <td>${user.name}</td>
+                                        <td><a class="t-less-visible" href="${tg.url('/admin/users/{}'.format(user.id))}">${user.name}</a></td>
                                         <td>${user.email}</td>
                                         <td>
-                                            <% icon = ('emblems/emblem-unreadable-disabled', 'emblems/emblem-checked-disabled')[user.profile.id>=2] %>
-                                            ${TIM.ICO(16, icon)}
+                                            <% icon = ('fa-square-o fa-lg t-disabled-color', 'fa-check-square-o fa-lg t-disabled-color')[user.profile.id>=2] %>
+                                            ${ICON.FA(icon, _('User is disabled. No action allowed'))}
                                         </td>
                                         <td>
-                                            <% icon = ('emblems/emblem-unreadable-disabled', 'emblems/emblem-checked-disabled')[user.profile.id>=3] %>
+                                            <% icon = ('fa-square-o fa-lg t-disabled-color', 'fa-check-square-o fa-lg t-disabled-color')[user.profile.id>=3] %>
                                             <% linked_profile = ('tracim-profile-admin', 'tracim-profile-manager')[user.profile.id>=3] %>
-                                            ${TIM.ICO(16, icon)}
+                                            ${ICON.FA(icon, _('User is disabled. No action allowed'))}
                                         </td>
                                     % endif
                                     <td>
                                         % if False==user.has_password:
-                                            ${TIM.ICO_TOOLTIP(16, 'emblems/emblem-readonly', _('This user has no password.'))}
-                                            ${_('No password defined.')}
+                                            ${ICON.FA_TOOLTIP('fa-key t-less-visible', _('This user has no password.'))}
+                                            <span class="t-less-visible">${_('No password defined.')}</span>
 
                                         % endif
                                     </td>
                 </div>
             </div>
             ## LIST OF USERS [END]
-
-
         </div>
     </div>
 </div>

tracim/tracim/templates/admin/user_getone.mak

+<%inherit file="local:templates.master_authenticated_left_treeview_right_toolbar"/>
+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="ROW" file="tracim.templates.widgets.row"/>
+<%namespace name="TABLE_ROW" file="tracim.templates.widgets.table_row"/>
+<%namespace name="ICON" file="tracim.templates.widgets.icon"/>
+<%namespace name="P" file="tracim.templates.widgets.paragraph"/>
+<%namespace name="LEFT_MENU" file="tracim.templates.widgets.left_menu"/>
+<%namespace name="BUTTON" file="tracim.templates.widgets.button"/>
+
+<%namespace name="TOOLBAR" file="tracim.templates.user_toolbars"/>
+<%namespace name="WIDGETS" file="tracim.templates.user_workspace_widgets"/>
+<%def name="title()">${_('User {}').format(result.user.name)}</%def>
+
+<%def name="SIDEBAR_LEFT_CONTENT()">
+    ## This is the default left sidebar implementation
+    ${LEFT_MENU.ADMIN('')}
+    ${LEFT_MENU.TREEVIEW('sidebar-left-menu', '__')}
+</%def>
+
+<%def name="SIDEBAR_RIGHT_CONTENT()">
+    ${TOOLBAR.USER(fake_api.current_user, result.user)}
+</%def>
+
+<%def name="TITLE_ROW()">
+    <div class="row-fluid">
+        <div>
+            <%
+                if result.user.profile.id>=3:
+                    subtitle = _('This user is an administrator.')
+                elif result.user.profile.id>=2:
+                    subtitle = _('This user can create workspaces.')
+                else:
+                    subtitle = _('This user a standard user.')
+            %>
+            ${ROW.TITLE_ROW(result.user.name, 'fa-user', 'col-md-offset-3 col-md-7', 't-user-color', subtitle)}
+        </div>
+    </div>
+</%def>
+
+<div class="container-fluid">
+    <div class="row-fluid">
+        <div>
+            <div class="row">
+                <div class="col-md-offset-3 col-sm-7" id='user-profile-global-info'>
+                    <div>
+                        % if not result.user.enabled:
+                            <div class="alert alert-warning" style="margin-top: 1em;">
+                                <i class="fa fa-lg fa-warning"></i> ${_('This user is disabled')}
+                            </div>
+                        % endif
+                        ## TODO - D.A. - 2015-05-14
+                        ## Add extra information like skype, phone, website...
+                        <h3 style="margin-top: 1em;">
+                            ${ICON.FA('fa-user t-less-visible')}
+                            ${_('Contact')}
+                        </h3>
+                        ${P.USER_CONTACT(result.user)}
+                    </div>
+                    <div style="margin-top: 4em;">
+                        <h3>
+                            ${ICON.FA('fa-bar-chart t-less-visible')}
+                            ${_('Global profile')}
+                        </h3>
+                        ${P.USER_PROFILE(result.user)}
+                    </div>
+                    <div style="margin-top: 4em;">
+                        <h3>
+                            ${ICON.FA('fa-group t-less-visible')}
+                            ${_('Roles')}
+                        </h3>
+                        % if len(result.user.roles)<=0:
+                            ${WIDGETS.EMPTY_CONTENT(_('This user is not member of any workspace.'))}
+                        % else:
+                            <table class="table">
+                                <thead>
+                                    <tr>
+                                        <th>#</th>
+                                        <th>${_('Workspace')}</th>
+                                        <th>${_('Role')} ${BUTTON.HELP_MODAL_DIALOG('user-role-definition', 'margin-left: 0.5em;')}</th>
+                                        <th>${_('Notifications')}</th>
+                                    </tr>
+                                </thead>
+                                % for role in result.user.roles:
+                                    ${TABLE_ROW.USER_ROLE_IN_WORKSPACE(role)}
+                                % endfor
+                            </table>
+                        % endif
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="user-edit-modal-dialog" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog modal-sm">
+    <div class="modal-content">
+    </div>
+  </div>
+</div>
+
+<div id="user-edit-password-modal-dialog" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog modal-sm">
+    <div class="modal-content">
+    </div>
+  </div>
+</div>
+
+## HERE COME HELP MODAL DIALOGS
+${TIM.HELP_MODAL_DIALOG('user-role-definition')}

tracim/tracim/templates/admin/user_password_edit.mak

+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="FORMS" file="tracim.templates.widgets.forms"/>
+<%def name="title()"></%def>
+
+${FORMS.USER_PASSWORD_EDIT_FORM_NO_OLD('user-edit-form', result.user, tg.url('/admin/users/{}/password?_method=PUT'.format(result.user.id)))}
+

tracim/tracim/templates/workspace_get_all.mak → tracim/tracim/templates/admin/workspace_getall.mak

-<%inherit file="local:templates.master_authenticated"/>
+<%inherit file="local:templates.master_authenticated_left_treeview"/>
+<%namespace name="LEFT_MENU" file="tracim.templates.widgets.left_menu"/>
+
 <%namespace name="TIM" file="tracim.templates.pod"/>
-<%namespace name="TOOLBAR" file="tracim.templates.workspace_toolbars"/>
+<%namespace name="TOOLBAR" file="tracim.templates.workspace.toolbar"/>
+<%namespace name="ROW" file="tracim.templates.widgets.row"/>
+<%namespace name="ICON" file="tracim.templates.widgets.icon"/>
+<%namespace name="BUTTON" file="tracim.templates.widgets.button"/>
+
+<%def name="title()">${_('Workspaces')}</%def>
 
-<%def name="title()">Workspaces</%def>
+<%def name="SIDEBAR_LEFT_CONTENT()">
+    ${LEFT_MENU.ADMIN('')}
+    ${LEFT_MENU.TREEVIEW('sidebar-left-menu', '__')}
+</%def>
+
+<%def name="TITLE_ROW()">
+    <div class="row-fluid">
+        <div>
+            ${ROW.TITLE_ROW(_('Workspaces'), 'fa-bank', 'col-md-offset-3 col-md-8', 't-user-color', _('manage workspaces and subscribed users'))}
+        </div>
+    </div>
+</%def>
 
 <div class="container-fluid">
     <div class="row-fluid">
-        ${TOOLBAR.WORKSPACES(fake_api.current_user)}
         <div>
-            <div class="row">
-                <div class="col-sm-11">
-                    <h1>${TIM.ICO(32, 'places/folder-remote')} ${_('Workspaces')}</h1>
-                </div>
-            </div>
-            
             ## ADD A WORKSPACE
             % if fake_api.current_user.profile.id>=2:
                 ## In this case the user is a pod manager, so he is allowed to create workspaces (and to delete them)
                 <div class="row">
                     <!-- #### CREATE A WORKSPACE #### -->
-                    <div class="col-sm-11">
-                        <p><a data-toggle="collapse" data-target="#create-workspace-form"><b>${_('Create a workspace...')}</b></a></p>
+                    <div class="col-md-offset-3 col-md-12">
+                        <p class="t-spacer-above">
+                            <a class="btn btn-success" data-toggle="collapse" data-target="#create-workspace-form"><b>${_('Create a workspace...')}</b></a>
+                        </p>
                         <div id="create-workspace-form" class="collapse">
                             <div class="pod-inline-form col-sm-6" >
                                 <form role="form" method="POST" action="${tg.url('/admin/workspaces')}">
             % endif
             ## ADD A WORKSPACE [END]
 
-
             ## LIST OF WORKSPACES
             <div class="row">
-                <div  class="col-sm-11">
+                <div class="col-md-offset-3 col-md-8 t-spacer-above">
                     % if result.workspace_nb<=0:
                         ${TIM.NO_CONTENT_INFO(_('There are no workspace yet. Start by <a class="alert-link" data-toggle="collapse" data-target="#create-workspace-form">creating a workspace</a>.'))}
                     % else:
                 </div>
             </div>
             ## LIST OF WORKSPACES [END]
-
-
         </div>
     </div>
 </div>

tracim/tracim/templates/admin/workspace_getone.mak

+<%inherit file="local:templates.master_authenticated_left_treeview_right_toolbar"/>
+<%namespace name="BUTTON" file="tracim.templates.widgets.button"/>
+<%namespace name="ICON" file="tracim.templates.widgets.icon"/>
+<%namespace name="LEFT_MENU" file="tracim.templates.widgets.left_menu"/>
+<%namespace name="P" file="tracim.templates.widgets.paragraph"/>
+<%namespace name="ROW" file="tracim.templates.widgets.row"/>
+<%namespace name="TABLE_ROW" file="tracim.templates.widgets.table_row"/>
+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="TITLE" file="tracim.templates.widgets.title"/>
+
+<%namespace name="TOOLBAR" file="tracim.templates.workspace.toolbar"/>
+<%namespace name="WIDGETS" file="tracim.templates.user_workspace_widgets"/>
+<%def name="title()">${_('Workspace {}').format(result.workspace.label)}</%def>
+
+<%def name="SIDEBAR_LEFT_CONTENT()">
+    ## This is the default left sidebar implementation
+    ${LEFT_MENU.ADMIN('')}
+    ${LEFT_MENU.TREEVIEW('sidebar-left-menu', '__')}
+</%def>
+
+<%def name="SIDEBAR_RIGHT_CONTENT()">
+    ${TOOLBAR.WORKSPACE(fake_api.current_user, result.workspace)}
+</%def>
+
+<%def name="TITLE_ROW()">
+    <div class="row-fluid">
+        <div>
+            <%
+                subtitle = _('created on {}'.format(h.formatLongDateAndTime(result.workspace.created)))
+            %>
+            ${ROW.TITLE_ROW(_('Workspace {}').format(result.workspace.label), 'fa-bank', 'col-md-offset-3 col-md-7', 't-user-color', subtitle)}
+        </div>
+    </div>
+</%def>
+
+<div class="container-fluid">
+    <div class="row-fluid">
+        <div>
+            <div class="row">
+                <div class="col-sm-7 col-md-offset-3">
+                    ${TITLE.H3(_('Detail'), 'fa-align-justify', 'workspace-members')}
+                    % if result.workspace.description:
+                        <p>${result.workspace.description}</p>
+                    % else:
+                        <p class="t-less-visible">${_('No description available')}</p>
+                    % endif
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-sm-7 col-md-offset-3">
+                    <div>
+                        <% potential_new_user_nb = sum(1 for user in fake_api.users if user.id not in (user.id for user in result.workspace.members)) %>
+                        % if potential_new_user_nb<=0:
+                            ${TITLE.H3(_('Members'), 'fa-user', 'workspace-members')}
+                        % else:
+                            ${TITLE.H3_WITH_BUTTON(fake_api.current_user, result.workspace, 'workspace-members', _('Members'), 'add-role-from-existing-user-form', _('add one...'), 'fa-user')}
+
+                            <div id="add-role-from-existing-user-form" class="collapse col-sm-9">
+                                <div class="pod-inline-form">
+                                    <form role="form" method="POST" action="${tg.url('/admin/workspaces/{}/roles'.format(result.workspace.id))}">
+                                        <div class="form-group">
+                                            <label for="user_id">${_('User')}</label>
+                                            <select name="user_id" id="user_id" class="form-control">
+                                                % for user in fake_api.users:
+                                                    % if user.id not in (user.id for user in result.workspace.members):
+                                                        <option value="${user.id}">${user.name}</option>
+                                                    % endif
+                                                % endfor
+                                            </select>
+                                        </div>
+
+                                        <div class="form-group">
+                                            <label>${_('Role')} ${BUTTON.HELP_MODAL_DIALOG('user-role-definition', 'margin-left: 0.5em;')}</label>
+                                            % for role in fake_api.role_types:
+                                            <div class="radio">
+                                              <label>
+                                                <% checked = ('', 'checked="checked"')[role.id==1]%>
+                                                <input type="radio" name="role_id" id="role-id-${role.id}" value="${role.id}" ${checked}>
+                                                <span style="${role.style}"><b>${role.label}</b></span>
+                                              </label>
+                                            </div>
+                                            % endfor
+                                        </div>
+
+                                        <span class="pull-right" style="margin-top: 0.5em;">
+                                            <button id="current-document-add-comment-save-button" type="submit" class="btn btn-small btn-success" title="Add first comment"><i class=" fa fa-check"></i> ${_('Validate')}</button>
+                                        </span>
+                                    </form>
+                                    <div style="clear: both;"></div>
+                                </div>
+                            </div>
+                            ## END OF ADD MEMBER FORM
+                        % endif
+
+                        % if result.workspace.member_nb<=0:
+                            ${WIDGETS.EMPTY_CONTENT(_('There are no user associated to the current workspace. <a class="alert-link" data-toggle="collapse" data-target="#add-role-from-existing-user-form">Add one</a>.'))}
+                        % else:
+                            <table class="table">
+                                <thead>
+                                    <tr>
+                                        <th>#</th>
+                                        <th>${_('User')}</th>
+                                        <th>${_('Role')} ${BUTTON.HELP_MODAL_DIALOG('user-role-definition', 'margin-left: 0.5em;')}</th>
+                                        <th>${_('Notifications')}</th>
+                                        <th></th>
+                                    </tr>
+                                </thead>
+                                % for member in result.workspace.members:
+                                    ${TABLE_ROW.SECURED_MEMBER_IN_WORKSPACE(fake_api.current_user, result.workspace, member, fake_api.role_types)}
+                                % endfor
+                            </table>
+                        % endif
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+## HERE COME HELP MODAL DIALOGS
+${TIM.HELP_MODAL_DIALOG('user-role-definition')}
+
+
+
+## EDIT WORKSPACE DIALOG
+<div id="workspace-edit-modal-dialog" class="modal bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+    </div>
+  </div>
+</div>
+

tracim/tracim/templates/dashboard.mak

-<%inherit file="local:templates.master_authenticated"/>
-<%namespace name="TIM" file="tracim.templates.pod"/>
-
-<%def name="title()">
-    ${_('Dashboard')}
-</%def>
-
-<div class="container-fluid">
-    <div class="row-fluid">
-        <div>
-            <div class="row">
-                <h1 class="col-sm-6 col-sm-offset-3">${TIM.ICO(32, 'status/dialog-information')} ${_("Dashboard")}</h1>
-            </div>
-            <div class="row">
-                <div class="col-sm-5 col-sm-offset-3">
-                    <div class="well">
-                        <h2 style="margin-top: 0;">${_('What to do ?')}</h2>
-                        <h3>
-                            ${TIM.ICO(32, 'places/folder-remote')} <a href="${tg.url('/workspaces')}">${_('Go to my workspaces')}</a>
-                        </h3>
-                        <h3>
-                            ${TIM.ICO(32, 'actions/contact-new')} <a href="${tg.url('/user/me')}">${_('Go to my profile')}</a>
-                        </h3>
-                    </div>
-                </div>
-            </div>
-            % if fake_api.current_user.profile.id >= 2:
-                <div class="row">
-                    <div class="col-sm-5 col-sm-offset-3">
-                        <div class="well">
-                            <h2 style="margin-top: 0;">${_('You can also manage...')}</h2>
-                            <h3>
-                                ${TIM.ICO(32, 'apps/system-users')} <a href="${tg.url('/admin/users')}">${_('Users')}</a>
-                            </h3>
-                            <h3>
-                                ${TIM.ICO(32, 'places/folder-remote')} <a href="${tg.url('/admin/workspaces')}">${_('Workspaces')}</a>
-                            </h3>
-                        </div>
-                    </div>
-                </div>
-            % endif
-        </div>
-    </div>
-</div>
-

tracim/tracim/templates/file/forms.mak

+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="BUTTON" file="tracim.templates.widgets.button"/>
+<%namespace name="ICON" file="tracim.templates.widgets.icon"/>
+<%namespace name="WIDGETS" file="tracim.templates.user_workspace_widgets"/>
+
+<%def name="NEW(dom_id, workspace_id, parent_id=None)">
+    <div id="{dom_id}">
+        <form role="form" method="POST" enctype="multipart/form-data" action="${tg.url('/workspaces/{}/folders/{}/files'.format(workspace_id, parent_id))}">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">${_('Close')}</span></button>
+                <h4 class="modal-title" >${ICON.FA('fa-paperclip')} ${_('New File')}</h4>
+            </div>
+            <div class="modal-body">
+                <div class="form-group">
+                    <label for="file-label">${_('Title (optionnal)')}</label>
+                    <input id="file-label" class="form-control" name="label" type="text" placeholder="${_('you can give a title to the file, otherwise, the filename will be used.')}">
+                </div>
+                <div class="form-group">
+                    <label for="file-object">${_('Select a file')}</label>
+                    <input id="file-object" name="file_data" type="file" placeholder="${_('choose a file')}">
+                </div>
+            </div>
+            <div class="modal-footer">
+                <span class="pull-right" style="margin-top: 0.5em;">
+                    <button id="file-save-button" type="submit" class="btn btn-small btn-success" title="${_('Validate')}"><i class="fa fa-check"></i> ${_('Validate')}</button>
+                </span>
+            </div>
+        </form>
+    </div>
+</%def>
+
+<%def name="NEW_FILE_REVISION_WITH_COMMENT_FORM(dom_id, workspace_id, folder_id, file_id=None)">
+    <div id="${dom_id}" class="collapse">
+        <div class="pod-inline-form" >
+            % if file_id:
+                <form role="form" method="POST" enctype="multipart/form-data" action="${tg.url('/workspaces/{}/folders/{}/files/{}?_method=PUT').format(workspace_id, folder_id, file_id)}">
+            % else:
+                <form role="form" method="POST" enctype="multipart/form-data" action="${tg.url('/workspaces/{}/folders/{}/files').format(workspace_id, folder_id)}">
+            % endif
+                <div class="form-group">
+                    <label for="file-object">${_('Select new file revision')}</label>
+                    <input id="file-object" name="file_data" type="file" placeholder="${_('choose a file')}">
+                </div>
+                <div class="form-group">
+                    <label for="file-label">${_('Your comment...')}</label>
+                    <textarea id="file-label" class="form-control pod-rich-textarea" name="comment" type="text" placeholder=""></textarea>
+                </div>
+                <span class="pull-right t-modal-form-submit-button">
+                    <button id="${dom_id}-submit-button" type="submit" class="btn btn-small btn-success" title="${_('Validate')}"><i class=" fa fa-check"></i> ${_('Validate')}</button>
+                </span>
+
+                <div style="clear: both;"></div>
+            </form>
+        </div>
+    </div>
+</%def>

tracim/tracim/templates/file/getone.mak

+<%inherit file="local:templates.master_authenticated_left_treeview_right_toolbar"/>
+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="TOOLBAR" file="tracim.templates.file.toolbar"/>
+<%namespace name="FORMS" file="tracim.templates.file.forms"/>
+
+<%namespace name="WIDGETS" file="tracim.templates.user_workspace_widgets"/>
+
+<%namespace name="BUTTON" file="tracim.templates.widgets.button"/>
+<%namespace name="TABLE_ROW" file="tracim.templates.widgets.table_row"/>
+<%namespace name="ICON" file="tracim.templates.widgets.icon"/>
+<%namespace name="P" file="tracim.templates.widgets.paragraph"/>
+
+
+
+
+<%def name="title()">${result.file.label}</%def>
+
+<%def name="SIDEBAR_LEFT_CONTENT()">
+    <h4>${_('Workspaces')}</h4>
+    ${WIDGETS.TREEVIEW('sidebar-left-menu', 'workspace_{}__item_{}'.format(result.file.workspace.id, result.file.id))}
+    <hr/>
+</%def>
+
+<%def name="SIDEBAR_RIGHT_CONTENT()">
+    ${TOOLBAR.SECURED_FILE(fake_api.current_user, result.file.workspace, result.file)}
+</%def>
+
+<%def name="REQUIRED_DIALOGS()">
+    ${TIM.MODAL_DIALOG('file-edit-modal-dialog', 'modal-lg')}
+    ${TIM.HELP_MODAL_DIALOG('content-wiki-page-definition')}
+</%def>
+
+############################################################################
+##
+## PAGE CONTENT BELOW
+##
+############################################################################
+
+<div class="row t-page-header-row">
+    <div class="col-sm-7 col-sm-offset-3 main">
+        <h1 class="page-header t-file-color-border">
+            <i class="fa fa-fw fa-lg fa-paperclip tracim-less-visible t-file-color"></i>
+            ${result.file.label}
+
+            <span class="pull-right">
+                ${WIDGETS.SECURED_SHOW_CHANGE_STATUS_FOR_FILE(fake_api.current_user, result.file.workspace, result.file)}
+            </span>
+        </h1>
+
+        <div style="margin: -1.5em auto -1.5em auto;" class="tracim-less-visible">
+          <p>${_('file created on {date} at {time} by <b>{author}</b>').format(date=h.date(result.file.created), time=h.time(result.file.created), author=result.file.owner.name)|n}</p>
+        </div>
+    </div>
+</div>
+
+% if result.file.selected_revision!='latest':
+    <div class="row alert alert-warning" role="alert">
+        <div class="col-sm-7 col-sm-offset-3">
+            <p>
+                <span class="pull-left">${ICON.FA_FW_2X('fa-warning')}</span>
+                ${_('You are reading <b>an old revision</b> of the current file. (the shown revision is r{}).').format(result.file.selected_revision)|n}
+            </p>
+            <a class="pull-right alert-link" href="${tg.url('/workspaces/{}/folders/{}/files/{}').format(result.file.workspace.id, result.file.parent.id, result.file.id)}">${_('Show latest revision')}</a>
+        </div>
+    </div>
+% endif
+
+% if result.file.status.id=='closed-deprecated':
+    <div class="row alert alert-warning" role="alert">
+        <div class="col-sm-7 col-sm-offset-3">
+            <p>
+                <span class="pull-left">${ICON.FA_FW_2X('fa-warning')}</span>
+                ${_('<b>This file is deprecated</b>')|n}
+            </p>
+        </div>
+    </div>
+% endif
+
+<div class="row">
+    <% download_url = tg.url('/workspaces/{}/folders/{}/files/{}/download?revision_id={}'.format(result.file.workspace.id, result.file.parent.id,result.file.id,result.file.selected_revision)) %>
+    <div class="col-sm-1 col-sm-offset-3">
+        <div class="t-half-spacer-above">
+            <img src="" style="width: 96px; border: 1px solid #999;"/>
+            <a style="margin-top: -116px; margin-left: 16px;" class="btn btn-default" tittle="${_('Download the file')}"
+                href="${download_url}" >
+                ${ICON.FA_FW('fa fa-download fa-2x')}
+            </a>
+        </div>
+    </div>
+    <div class="col-md-5">
+        <div class="t-half-spacer-above">
+            <table class="table table-hover table-condensed table-striped table-bordered">
+                <tr>
+                    <td class="tracim-title">${_('File')}</td>
+                    <td>
+                        <a href="${download_url}" tittle="${_('Download the file (last revision)')}">
+                            ${result.file.file.name}
+                            <span class="pull-right">
+                                ${ICON.FA_FW('fa fa-download')}
+                            </span>
+
+                        </a>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="tracim-title">${_('Size')}</td>
+                    <td>${h.user_friendly_file_size(result.file.file.size)}</td>
+                </tr>
+                <tr>
+                    <td class="tracim-title">${_('Modified')}</td>
+                    <td>${h.format_short(result.file.created)|n} ${_('by {}').format(result.file.owner.name)}</td>
+                </tr>
+            </table>
+        </div>
+    </div>
+    <div class="col-md-1">
+        <div class="t-half-spacer-above">
+            % if result.file.status.id in ('closed-validated', 'closed-unvalidated'):
+                <span style="font-size: 1.5em;"><i class="pull-right fa fa-4x ${result.file.status.css} ${result.file.status.icon}"></i></span>
+            % endif
+        </div>
+    </div>
+</div>
+
+% if result.file.content.strip():  # only show desc if really a content
+    <div class="row">
+        <div class="col-md-7 col-sm-offset-3">
+            <div class="well">
+                ${result.file.content|n}
+            </div>
+        </div>
+    </div>
+% endif
+
+<div class="row">
+    <div class="col-md-7 col-sm-offset-3">
+        % if result.file.status.id!='open':
+            <p class="tracim-less-visible">${_('<b>Note</b>: You need to change status in case you want to upload a new version')|n}</p>
+        % else:
+            % if h.user_role(fake_api.current_user, result.file.workspace)<=1: # User must be a contributor to be allowed to upload files
+                ${WIDGETS.SECURED_SECTION_TITLE(fake_api.current_user, result.file.workspace, 'file-revisions', _('File revisions'))}
+                <p>${_('This file contains {} revision(s)').format(sum(1 for revision in result.file.revisions if revision.action.id=='revision'))}</p>
+            % else:
+                % if h.user_role(fake_api.current_user, result.file.workspace)>1:
+                    ${BUTTON.DATA_TARGET_AS_TEXT('new-file-revision', _('upload a new revision and/or comment...'), 'btn btn-success t-spacer-below')}
+                    ${FORMS.NEW_FILE_REVISION_WITH_COMMENT_FORM('new-file-revision', result.file.workspace.id, result.file.parent.id, result.file.id)}
+                % endif
+            % endif
+        % endif
+    </div>
+</div>
+
+<div class="row t-page-metadata-row t-spacer-above">
+    <div class="col-sm-7 col-sm-offset-3">
+        <div class="t-spacer-above">
+            <span id="associated-revisions" ></span>
+            <h4 class="anchored-title">${_('File revisions')}</h4>
+            <div>
+                <table class="table table-striped table-hover">
+                    % for revid, revision in reversed(list(enumerate(reversed(result.file.revisions)))):
+                        <% warning_or_not = ('', 'warning')[result.file.selected_revision==revision.id] %>
+                        <tr class="${warning_or_not}">
+## FIXME - 2015-07-22 - D.A. - Do we really need to show a rev. id ?!
+## <td><span class="label label-default">v${revid}</span></td>
+                            <td class="t-less-visible">
+                                <span class="label label-default">${ICON.FA_FW(revision.action.icon)}
+                                ${revision.action.label}</span>
+                            </td>
+                            <td>${h.date(revision.created)}</td>
+                            <td>${h.time(revision.created)}</td>
+                            <td>${revision.owner.name}</td>
+                            <td><a href="${tg.url('/workspaces/{}/folders/{}/files/{}?revision_id={}').format(result.file.workspace.id, result.file.parent.id, result.file.id, revision.id)}">${revision.label}</a></td>
+                            <td class="t-less-visible" title="${_('Currently shown')}">
+                                % if warning_or_not:
+                                    ${ICON.FA_FW('fa fa-caret-left')} ${_('shown').format(result.file.selected_revision)}
+                                % endif
+                            </td>
+                        </tr>
+                    % endfor
+                </table>
+            </div>
+        </div>
+    </div>
+<div/>

tracim/tracim/templates/file/new.mak

+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="FILE_FORMS" file="tracim.templates.file.forms"/>
+<%namespace name="ICON" file="tracim.templates.widgets.icon"/>
+
+${FILE_FORMS.NEW('form-file-new', result.item.workspace.id, result.item.parent.id)}

tracim/tracim/templates/file_toolbars.mak → tracim/tracim/templates/file/toolbar.mak

 <%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="ICON" file="tracim.templates.widgets.icon"/>
 
 <%def name="SECURED_FILE(user, workspace, file)">
+    <% download_url = tg.url('/workspaces/{}/folders/{}/files/{}/download?revision_id={}'.format(result.file.workspace.id, result.file.parent.id,result.file.id,result.file.selected_revision)) %>
     <% edit_disabled = ('', 'disabled')[file.selected_revision!='latest' or file.status.id[:6]=='closed'] %>
     <% delete_or_archive_disabled = ('', 'disabled')[file.selected_revision!='latest'] %> 
     % if h.user_role(user, workspace)>1:
         <div class="btn-group btn-group-vertical">
-            <a title="${_('Edit current file')}" class="btn btn-default ${edit_disabled}" data-toggle="modal" data-target="#file-edit-modal-dialog" data-remote="${tg.url('/workspaces/{}/folders/{}/files/{}/edit'.format(file.workspace.id, file.parent.id, file.id))}" >${TIM.ICO(32, 'apps/accessories-text-editor')}</a>
+            <a title="${_('Edit current file')}" class="btn btn-default ${edit_disabled}" data-toggle="modal" data-target="#file-edit-modal-dialog" data-remote="${tg.url('/workspaces/{}/folders/{}/files/{}/edit'.format(file.workspace.id, file.parent.id, file.id))}" >${ICON.FA_FW('fa fa-edit t-less-visible')} ${_('Edit')}</a>
         </div>
         <p></p>
     % endif
     
     <div class="btn-group btn-group-vertical">
-        <a href="#file-versions" role="button" class="btn btn-default" data-toggle="modal" title="${_('View versions of the file')}">${TIM.ICO(32, 'actions/gnome-document-open-recent')}</a>
+        <a href="download_url" role="button" class="btn btn-default" data-toggle="modal" title="${_('Download the file')}">${ICON.FA('fa fa-download t-less-visible')} ${_('Download')}</a>
+        <a href="#file-versions" role="button" class="btn btn-default" data-toggle="modal" title="${_('View versions of the file')}">${ICON.FA('fa fa-history t-less-visible')} ${_('Revisions')}</a>
 ## RESTORE LINKS IF REQUIRED        <a href="#file-associated-links" role="button" class="btn btn-default" data-toggle="modal" title="${_('View all links')}">${TIM.ICO(32, 'apps/internet-web-browser')}</a>
     </div>
     <p></p>
         ## if the user can see the toolbar, it means he is the workspace manager.
         ## So now, we need to know if he alsa has right to delete workspaces
         <div class="btn-group btn-group-vertical">
-            <a title="${_('Archive file')}" class="btn btn-default ${delete_or_archive_disabled}" href="${tg.url('/workspaces/{}/folders/{}/files/{}/put_archive'.format(file.workspace.id, file.parent.id, file.id))}">${TIM.ICO(32, 'mimetypes/package-x-generic')}</a>
-            <a title="${_('Delete file')}" class="btn btn-default ${delete_or_archive_disabled}" href="${tg.url('/workspaces/{}/folders/{}/files/{}/put_delete'.format(file.workspace.id, file.parent.id, file.id))}">${TIM.ICO(32, 'status/user-trash-full')}</a>
+            <a title="${_('Archive file')}" class="btn btn-default ${delete_or_archive_disabled}" href="${tg.url('/workspaces/{}/folders/{}/files/{}/put_archive'.format(file.workspace.id, file.parent.id, file.id))}">${ICON.FA_FW('fa fa-archive t-less-visible')} ${_('Archive')}</a>
+            <a title="${_('Delete file')}" class="btn btn-default ${delete_or_archive_disabled}" href="${tg.url('/workspaces/{}/folders/{}/files/{}/put_delete'.format(file.workspace.id, file.parent.id, file.id))}">${ICON.FA_FW('fa fa-trash t-less-visible')} ${_('Delete')}</a>
         </div>
     % endif
 </%def>

tracim/tracim/templates/folder_edit.mak → tracim/tracim/templates/folder/edit.mak

 <%def name="title()"></%def>
 
 ${FORMS.EDIT_FOLDER_FORM('edit-form', result.folder)}
-

tracim/tracim/templates/folder/forms.mak

+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="BUTTON" file="tracim.templates.widgets.button"/>
+<%namespace name="ICON" file="tracim.templates.widgets.icon"/>
+<%namespace name="WIDGETS" file="tracim.templates.user_workspace_widgets"/>
+
+<%def name="NEW(dom_id, workspace_id, parent_id=None)">
+    <div id="{dom_id}">
+        <form role="form" method="POST" enctype="multipart/form-data" action="${tg.url('/workspaces/{workspace_id}/folders').format(workspace_id=workspace_id)}">
+            <input type="hidden" name="parent_id" value="${parent_id}">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">${_('Close')}</span></button>
+                <h4 class="modal-title" >${ICON.FA('fa-folder-open-o t-folder-color')} ${_('New Folder')}</h4>
+            </div>
+            <div class="modal-body">
+                <div class="form-group">
+                    <label for="folder-label">${_('Folder name')}</label>
+                    <input id="folder-label" class="form-control" name="label" type="text">
+                </div>
+                <div class="form-group">
+                    <p>${_('This folder may contain:')}</p>
+                    <p>
+                        <label><input id="content-folders" name="can_contain_folders" type="checkbox" checked> ${TIM.FA('fa-folder-open-o fa-fw t-folder-color')} ${_('sub-folders')}</label><br/>
+                        <label><input id="content-threads" name="can_contain_threads" type="checkbox" checked> ${TIM.FA('fa-comments-o fa-fw t-thread-color')} ${_('threads')}</label><br/>
+                        <label><input id="content-files" name="can_contain_files" type="checkbox" checked> ${TIM.FA('fa-paperclip fa-fw t-file-color')} ${_('files')}</label><br/>
+                        <label><input id="content-pages" name="can_contain_pages" type="checkbox" checked> ${TIM.FA('fa-file-text-o fa-fw t-page-color')} ${_('pages')}</label>
+## FIXME - D.A. - 2015-05-25
+## The help dialog is show below current dialog (so it is invisible)
+##                         ${BUTTON.HELP_MODAL_DIALOG('content-wiki-page-definition', 'margin-left: 0.5em;')}
+                    </p>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <span class="pull-right" style="margin-top: 0.5em;">
+                    <button id="folder-save-button" type="submit" class="btn btn-small btn-success" title="${_('Create folder')}"><i class="fa fa-check"></i> ${_('Validate')}</button>
+                </span>
+            </div>
+        </form>
+    </div>
+</%def>
+
+<%def name="MOVE(dom_id, item, do_move_url, modal_title)">
+    <form role="form" method="POST" action="${do_move_url}">
+        <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">${_('Close')}</span></button>
+            <h4 class="modal-title">${TIM.FA('fa-arrows t-less-visible')} ${modal_title}</h4>
+        </div>
+        <div class="modal-body">
+            <div>
+                <ul class="nav nav-tabs" role="tablist">
+                    <li role="presentation" class="active"><a href="#move-to-same-workspace" aria-controls="move-to-same-workspace" role="tab" data-toggle="tab">${_('in current workspace...')}</a></li>
+                    <li role="presentation"><a href="#move-to-another-workspace" aria-controls="move-to-another-workspace" role="tab" data-toggle="tab">${_('to another workspace')}</a></li>
+                </ul>
+                <div class="tab-content">
+                    <div role="tabpanel" class="tab-pane active" id="move-to-same-workspace">
+                        <div class="t-half-spacer-above">
+                            <%
+                                selected_id = 'workspace_{}__folder_{}'.format(item.workspace.id, item.folder.id if item.folder else '')
+                                get_root_url = tg.url('/workspaces/treeview_root', dict(current_id=selected_id, all_workspaces=0, folder_allowed_content_types='folder', ignore_id=item.id))
+                                get_children_url = tg.url('/workspaces/treeview_children', dict(ignore_id=item.id, allowed_content_types='folder'))
+                            %>
+                            ${WIDGETS.TREEVIEW_DYNAMIC('move-item-treeview', selected_id, get_root_url, get_children_url, 'move_mode')}
+                        </div>
+                    </div>
+                    <div role="tabpanel" class="tab-pane" id="move-to-another-workspace">
+                        <div class="t-half-spacer-above">
+                            <%
+                                get_root_url = tg.url('/workspaces/treeview_root', dict(current_id=None, all_workspaces=1, folder_allowed_content_types='folder', ignore_id=item.id, ignore_workspace_id=item.workspace.id))
+                                get_children_url = tg.url('/workspaces/treeview_children', dict(ignore_id=item.id, allowed_content_types='folder'))
+                            %>
+                            ${WIDGETS.TREEVIEW_DYNAMIC('move-item-to-other-ws-treeview', None, get_root_url, get_children_url, 'move_mode', 'move-item-treeview-treeview-hidden-field')}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="modal-footer">
+            <span class="pull-right t-modal-form-submit-button">
+                <button id="folder-save-button" type="submit" class="btn btn-small btn-success" title="${_('Validate')}"><i class="fa fa-check"></i> ${_('Validate')}</button>
+            </span>
+        </div>
+    </form>
+</%def>

tracim/tracim/templates/folder/getone.mak

+<%inherit file="local:templates.master_authenticated_left_treeview_right_toolbar"/>
+
+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="TOOLBAR" file="tracim.templates.folder.toolbar"/>
+<%namespace name="FORMS" file="tracim.templates.user_workspace_forms"/>
+<%namespace name="WIDGETS" file="tracim.templates.user_workspace_widgets"/>
+
+<%namespace name="BUTTON" file="tracim.templates.widgets.button"/>
+<%namespace name="TABLE_ROW" file="tracim.templates.widgets.table_row"/>
+<%namespace name="ICON" file="tracim.templates.widgets.icon"/>
+<%namespace name="P" file="tracim.templates.widgets.paragraph"/>
+
+<%def name="title()">${result.folder.label}</%def>
+
+<%def name="SIDEBAR_LEFT_CONTENT()">
+    <h4>${_('Workspaces')}</h4>
+    ${WIDGETS.TREEVIEW('sidebar-left-menu', 'workspace_{}__item_{}'.format(result.folder.workspace.id, result.folder.id))}
+</%def>
+
+<%def name="SIDEBAR_RIGHT_CONTENT()">
+    ${TOOLBAR.SECURED_FOLDER(fake_api.current_user, result.folder.workspace, result.folder)}
+</%def>
+
+<%def name="REQUIRED_DIALOGS()">
+    ${TIM.HELP_MODAL_DIALOG('content-wiki-page-definition')}
+    ${TIM.MODAL_DIALOG('folder-edit-modal-dialog')}
+    ${TIM.MODAL_DIALOG('folder-move-modal-dialog')}
+    ${TIM.MODAL_DIALOG('folder-new-modal-dialog')}
+    ${TIM.MODAL_DIALOG('file-new-modal-dialog')}
+    ${TIM.MODAL_DIALOG('page-new-modal-dialog')}
+    ${TIM.MODAL_DIALOG('thread-new-modal-dialog')}
+    ## TODO-DYNAMIC-CONTENT-HERE
+</%def>
+
+############################################################################
+##
+## PAGE CONTENT BELOW
+##
+############################################################################
+
+<div class="row t-page-header-row">
+    <div class="col-sm-7 col-sm-offset-3 main">
+        <h1 class="page-header t-folder-color-border">
+            <i class="fa fa-fw fa-lg fa-folder-open tracim-less-visible" style="color: #CCCC00"></i>
+            ${result.folder.label}
+        </h1>
+
+        <div style="margin: -1.5em auto -1.5em auto;" class="tracim-less-visible">
+          <p>${_('folder created on {date} at {time} by <b>{author}</b>').format(date=h.date(result.folder.created), time=h.time(result.folder.created), author=result.folder.owner.name)|n}</p>
+        </div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-sm-7 col-sm-offset-3">
+
+        <% user_role = h.user_role(fake_api.current_user, result.folder.workspace) %>
+
+        <div class="t-spacer-above">
+            % if user_role > 1:
+                <div class="btn-group" role="group">
+                    <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
+                        <i class="fa fa-plus"></i> ${_('New ...')}
+                        <span class="caret"></span>
+                    </button>
+                    <ul class="dropdown-menu" role="menu">
+                        % for content_type in result.folder.allowed_content_types:
+                            % if content_type.id != 'folder' or user_role > 2:
+                                ## Only show 'new folder' to content managers
+                                <%
+                                    new_form_content_url = tg.url('/workspaces/{}/folders/{}/{}s/new'.format(result.folder.workspace.id, result.folder.id, content_type.id), params={'workspace_id': result.folder.workspace.id, 'parent_id': result.folder.id})
+                                    modal_dialog_id = '{content_type}-new-modal-dialog'.format(content_type=content_type.id)
+                                    icon_classes = content_type.icon+' '+content_type.color
+                                %>
+                                <li>${BUTTON.DATA_TARGET_AS_TEXT_AND_ICON_MODAL_WITH_REMOTE_CONTENT(modal_dialog_id, content_type.label, new_form_content_url, icon_classes)}</li>
+                            % endif
+                        % endfor
+                    </ul>
+                </div>
+            % endif
+
+            % if len(fake_api.sub_items) > 0:
+                ## INFO - D.A. - 2015-05-25
+                ## We hide filtering/search buttons if no content yet.
+                ## This make the interface more easy to use
+                <div class="btn-group" role="group" aria-label="...">
+                    ${BUTTON.TEXT('', 'btn btn-default disabled', _('hide...'))}
+                    % for content_type in result.folder.allowed_content_types:
+                        ${BUTTON.TEXT('toggle-{type}-visibility'.format(type=content_type.id), 'btn btn-default t-active-color disabled-has-priority', content_type.label)}
+                    % endfor
+                </div>
+
+                <div class="btn-group pull-right" role="group" aria-label="...">
+                    <input id="filtering"  type="text" class="form-control t-bg-grey" placeholder="${_('search...')}" aria-describedby="basic-addon1">
+                </div>
+            % endif
+        </div>
+
+        <div class="t-spacer-above">
+            % if user_role > 1:
+                ## TODO - D.A. - 2015-05-25 - Remove this part of code which becomes useless
+                % if result.folder.allowed_content.page:
+                    ${FORMS.NEW_PAGE_FORM('page-new', result.folder.workspace.id, result.folder.id)}
+                % endif
+                % if result.folder.allowed_content.thread:
+                    ${FORMS.NEW_THREAD_FORM('thread-new', result.folder.workspace.id, result.folder.id)}
+                % endif
+                % if result.folder.allowed_content.file:
+                    ## FIXME${FORMS.NEW_FILE_FORM('file-new', result.folder.workspace.id, result.folder.id)}
+                    ## FIXME${FORMS.NEW_FILE_FORM('file-new', result.folder.workspace.id, result.folder.id)}
+                % endif
+                % if user_role > 2 and result.folder.allowed_content.folder:
+                    ## FIXME${FORMS.NEW_FOLDER_FORM('folder-new', result.folder.workspace.id, result.folder.id)}
+                % endif
+            % endif
+
+            % if len(fake_api.sub_items) <= 0:
+                ${P.EMPTY_CONTENT(_('This folder has not yet content.'))}
+            % else:
+                <table class="table table-striped table-hover tablesorter" id="current-folder-content-list">
+                    <thead>
+                        <tr>
+                            <th>${_('Type')}</th>
+                            <th>${_('Title')}</th>
+                            <th>${_('Status')}</th>
+                            <th>${_('Remarques')}</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        % for content in fake_api.sub_items:
+                            ${TABLE_ROW.CONTENT(content)}
+                        % endfor
+                    </tbody>
+                </table>
+            % endif
+        </div>
+    </div>
+</div>
+<script>
+    $(document).ready(function() {
+        $("#current-folder-content-list").DataTable({
+            sDom: '',
+            pageLength: -1
+        });
+    });
+
+    $(document).ready(function() {
+        $("#toggle-file-visibility").click(function() {
+            $('.t-table-row-file').toggle();
+            $('#toggle-file-visibility').toggleClass('t-active-color');
+            $('#toggle-file-visibility').toggleClass('t-inactive-color');
+        });
+        $("#toggle-thread-visibility").click(function() {
+            $('.t-table-row-thread').toggle();
+            $('#toggle-thread-visibility').toggleClass('t-active-color');
+            $('#toggle-thread-visibility').toggleClass('t-inactive-color');
+        });
+        $("#toggle-folder-visibility").click(function() {
+            $('.t-table-row-folder').toggle();
+            $('#toggle-folder-visibility').toggleClass('t-active-color');
+            $('#toggle-folder-visibility').toggleClass('t-inactive-color');
+        });
+        $("#toggle-page-visibility").click(function() {
+            $('.t-table-row-page').toggle();
+            $('#toggle-page-visibility').toggleClass('t-active-color');
+            $('#toggle-page-visibility').toggleClass('t-inactive-color');
+        });
+    });
+
+    $(document).ready(function() {
+        $("#filtering").on('keyup click', function() {
+            $("#current-folder-content-list").DataTable().search(
+                $("#filtering").val()
+            ).draw();
+        });
+    });
+</script>

tracim/tracim/templates/item_location_edit.mak → tracim/tracim/templates/folder/move.mak

 <%namespace name="TIM" file="tracim.templates.pod"/>
-<%namespace name="FORMS" file="tracim.templates.user_workspace_forms"/>
+<%namespace name="FORMS" file="tracim.templates.folder.forms"/>
 
 <%def name="title()"></%def>
 
 <% do_move_url = tg.url('/workspaces/{}/folders/{}/location/{}?_method=PUT').format(result.item.workspace.id, result.item.id, result.item.id) %>
-${FORMS.ITEM_MOVE_FORM('move-form', result.item, do_move_url, _('Move folder'))}
+${FORMS.MOVE('move-form', result.item, do_move_url, _('Move folder'))}
 

tracim/tracim/templates/folder/new.mak

+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="FOLDER_FORMS" file="tracim.templates.folder.forms"/>
+<%namespace name="ICON" file="tracim.templates.widgets.icon"/>
+
+${FOLDER_FORMS.NEW('form-folder-new', result.item.workspace.id, result.item.parent.id)}
+

tracim/tracim/templates/folder_toolbars.mak → tracim/tracim/templates/folder/toolbar.mak

 <%namespace name="TIM" file="tracim.templates.pod"/>
 
 <%def name="SECURED_FOLDER(user, workspace, folder)">
+##    <div style="width: 100%; text-align: center;">
+##        <a href="" title="Add to favorites" ><i class="fa fa-3x fa-fw fa-star-o tracim-less-visible"></i></a>
+##        <a href="" title="Subscribe to email notifications" ><i class="fa fa-3x fa-fw fa-envelope-o tracim-less-visible"></i></a>
+##        <hr/>
+##        <a href="" title="Remove from favorites" ><i class="fa fa-3x fa-fw fa-star"></i></a>
+##        <a href="" title="Unsubscribe" ><i class="fa fa-3x fa-fw fa-envelope"></i></a>
+##        <hr/>
+##        <a href="" class="btn btn-success" style="text-align: center;">
+##            <i class="fa fa-4x fa-fw fa-eye"></i><br/>
+##            <span style="color: #FFF">${_('mark read')}</span>
+##        </a>
+##        <hr/>
+##        <a href="" class="btn btn-default" style="text-align: center;">
+##            <i class="fa fa-4x fa-fw fa-eye-slash tracim-less-visible"></i><br/>
+##            <span class="tracim-less-visible">${_('mark unread')}</span>
+##        </a>
+##    </div>
+##    <p></p>
+##    <hr/>
+
     <% edit_disabled = ('', 'disabled')[folder.selected_revision!='latest' or folder.status.id[:6]=='closed'] %>
     <%
         ## FIXME - This control should be based on the user role
     % if h.user_role(user, workspace)>2:
         <div class="btn-group btn-group-vertical">
             ## This action is allowed for content managers only
-            <a title="${_('Edit current folder')}" class="btn btn-default ${edit_disabled}" data-toggle="modal" data-target="#folder-edit-modal-dialog" data-remote="${tg.url('/workspaces/{}/folders/{}/edit'.format(folder.workspace.id, folder.id))}" >${TIM.ICO(32, 'apps/accessories-text-editor')}</a>
+            <a title="${_('Edit current folder')}" class="btn btn-default ${edit_disabled}" data-toggle="modal" data-target="#folder-edit-modal-dialog" data-remote="${tg.url('/workspaces/{}/folders/{}/edit'.format(folder.workspace.id, folder.id))}" ><i class="fa fa-edit fa-fw tracim-less-visible"></i> ${_('Edit')}</a>
         </div>
         <p></p>
     % endif
     % if user.profile.id>=3 or h.user_role(user, workspace)>=4:
         <div class="btn-group btn-group-vertical">
             ## This action is allowed for content managers only
-            <a title="${_('Move current folder')}" class="btn btn-default ${move_disabled}" data-toggle="modal" data-target="#folder-move-modal-dialog" data-remote="${tg.url('/workspaces/{}/folders/{}/location/{}/edit'.format(folder.workspace.id, folder.id, folder.id))}" >${TIM.ICO(32, 'actions/item-move')}</a>
+            <a title="${_('Move current folder')}" class="btn btn-default ${move_disabled}" data-toggle="modal" data-target="#folder-move-modal-dialog" data-remote="${tg.url('/workspaces/{}/folders/{}/location/{}/edit'.format(folder.workspace.id, folder.id, folder.id))}" ><i class="fa fa-arrows fa-fw tracim-less-visible"></i> ${_('Move')}</a>
         </div>
         <p></p>
     % endif
         ## if the user can see the toolbar, it means he is the workspace manager.
         ## So now, we need to know if he alsa has right to delete workspaces
         <div class="btn-group btn-group-vertical">
-            <a title="${_('Archive thread')}" class="btn btn-default ${delete_or_archive_disabled}" href="${tg.url('/workspaces/{}/folders/{}/put_archive'.format(folder.workspace.id, folder.id))}">${TIM.ICO(32, 'mimetypes/package-x-generic')}</a>
-            <a title="${_('Delete thread')}" class="btn btn-default ${delete_or_archive_disabled}" href="${tg.url('/workspaces/{}/folders/{}/put_delete'.format(folder.workspace.id, folder.id))}">${TIM.ICO(32, 'status/user-trash-full')}</a>
+            <a title="${_('Archive thread')}" class="btn btn-default ${delete_or_archive_disabled}" href="${tg.url('/workspaces/{}/folders/{}/put_archive'.format(folder.workspace.id, folder.id))}"><i class="fa fa-archive fa-fw tracim-less-visible"></i> ${_('Archive')}</a>
+            <a title="${_('Delete thread')}" class="btn btn-default ${delete_or_archive_disabled}" href="${tg.url('/workspaces/{}/folders/{}/put_delete'.format(folder.workspace.id, folder.id))}"><i class="fa fa-trash-o fa-fw tracim-less-visible"></i> ${_('Delete')}</a>
         </div>
         <p></p>
     % endif

tracim/tracim/templates/home.mak

+<%inherit file="local:templates.master_authenticated_left_treeview_right_toolbar"/>
+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="ROW" file="tracim.templates.widgets.row"/>
+<%namespace name="TABLE_ROW" file="tracim.templates.widgets.table_row"/>
+<%namespace name="LEFT_MENU" file="tracim.templates.widgets.left_menu"/>
+<%namespace name="P" file="tracim.templates.widgets.paragraph"/>
+<%namespace name="TOOLBAR" file="tracim.templates.user_toolbars"/>
+
+<%def name="title()">
+    ${_('Dashboard')}
+</%def>
+
+<%def name="TITLE_ROW()">
+    <div class="row-fluid">
+        <div>
+            ${ROW.TITLE_ROW(_('My Dashboard'), 'fa-home', 'col-md-offset-3 col-md-7', 't-user-color', _('Welcome to your home, {username}.').format(username=fake_api.current_user.name))}
+        </div>
+    </div>
+</%def>
+
+<%def name="SIDEBAR_RIGHT_CONTENT()">
+    ${TOOLBAR.USER_ME(fake_api.current_user)}
+</%def>
+
+
+<%def name="SIDEBAR_LEFT_CONTENT()">
+    ## This is the default left sidebar implementation
+    % if fake_api.current_user.profile.id>2:
+        ${LEFT_MENU.ADMIN('')}
+    % endif
+    ${LEFT_MENU.TREEVIEW('sidebar-left-menu', '__')}
+</%def>
+
+<%def name="REQUIRED_DIALOGS()">
+    ${TIM.MODAL_DIALOG('user-edit-modal-dialog')}
+    ${TIM.MODAL_DIALOG('user-edit-password-modal-dialog')}
+</%def>
+
+<div class="container-fluid">
+    <div class="row-fluid">
+        <div>
+            <div class="row">
+                <div class="col-md-offset-3 col-sm-7">
+                    <div class="row t-spacer-above">
+##                        <div class="col-sm-6">
+##                            <div class="panel panel-default">
+##                              <div class="panel-heading">
+##                                <h3 class="panel-title"><i class="fa fa-eye-slash"></i> ${_('Unread content')}</h3>
+##                              </div>
+##                              <div class="panel-body">
+##                                Panel content
+##                              </div>
+##                            </div>
+##                        </div>
+
+                        <div class="col-sm-6">
+                            <div class="panel panel-default">
+                                <div class="panel-heading">
+                                    <h3 class="panel-title"><i class="fa fa-line-chart"></i> ${_('Recent activity')}</h3>
+                                </div>
+                                % if fake_api.last_actives.nb <= 0:
+                                    ${P.EMPTY_CONTENT(_('There\'s no activity yet.'))}
+                                % else:
+                                    <table class="table table-hover">
+                                        % for item in fake_api.last_actives.contents:
+                                            <tr>
+                                                <td>
+                                                    <i class="${item.type.icon} fa-fw ${item.type.color}"></i>
+                                                    <a href="${item.url}">${item.label}</a>
+                                                    <br/>
+                                                    <span class="t-less-visible">${item.workspace.label}</span>
+                                                </td>
+                                                <td title="${_('Last activity: {datetime}').format(datetime=item.last_activity.label)}">
+                                                    ${item.last_activity.delta}
+                                                </td>
+                                            </tr>
+                                        % endfor
+                                    </table>
+                                % endif
+                            </div>
+                        </div>
+
+##                        <div class="col-sm-6">
+##                            <div class="panel panel-default">
+##                                <div class="panel-heading">
+##                                    <h3 class="panel-title"><i class="fa fa-thumbs-down"></i> ${_('Still open after...')}</h3>
+##                                </div>
+##                                % if fake_api.oldest_opens.nb <= 0:
+##                                    ${P.EMPTY_CONTENT(_('Nothing to close.'))}
+##                                % else:
+##                                    <table class="table table-hover">
+##                                        % for item in fake_api.oldest_opens.contents:
+##                                            <tr>
+##                                                <td>
+##                                                    <i class="${item.type.icon} fa-fw ${item.type.color}"></i>
+##                                                    <a href="${item.url}">${item.label}</a>
+##                                                </td>
+##                                                <td title="${_('Last activity: {datetime}').format(datetime=item.last_activity.label)}">
+##                                                    ${item.last_activity.delta}
+##                                                </td>
+##                                            </tr>
+##                                        % endfor
+##                                    </table>
+##                                % endif
+##                            </div>
+##                        </div>
+
+
+##                        <div class="col-sm-6">
+##                            <div class="panel panel-default">
+##                                <div class="panel-heading">
+##                                    <h3 class="panel-title"><i class="fa fa-star"></i> ${_('Favorites')}</h3>
+##                                </div>
+##
+##                                last_active_contents
+##
+##                                    % if fake_api.favorites.nb <= 0:
+##                                        ${P.EMPTY_CONTENT(_('You did not set any favorite yet.'))}
+##                                    % else:
+##                                        <table class="table table-hover">
+##                                            % for item in fake_api.favorites.contents:
+##                                                <tr>
+##                                                    <td>
+##                                                        <i class="${item.type.icon} fa-fw ${item.type.color}"></i>
+##                                                        <a href="${item.url}">${item.label}</a>
+##                                                    </td>
+##                                                    <td class="text-right">
+##                                                        <i class="${item.status.icon} fa-fw ${item.status.css}" title="${item.status.label}"></i>
+##                                                    </td>
+##                                                </tr>
+##                                            % endfor
+##                                        </table>
+##                                    % endif
+####                                </div>
+##                            </div>
+##                        </div>
+                    </div>
+
+                    ## Workspace list and notifications
+                    <div class="row">
+                        <div class="col-sm-12">
+                            <div class="panel panel-default">
+                                <div class="panel-heading">
+                                    <h3 class="panel-title"><i class="fa fa-bank"></i> ${_('Your workspaces')}</h3>
+                                </div>
+                                <div class="panel-body">
+
+                                    % if len(fake_api.current_user.roles)<=0:
+                                        ${P.EMPTY_CONTENT(_('I\'m not member of any workspace.'))}
+                                    % else:
+                                        <table class="table">
+                                            <thead>
+                                                <tr>
+                                                    <th>${_('Workspace')}</th>
+                                                    <th>${_('Role')}</th>
+                                                    <th>${_('Email Notifications')}</th>
+                                                </tr>
+                                            </thead>
+                                            % for role in fake_api.current_user.roles:
+                                                ${TABLE_ROW.USER_ROLE_IN_WORKSPACE(role, show_id=False, enable_link='/user/me/workspaces/{workspace}/enable_notifications?next_url=/home', disable_link='/user/me/workspaces/{workspace}/disable_notifications?next_url=/home')}
+                                            % endfor
+                                        </table>
+                                    % endif
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+

tracim/tracim/templates/master_anonymous.mak

                     <span class="icon-bar"></span>
                 </button>
                 <a class="navbar-brand" href="${tg.url('/')}">
-##                  <img src="${tg.url('/assets/img/tracim.png')}" class="pull-left" style="height: 48px; margin: -13px 0.5em 0 -13px;"/>
                   <img src="${tg.url('/assets/img/logo.png')}" class="pull-left" style="margin: -13px 0.5em 0 -13px;"/>
                 </a>
             </div>

tracim/tracim/templates/master_authenticated.mak

 <!DOCTYPE html>
 <html>
     <head>
-	    ${self.meta()}
+        ${self.meta()}
         <meta charset="utf-8">
-	    <title>${self.title()}</title>
+        <title>${self.title()}</title>
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="description" content="">
 
 <%def name="main_menu()">
     <div class="navbar navbar-fixed-top" role="navigation">
+        ${TIM.FLASH_MSG('col-sm-7 col-sm-offset-3')}
+##
+##         <div class="row" id="flashgordon">
+##             <div class="col-sm-7 col-sm-offset-3" style="z-index: 10001; padding: 0; position: absolute; top: 0;">
+##                 <div class="alert alert-info" style="margin-top: 1em; ">
+##                     <button type="button" class="close" data-dismiss="alert">×</button>
+##                     <div id="flash">
+##                         <img src="/assets/icons/32x32/status/flash-ok.png">
+##                         Statut de Fichier mis(e) à jour
+##                     </div>
+##                 </div>
+##
+##                 <script>
+##                     window.setTimeout(function() {
+##                         $("#flashgordon").fadeTo(5000, 0.5);
+##                     }, 5000);
+##                 </script>
+##             </div>
+##         </div>
+
+
+
         <div class="container-fluid">
             <div class="navbar-header">
                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                   <img src="${tg.url('/assets/img/logo.png')}" class="pull-left" style="height: 48px; margin: -13px 0.5em 0 -13px;"/>
                 </a>
             </div>
+
             <div class="navbar-collapse collapse">
                 % if request.identity:
                     <ul class="nav navbar-nav navbar-left">
-                        <li><a href="${tg.url('/dashboard')}">${TIM.ICO(16, 'places/user-desktop')} ${_('Dashboard')}</a></li>
-                        <li><a href="${tg.url('/workspaces')}">${TIM.ICO(16, 'places/folder-remote')} ${_('Workspace')}</a></li>
+                        <li class="active"><a href="${tg.url('/home')}">${TIM.FA('fa-home fa-lg')} ${_('My Home')}</a></li>
+                    </ul>
+                % endif
+
+                <ul class="nav navbar-nav navbar-right">
+
+                    % if request.identity:
+
+                        <form id="search-form" class="navbar-form navbar-left" role="search" action="${tg.url('/search?')}">
+                            <div class="form-group">
+                                <input type="text" class="form-control" placeholder="${_('Search for...')}" name="keywords" value="${','.join(search.keywords) if search else ''}">
+                                <i class="fa fa-search t-less-visible" style="margin-left: -2em;" onclick="$('#search-form').submit()"></i>
+                            </div>
+                            ## <button type="submit" class="btn btn-default">${_('Search')}</button>
+                        </form>
 
-                        % if fake_api.current_user.profile.id>=2:
+                        % if fake_api.current_user.profile.id>=8: #2:
                             <li class="dropdown">
-                              <a href="#" class="dropdown-toggle" data-toggle="dropdown">${TIM.ICO(16, 'categories/preferences-system')} ${_('Admin')} <b class="caret"></b></a>
+                              <a href="#" class="dropdown-toggle" data-toggle="dropdown">${TIM.FA('fa-lg fa-cogs')} ${_('Admin')} <b class="caret"></b></a>
                               <ul class="dropdown-menu">
-                                <li><a href="${tg.url('/admin/users')}">${TIM.ICO(16, 'apps/system-users')} ${_('Users')}</a></li>
-                                <li><a href="${tg.url('/admin/workspaces')}">${TIM.ICO(16, 'places/folder-remote')} ${_('Workspaces')}</a></li>
+                                <li><a href="${tg.url('/admin/users')}">${TIM.FA('fa-users tracim-less-visible')} ${_('Users')}</a></li>
+                                <li><a href="${tg.url('/admin/workspaces')}">${TIM.FA('fa-bank tracim-less-visible')} ${_('Workspaces')}</a></li>
 ## TODO - D.A. - 2014-10-20 - Restore global configuration screen
 ##                                <li class="divider" role="presentation"></li>
 ##                                <li><a href="${tg.url('/admin/configuration')}">${TIM.ICO(16, 'categories/preferences-system')} ${_('Global configuration')}</a></li>
                             </li>
                         % endif
 
-                        % if h.is_debug_mode():
+                        % if False and h.is_debug_mode():
                             <li class="dropdown text-danger" >
-                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">${TIM.ICO(16, 'status/dialog-warning')} Debug <b class="caret"></b></a>
+                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">${TIM.FA('fa-warning t-orange')} Debug <b class="caret"></b></a>
                                 <ul class="dropdown-menu">
                                     <li><a class="text-danger" href=""><strong>${_('you MUST desactivate debug in production')}</strong></a></li>
                                     <li class="divider" role="presentation"></li>
-                                    <li><a href="${tg.url('/debug/environ')}">${TIM.ICO(16, 'apps/internet-web-browser')} request.environ</a></li>
-                                    <li><a href="${tg.url('/debug/identity')}">${TIM.ICO(16, 'actions/contact-new')} request.identity</a></li>
+                                    <li><a href="${tg.url('/debug/environ')}">${TIM.FA('fa-globe fa-fw t-less-visible')} request.environ</a></li>
+                                    <li><a href="${tg.url('/debug/identity')}">${TIM.FA('fa-user fa-fw t-less-visible')} request.identity</a></li>
                                     <li class="divider" role="presentation"></li>
-                                    <li><a href="${tg.url('/debug/iconset-fa')}">${TIM.ICO(16, 'mimetypes/image-x-generic')} Icon set - Font Awesome</a></li>
-                                    <li><a href="${tg.url('/debug/iconset-tango')}">${TIM.ICO(16, 'mimetypes/image-x-generic')} Icon set - Tango Icons</a></li>
+                                    <li><a href="${tg.url('/debug/iconset-fa')}">${TIM.FA('fa-file-image-o t-less-visible')} Icon set - Font Awesome</a></li>
+                                    <li><a href="${tg.url('/debug/iconset-tango')}">${TIM.FA('fa-file-image-o t-less-visible')} Icon set - Tango Icons</a></li>
                                 </ul>
                             </li>
                         % endif
-                        
-                        <form class="navbar-form navbar-left" role="search" action="${tg.url('/search?')}">
-                            <div class="form-group">
-                                <input type="text" class="form-control" placeholder="${_('Search for...')}" name="keywords" value="${','.join(search.keywords) if search else ''}">
-                            </div>
-                            <button type="submit" class="btn btn-default">${_('Search')}</button>
-                        </form>
-                    </ul>
-                % endif
-
-                <ul class="nav navbar-nav navbar-right">
-
-                    % if request.identity:
-## TODO - D.A. - 2014-10-19 - RESTORE SEARCH FEATURE
-##                        <li>
-##                            <form class="navbar-form navbar-right" action="${tg.url('/search')}">
-##                                <input type="text" name="keywords" class="form-control" placeholder="${_('Search...')}" value="${context.get('search_string', '')}">
-##                                <button type="submit" class="btn btn-default">
-##                                    ${TIM.ICO(16, 'actions/system-search')}
-##                                </button>
-##                            </form>
-##                        </li>
                         <li class="dropdown">
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                              ${TIM.ICO(16, 'categories/applications-system')} ${fake_api.current_user.name}
+                                ${TIM.FA('fa-lg fa-user')} ${fake_api.current_user.name}
+
                             </a>
                             <ul class="dropdown-menu pull-right">
                                 <li>
-                                  <a href="${tg.url('/user/me')}">${TIM.ICO(16, 'actions/contact-new')|n} ${_('My account')}</a>
-                                </li>
-                                <li class="divider" role="presentation"></li>
-                                <li>
-                                  <a href="${tg.url('/logout_handler')}">
-                                  ${TIM.ICO(16, 'status/status-locked')|n} ${_('Logout')}</a>
+                                  <a href="${tg.url('/logout_handler')}">${TIM.FA('fa-sign-out fa-fw t-orange')} ${_('Logout')}</a>
                                 </li>
                             </ul>
                         </li>
         </div>
     </div>
 </%def>
-
 </html>

tracim/tracim/templates/master_authenticated_left_treeview.mak

+<%inherit file="local:templates.master_authenticated"/>
+<%namespace name="TIM" file="tracim.templates.pod"/>
+<%namespace name="LEFT_MENU" file="tracim.templates.widgets.left_menu"/>
+
+<%def name="SIDEBAR_LEFT_CONTENT()">
+    ## This is the default left sidebar implementation
+    % if fake_api.current_user.profile.id>2:
+        ${LEFT_MENU.ADMIN('')}
+    % endif
+    ${LEFT_MENU.TREEVIEW('sidebar-left-menu', '__')}
+</%def>
+
+<%def name="SIDEBAR_RIGHT_CONTENT()">
+    ## This is the default right sidebar implementation
+    <div id="sidebar-right" class="col-sm-1 col-md-1 col-sm-offset-11 sidebar">
+        <div class="btn-group btn-group-vertical">
+        </div>
+        <p></p>
+    </div> <!-- # End of side bar right -->
+</%def>
+<%def name="REQUIRED_DIALOGS()"></%def>
+<%def name="FOOTER_CONTENT_LIKE_SCRIPTS_AND_CSS()"></%def>
+
+<%def name="content_wrapper()">
+    <div class="container-fluid">
+        <div class="row-fluid">
+        
+            ## SIDEBAR LEFT
+            <div id="sidebar-left" class="fixed-width-sidebar col-sm-3 sidebar" >
+                <div class="btn-group" style="position: absolute; right: 2px; top: 4px; ">
+                    <button id="toggle-left-sidebar-width" type="button" class="btn btn-link"><i class="fa fa-angle-double-right"></i></button>
+                </div>
+                ${self.SIDEBAR_LEFT_CONTENT()}
+            </div>
+            ## SIDEBAR LEFT [END]
+
+            ## SIDEBAR RIGHT
+            <div id="sidebar-right" class="col-sm-1 col-md-1 col-sm-offset-11 sidebar">
+                ${self.SIDEBAR_RIGHT_CONTENT()}
+            </div> <!-- # End of side bar right -->
+            ## SIDEBAR RIGHT [END]
+
+            <div>
+                ${self.TITLE_ROW()}
+                ${TIM.FLASH_MSG('col-sm-8 col-sm-offset-3')}
+                ${self.body()}
+            </div>
+        </div>
+    </div>
+    ${self.REQUIRED_DIALOGS()}
+    
+    ###########################################
+    ##
+    ## GENERIC STUFF LIKE SCRIPTS
+    ##
+    ###########################################
+    <script src="${tg.url('/assets/js/jquery.min.js')}"></script>
+    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+    <script src="${tg.url('/assets/js/ie10-viewport-bug-workaround.js')}"></script>
+    <script>
+        $(function () {
+            $('#toggle-left-sidebar-width').click( function() {
+              sidebar = $('#sidebar-left');
+              buttonIcon = $('> i', this);
+              if (sidebar.hasClass('fixed-width-sidebar')) {
+                sidebar.removeClass('fixed-width-sidebar')
+                sidebar.removeClass('col-sm-3');
+                
+                buttonIcon.removeClass('fa-angle-double-right');
+                buttonIcon.addClass('fa-angle-double-left');
+              } else {
+                sidebar.addClass('fixed-width-sidebar')
+                sidebar.addClass('col-sm-3');
+                buttonIcon.removeClass('fa-angle-double-left');
+                buttonIcon.addClass('fa-angle-double-right');
+              }
+            });
+
+            $('#current-page-breadcrumb-toggle-button').click( function() {
+              $('#current-page-breadcrumb').toggle();
+            });
+        });
+    </script>
+    <!-- TinyMCE ================================================== -->
+    <script src="${tg.url('/assets/tinymce/js/tinymce/tinymce.min.js')}"></script>
+    ${TIM.TINYMCE_INIT_SCRIPT('.pod-rich-textarea')}
+
+    <!-- JSTree ================================================== -->
+    <link rel="stylesheet" href="${tg.url('/assets/jstree/themes/default/style.min.css')}" />
+    <link rel="stylesheet" href="${tg.url('/assets/jstree/themes/tracim/style.css')}" />
+    <script src="${tg.url('/assets/jstree/jstree.min.js')}"></script>
+
+
+##    <link rel="stylesheet" href="${tg.url('/assets/tablesorter/themes/blue/style.css')}" />
+    <script src="${tg.url('/assets/tablesorter/jquery.tablesorter.min.js')}"></script>
+
+</%def>
+

tracim/tracim/templates/master_authenticated_left_treeview_right_toolbar.mak

 <%inherit file="local:templates.master_authenticated"/>
 <%namespace name="TIM" file="tracim.templates.pod"/>
 
+<%def name="TITLE_ROW()"></%def>
 <%def name="SIDEBAR_LEFT_CONTENT()"></%def>
 <%def name="SIDEBAR_RIGHT_CONTENT()"></%def>
 <%def name="REQUIRED_DIALOGS()"></%def>
         <div class="row-fluid">
         
             ## SIDEBAR LEFT
-            <div id="sidebar-left" class="fixed-width-sidebar col-sm-2 sidebar" >
+            <div id="sidebar-left" class="fixed-width-sidebar col-sm-3 sidebar" >
                 <div class="btn-group" style="position: absolute; right: 2px; top: 4px; ">
                     <button id="toggle-left-sidebar-width" type="button" class="btn btn-link"><i class="fa fa-angle-double-right"></i></button>
                 </div>
             ## SIDEBAR LEFT [END]
 
             ## SIDEBAR RIGHT
-            <div id="sidebar-right" class="col-sm-1 col-md-1 col-sm-offset-11 sidebar" style="background-color: #FFF;">
+            <div id="sidebar-right" class="col-sm-2 col-md-2 col-sm-offset-10 sidebar">
                 ${self.SIDEBAR_RIGHT_CONTENT()}
             </div> <!-- # End of side bar right -->
             ## SIDEBAR RIGHT [END]
             
-        <div>
-            ${TIM.FLASH_MSG('col-sm-9 col-sm-offset-2')}
-            
-            <div class="row">
-                <div class="col-sm-9 col-sm-offset-2 main">
-                    ## BODY
-                    ${self.body()}
-                    ## BODY [END]
-                </div>
+            <div>
+                ${self.TITLE_ROW()}
+                ${self.body()}
             </div>
         </div>
     </div>
               buttonIcon = $('> i', this);
               if (sidebar.hasClass('fixed-width-sidebar')) {
                 sidebar.removeClass('fixed-width-sidebar')
-                sidebar.removeClass('col-sm-2');
+                sidebar.removeClass('col-sm-3');
                 
                 buttonIcon.removeClass('fa-angle-double-right');
                 buttonIcon.addClass('fa-angle-double-left');
               } else {
                 sidebar.addClass('fixed-width-sidebar')
-                sidebar.addClass('col-sm-2');
+                sidebar.addClass('col-sm-3');
                 buttonIcon.removeClass('fa-angle-double-left');
                 buttonIcon.addClass('fa-angle-double-right');
               }
     <script src="${tg.url('/assets/tinymce/js/tinymce/tinymce.min.js')}"></script>
     ${TIM.TINYMCE_INIT_SCRIPT('.pod-rich-textarea')}
 
-
     <!-- JSTree ================================================== -->
     <link rel="stylesheet" href="${tg.url('/assets/jstree/themes/default/style.min.css')}" />
+    <link rel="stylesheet" href="${tg.url('/assets/jstree/themes/tracim/style.css')}" />
     <script src="${tg.url('/assets/jstree/jstree.min.js')}"></script>
 
+##     <link rel="stylesheet" href="${tg.url('/assets/tablesorter/themes/tracim/style.css')}"/>
+##    <script src="${tg.url('/assets/tablesorter/jquery.tablesorter.min.js')}"></script>
+
+
+    <link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css"/>
+    <script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
 </%def>