 EditableDescriptionDirective = ($rootscope, $repo, $confirm, $compile, $loading) ->
     template = """
         <div class="view-description">
-            <section class="us-content wysiwyg" tg-bind-html="item.description_html"></section>
+            <section class="us-content wysiwyg"
+                     tg-bind-html="item.description_html || noDescriptionMsg"></section>
             <span class="edit icon icon-edit" href="" title="Edit" />
         </div>
         <div class="edit-description">

        $scope.$watch $attrs.ngModel, (value) ->
            return if not value
            $scope.item = value
            if $scope.project.my_permissions.indexOf($attrs.requiredPerm) != -1
                $el.find('div.view-description span.edit').show()

        $el.find('div.edit-description').hide()
        $el.find('div.view-description span.edit').hide()

    return {
        link: link

                      tg-markitup="tg-markitup"></textarea>
            <a class="save icon icon-floppy" href="" title="Save" />
        </div>
    """ # TODO: i18n
    noDescriptionMegEditMode = """
    <p class="no-description">
        -- no description yet, why don't you add a good one clicking here? --
    </p>
    """ # TODO: i18n
    noDescriptionMegReadMode = """
    <p class="no-description">
        -- no description yet --
    </p>
    """ # TODO: i18n

    link = ($scope, $el, $attrs, $model) ->
        $el.find('div.edit-description').hide()
        $el.find('div.view-description span.edit').hide()

        isEditable = ->
            return $scope.project.my_permissions.indexOf($attrs.requiredPerm) != -1

        $el.on "click", ".view-description", (event) ->
            # We want to dettect the a inside the div so we use the target and
