# This program is free software: you can redistribute it and/or modify

# it under the terms of the GNU General Public License as published by

# the Free Software Foundation, either version 3 of the License, or

# (at your option) any later version.

#

# This program is distributed in the hope that it will be useful,

# but WITHOUT ANY WARRANTY; without even the implied warranty of

# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

# GNU General Public License for more details.

#

# You should have received a copy of the GNU General Public License

# along with this program.  If not, see <http://www.gnu.org/licenses/>.

"""

kallithea.controllers.changelog

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

changelog controller for Kallithea

This file was forked by the Kallithea project in July 2014.

Original author and date, and relevant copyright and licensing information is below:

:created_on: Apr 21, 2010

:author: marcink

:copyright: (c) 2013 RhodeCode GmbH, and others.

:license: GPLv3, see LICENSE.md for more details.

"""

import logging

import traceback

from tg import request, session, tmpl_context as c

from tg.i18n import ugettext as _

from webob.exc import HTTPFound, HTTPNotFound, HTTPBadRequest

import kallithea.lib.helpers as h

from kallithea.config.routing import url

from kallithea.lib.auth import LoginRequired, HasRepoPermissionLevelDecorator

from kallithea.lib.base import BaseRepoController, render

from kallithea.lib.graphmod import graph_data

from kallithea.lib.page import RepoPage

from kallithea.lib.vcs.exceptions import RepositoryError, ChangesetDoesNotExistError, \

    ChangesetError, NodeDoesNotExistError, EmptyRepositoryError

from kallithea.lib.utils2 import safe_int, safe_str

log = logging.getLogger(__name__)

def _load_changelog_summary():

    p = safe_int(request.GET.get('page'), 1)

    size = safe_int(request.GET.get('size'), 10)

    def url_generator(**kw):

        return url('changelog_summary_home',

                   repo_name=c.db_repo.repo_name, size=size, **kw)

    collection = c.db_repo_scm_instance

                                 items_per_page=size,

                                 url=url_generator)

    c.cs_comments = c.db_repo.get_comments(page_revisions)

    c.cs_statuses = c.db_repo.statuses(page_revisions)

class ChangelogController(BaseRepoController):

    def _before(self, *args, **kwargs):

        super(ChangelogController, self)._before(*args, **kwargs)

        c.affected_files_cut_off = 60

    @staticmethod

    def __get_cs(rev, repo):

        """

        Safe way to get changeset. If error occur fail with error message.

        :param rev: revision to fetch

        :param repo: repo instance

        """

        try:

            return c.db_repo_scm_instance.get_changeset(rev)

        except EmptyRepositoryError as e:

            h.flash(h.literal(_('There are no changesets yet')),

                    category='error')

        except RepositoryError as e:

            log.error(traceback.format_exc())

            h.flash(safe_str(e), category='error')

        raise HTTPBadRequest()

    @LoginRequired()

    @HasRepoPermissionLevelDecorator('read')

    def index(self, repo_name, revision=None, f_path=None):

        # Fix URL after page size form submission via GET

        # TODO: Somehow just don't send this extra junk in the GET URL

        if request.GET.get('set'):

            request.GET.pop('set', None)

            if revision is None:

                raise HTTPFound(location=url('changelog_home', repo_name=repo_name, **request.GET))

            raise HTTPFound(location=url('changelog_file_home', repo_name=repo_name, revision=revision, f_path=f_path, **request.GET))

        limit = 2000

        default = 100

        if request.GET.get('size'):

            c.size = max(min(safe_int(request.GET.get('size')), limit), 1)

            session['changelog_size'] = c.size

            session.save()

        else:

            c.size = int(session.get('changelog_size', default))

        # min size must be 1

        c.size = max(c.size, 1)

        p = safe_int(request.GET.get('page'), 1)

        branch_name = request.GET.get('branch', None)

        if (branch_name and

            branch_name not in c.db_repo_scm_instance.branches and

            branch_name not in c.db_repo_scm_instance.closed_branches and

            not revision):

            raise HTTPFound(location=url('changelog_file_home', repo_name=c.repo_name,

                                    revision=branch_name, f_path=f_path or ''))

        if revision == 'tip':

            revision = None

        c.changelog_for_path = f_path

        try:

            if f_path:

                log.debug('generating changelog for path %s', f_path)

                # get the history for the file !

                tip_cs = c.db_repo_scm_instance.get_changeset()

                try:

                    collection = tip_cs.get_file_history(f_path)

                except (NodeDoesNotExistError, ChangesetError):

                    #this node is not present at tip !

                    try:

                        cs = self.__get_cs(revision, repo_name)

                        collection = cs.get_file_history(f_path)

                    except RepositoryError as e:

                        h.flash(safe_str(e), category='warning')

                        raise HTTPFound(location=h.url('changelog_home', repo_name=repo_name))

                collection = list(reversed(collection))

            else:

                collection = c.db_repo_scm_instance.get_changesets(start=0, end=revision,

                                                        branch_name=branch_name)

            c.total_cs = len(collection)

                                    items_per_page=c.size, branch=branch_name,)

            c.cs_comments = c.db_repo.get_comments(page_revisions)

            c.cs_statuses = c.db_repo.statuses(page_revisions)

        except EmptyRepositoryError as e:

            h.flash(safe_str(e), category='warning')

            raise HTTPFound(location=url('summary_home', repo_name=c.repo_name))

        except (RepositoryError, ChangesetDoesNotExistError, Exception) as e:

            log.error(traceback.format_exc())

            h.flash(safe_str(e), category='error')

            raise HTTPFound(location=url('changelog_home', repo_name=c.repo_name))

        c.branch_name = branch_name

        c.branch_filters = [('', _('None'))] + \

            [(k, k) for k in c.db_repo_scm_instance.branches.keys()]

        if c.db_repo_scm_instance.closed_branches:

            prefix = _('(closed)') + ' '

            c.branch_filters += [('-', '-')] + \

                [(k, prefix + k) for k in c.db_repo_scm_instance.closed_branches.keys()]

        revs = []

        if not f_path:

        c.jsdata = graph_data(c.db_repo_scm_instance, revs)

        c.revision = revision # requested revision ref

        return render('changelog/changelog.html')

    @LoginRequired()

    @HasRepoPermissionLevelDecorator('read')

    def changelog_details(self, cs):

        if request.environ.get('HTTP_X_PARTIAL_XHR'):

            c.cs = c.db_repo_scm_instance.get_changeset(cs)

            return render('changelog/changelog_details.html')

        raise HTTPNotFound()

    @LoginRequired()

    @HasRepoPermissionLevelDecorator('read')

    def changelog_summary(self, repo_name):

        if request.environ.get('HTTP_X_PARTIAL_XHR'):

            _load_changelog_summary()

            return render('changelog/changelog_summary_data.html')

        raise HTTPNotFound()

## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%block name="title">

    ${_('%s Changelog') % c.repo_name}

    %if c.changelog_for_path:

      /${c.changelog_for_path}

    %endif

</%block>

<%def name="breadcrumbs_links()">

    <% size = c.size if c.size <= c.total_cs else c.total_cs %>

    ${_('Changelog')}

    %if c.changelog_for_path:

     - /${c.changelog_for_path}

    %endif

    %if c.revision:

    @ ${h.short_id(c.first_revision.raw_id)}

    %endif

    - ${ungettext('showing %d out of %d revision', 'showing %d out of %d revisions', size) % (size, c.total_cs)}

</%def>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%def name="main()">

${self.repo_context_bar('changelog', c.first_revision.raw_id if c.first_revision else None)}

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <div class="panel-body changelog-panel">

                <div class="changelog-heading clearfix" style="${'display:none' if c.changelog_for_path else ''}">

                    <div class="pull-left">

                        ${h.form(h.url.current(),method='get',class_="form-inline")}

                            ${h.submit('set',_('Show'),class_="btn btn-default btn-sm")}

                            ${h.text('size',size=3,value=c.size,class_='form-control')}

                            ${_('revisions')}

                            %if c.branch_name:

                                ${h.hidden('branch', c.branch_name)}

                            %endif

                            <a href="#" class="btn btn-default btn-sm" id="rev_range_clear" style="display:none">${_('Clear selection')}</a>

                        ${h.end_form()}

                    </div>

                    <div class="pull-right">

                        <a href="#" class="btn btn-default btn-sm" id="rev_range_container" style="display:none"></a>

                        %if c.revision:

                            <a class="btn btn-default btn-sm" href="${h.url('changelog_home', repo_name=c.repo_name)}">

                                ${_('Go to tip of repository')}

                            </a>

                        %endif

                        %if c.db_repo.fork:

                            <a id="compare_fork"

                               title="${_('Compare fork with %s' % c.db_repo.fork.repo_name)}"

                               href="${h.url('compare_url',repo_name=c.db_repo.fork.repo_name,org_ref_type=c.db_repo.landing_rev[0],org_ref_name=c.db_repo.landing_rev[1],other_repo=c.repo_name,other_ref_type='branch' if request.GET.get('branch') else c.db_repo.landing_rev[0],other_ref_name=request.GET.get('branch') or c.db_repo.landing_rev[1], merge=1)}"

                               class="btn btn-default btn-sm"><i class="icon-git-compare"></i> ${_('Compare fork with parent repository (%s)' % c.db_repo.fork.repo_name)}</a>

                        %endif

                        ## text and href of open_new_pr is controlled from javascript

                        <a id="open_new_pr" class="btn btn-default btn-sm"></a>

                        ${_("Branch filter:")} ${h.select('branch_filter',c.branch_name,c.branch_filters)}

                    </div>

                </div>

                <div id="graph_nodes">

                    <canvas id="graph_canvas" style="width:0"></canvas>

                </div>

                <div id="graph_content" style="${'margin: 0px' if c.changelog_for_path else ''}">

                <table class="table" id="changesets">

                <tbody>

                    <tr id="chg_${cnt+1}" class="${'mergerow' if len(cs.parents) > 1 else ''}">

                        <td class="checkbox-column">

                            %if c.changelog_for_path:

                                ${h.checkbox(cs.raw_id,class_="changeset_range", disabled="disabled")}

                            %else:

                                ${h.checkbox(cs.raw_id,class_="changeset_range")}

                            %endif

                        </td>

                        <td class="status">

                          %if c.cs_statuses.get(cs.raw_id):

                            %if c.cs_statuses.get(cs.raw_id)[2]:

                              <a data-toggle="tooltip" title="${_('Changeset status: %s by %s\nClick to open associated pull request %s') % (c.cs_statuses.get(cs.raw_id)[1], c.cs_statuses.get(cs.raw_id)[5].username, c.cs_statuses.get(cs.raw_id)[4])}" href="${h.url('pullrequest_show',repo_name=c.cs_statuses.get(cs.raw_id)[3],pull_request_id=c.cs_statuses.get(cs.raw_id)[2])}">

                                <i class="icon-circle changeset-status-${c.cs_statuses.get(cs.raw_id)[0]}"></i>

                              </a>

                            %else:

                              <a data-toggle="tooltip" title="${_('Changeset status: %s by %s') % (c.cs_statuses.get(cs.raw_id)[1], c.cs_statuses.get(cs.raw_id)[5].username)}"

                                 href="${c.cs_comments[cs.raw_id][0].url()}">

                                  <i class="icon-circle changeset-status-${c.cs_statuses.get(cs.raw_id)[0]}"></i>

                              </a>

                            %endif

                          %endif

                        </td>

                        <td class="author" data-toggle="tooltip" title="${cs.author}">

                            ${h.gravatar(h.email_or_none(cs.author), size=16)}

                            <span class="user">${h.person(cs.author)}</span>

                        </td>

                        <td class="hash">

                            ${h.link_to(h.show_id(cs),h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id), class_='changeset_hash')}

                        </td>

                        <td class="date">

                            <div class="date" data-toggle="tooltip" title="${h.fmt_date(cs.date)}">${h.age(cs.date,True)}</div>

                        </td>

                        <% message_lines = cs.message.splitlines() %>

                        %if len(message_lines) > 1:

                        <td class="expand_commit" title="${_('Expand commit message')}">

                            <i class="icon-align-left"></i>

                        </td>

                        %else:

                        <td></td>

                        %endif

                        <td class="mid">

                            <div class="log-container">

                                <div class="message">

                                    <div class="message-firstline">${h.urlify_text(message_lines[0], c.repo_name,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}</div>

                                    %if len(message_lines) > 1:

                                    <div class="message-full hidden">${h.urlify_text(cs.message, c.repo_name)}</div>

                                    %endif

                                </div>

                                        <span class="divergenttag" title="Divergent">

                                            Divergent

                                        </span>

                                    %endif

                                    %if cs.extinct:

                                        <span class="extincttag" title="Extinct">

                                            Extinct

                                        </span>

                                    %endif

                                    %if cs.unstable:

                                        <span class="unstabletag" title="Unstable">

                                            Unstable

                                        </span>

                                    %endif

                                    %if cs.phase:

                                        <span class="phasetag" title="Phase">

                                            ${cs.phase}

                                        </span>

                                    %endif

                                    %if h.is_hg(c.db_repo_scm_instance):

                                        %for book in cs.bookmarks:

                                            <span class="booktag" title="${_('Bookmark %s') % book}">

                                                ${h.link_to(book,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

                                            </span>

                                        %endfor

                                    %endif

                                    %for tag in cs.tags:

                                        <span class="tagtag" title="${_('Tag %s') % tag}">

                                            ${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

                                        </span>

                                    %endfor

                                    %if (not c.branch_name) and cs.branch:

                                        <span class="branchtag" title="${_('Branch %s' % cs.branch)}">

                                            ${h.link_to(cs.branch,h.url('changelog_home',repo_name=c.repo_name,branch=cs.branch))}

                                        </span>

                                    %endif

                                </div>

                            </div>

                        </td>

                    </tr>

                %endfor

                </tbody>

                </table>

                <input type="checkbox" id="singlerange" style="display:none"/>

                </div>

        <script type="text/javascript" src="${h.url('/js/graph.js', ver=c.kallithea_version)}"></script>

        <script type="text/javascript">

            var jsdata = ${h.js(c.jsdata)};

            var graph = new BranchRenderer('graph_canvas', 'graph_content', 'chg_');

            $(document).ready(function(){

                var $checkboxes = $('.changeset_range');

                pyroutes.register('changeset_home', ${h.js(h.url('changeset_home', repo_name='%(repo_name)s', revision='%(revision)s'))}, ['repo_name', 'revision']);

                var checkbox_checker = function(e) {

                    var $checked_checkboxes = $checkboxes.filter(':checked');

                    var $singlerange = $('#singlerange');

                    $('#rev_range_container').hide();

                    $checkboxes.show();

                    $singlerange.show();

                    if ($checked_checkboxes.length > 0) {

                        $checked_checkboxes.first().parent('td').append($singlerange);

                        var singlerange = $singlerange.prop('checked');

                        var rev_end = $checked_checkboxes.first().prop('name');

                        if ($checked_checkboxes.length > 1 || singlerange) {

                            var rev_start = $checked_checkboxes.last().prop('name');

                            $('#rev_range_container').prop('href',

                                pyroutes.url('changeset_home', {'repo_name': ${h.js(c.repo_name)},

                                                                'revision': rev_start + '...' + rev_end}));

                            $('#rev_range_container').html(

                                 _TM['Show Selected Changesets {0} → {1}'].format(rev_start.substr(0, 12), rev_end.substr(0, 12)));

                            $('#rev_range_container').show();

                            $('#open_new_pr').prop('href', pyroutes.url('pullrequest_home',

                                                                        {'repo_name': ${h.js(c.repo_name)},

                                                                         'rev_start': rev_start,

                                                                         'rev_end': rev_end}));

                            $('#open_new_pr').html(_TM['Open New Pull Request for {0} → {1}'].format(rev_start.substr(0, 12), rev_end.substr(0, 12)));

                        } else {

                            $('#open_new_pr').prop('href', pyroutes.url('pullrequest_home',

                                                                        {'repo_name': ${h.js(c.repo_name)},

                                                                         'rev_end': rev_end}));

                            $('#open_new_pr').html(_TM['Open New Pull Request from {0}'].format(rev_end.substr(0, 12)));

                        }

                        $('#rev_range_clear').show();

                        $('#compare_fork').hide();

                        var disabled = true;

                        $checkboxes.each(function(){

                            var $this = $(this);

## -*- coding: utf-8 -*-

<table class="table">

    <tr>

        <th class="left"></th>

        <th class="left"></th>

        <th class="left">${_('Revision')}</th>

        <th class="left">${_('Commit Message')}</th>

        <th class="left">${_('Age')}</th>

        <th class="left">${_('Author')}</th>

        <th class="left">${_('Refs')}</th>

    </tr>

    <tr class="parity${cnt%2} ${'mergerow' if len(cs.parents) > 1 else ''}">

        <td class="compact">

              %if c.cs_statuses.get(cs.raw_id):

                %if c.cs_statuses.get(cs.raw_id)[2]:

                  <a data-toggle="tooltip" title="${_('Changeset status: %s by %s\nClick to open associated pull request %s') % (c.cs_statuses.get(cs.raw_id)[1], c.cs_statuses.get(cs.raw_id)[5].username, c.cs_statuses.get(cs.raw_id)[4])}" href="${h.url('pullrequest_show',repo_name=c.cs_statuses.get(cs.raw_id)[3],pull_request_id=c.cs_statuses.get(cs.raw_id)[2])}">

                    <i class="icon-circle changeset-status-${c.cs_statuses.get(cs.raw_id)[0]}"></i>

                  </a>

                %else:

                  <a data-toggle="tooltip" title="${_('Changeset status: %s by %s') % (c.cs_statuses.get(cs.raw_id)[1], c.cs_statuses.get(cs.raw_id)[5].username)}"

                     href="${c.cs_comments[cs.raw_id][0].url()}">

                    <i class="icon-circle changeset-status-${c.cs_statuses.get(cs.raw_id)[0]}"></i>

                  </a>

                %endif

              %endif

        </td>

        <td class="compact">

              %if c.cs_comments.get(cs.raw_id,[]):

               <div class="comments-container">

                   <div title="${('comments')}">

                       <a href="${c.cs_comments[cs.raw_id][0].url()}">

                          <i class="icon-comment"></i>${len(c.cs_comments[cs.raw_id])}

                       </a>

                   </div>

               </div>

              %endif

        </td>

        <td>

            <a href="${h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id)}" class="revision-link">${h.show_id(cs)}</a>

        </td>

        <td>

            ${h.urlify_text(h.chop_at(cs.message,'\n'),c.repo_name, h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

        </td>

        <td><span data-toggle="tooltip" title="${h.fmt_date(cs.date)}">

                      ${h.age(cs.date)}</span>

        </td>

        <td title="${cs.author}">${h.person(cs.author)}</td>

        <td>

            %if h.is_hg(c.db_repo_scm_instance):

                %for book in cs.bookmarks:

                    <span class="booktag" title="${_('Bookmark %s') % book}">

                        ${h.link_to(book,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

                    </span>

                %endfor

            %endif

            %for tag in cs.tags:

             <span class="tagtag" title="${_('Tag %s') % tag}">

                 ${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

             </span>

            %endfor

            %if cs.branch:

             <span class="branchtag" title="${_('Branch %s' % cs.branch)}">

                 ${h.link_to(cs.branch,h.url('changelog_home',repo_name=c.repo_name,branch=cs.branch))}

             </span>

            %endif

        </td>

    </tr>

%endfor

</table>

%else:

%if h.HasRepoPermissionLevel('write')(c.repo_name):

<h4>${_('Add or upload files directly via Kallithea')}</h4>

<div>

  <div id="add_node_id" class="add_node">

      <a class="btn btn-default btn-xs" href="${h.url('files_add_home',repo_name=c.repo_name,revision=0,f_path='', anchor='edit')}">${_('Add New File')}</a>

  </div>

</div>

%endif

<h4>${_('Push new repository')}</h4>

<pre>

    ${c.db_repo_scm_instance.alias} clone ${c.clone_repo_url}

    ${c.db_repo_scm_instance.alias} add README # add first file

    ${c.db_repo_scm_instance.alias} commit -m "Initial" # commit with message

    ${c.db_repo_scm_instance.alias} push ${'origin master' if h.is_git(c.db_repo_scm_instance) else ''} # push changes back

</pre>

<h4>${_('Existing repository?')}</h4>

<pre>

%if h.is_git(c.db_repo_scm_instance):

    git remote add origin ${c.clone_repo_url}

    git push -u origin master

%else:

    hg push ${c.clone_repo_url}

%endif

</pre>

%endif

                ${h.gravatar_div(c.db_repo.owner.email, size=18, div_class="pull-right")}

              </a>

            </li>

            <li class="list-group-item">

               <a title="${_('Followers')}" href="${h.url('repo_followers_home',repo_name=c.repo_name)}">

                <i class="icon-heart"></i> ${_('Followers')}

                <span class="badge pull-right" id="current_followers_count">${c.repository_followers}</span>

              </a>

            </li>

            <li class="list-group-item">

              <a title="${_('Forks')}" href="${h.url('repo_forks_home',repo_name=c.repo_name)}">

                <i class="icon-fork"></i> ${_('Forks')}

                <span class="badge pull-right">${c.repository_forks}</span>

              </a>

            </li>

            %if request.authuser.username != 'default':

            <li class="list-group-item clearfix">

              <a href="#" onclick="javascript:showRepoSize('repo_size_2','${c.db_repo.repo_name}')">

                <i class="icon-ruler"></i> ${_('Size')}

                <span class="badge pull-right" id="repo_size_2"></span>

              </a>

            </li>

            %endif

            <li class="list-group-item">

            %if request.authuser.username != 'default':

              <a href="${h.url('atom_feed_home',repo_name=c.db_repo.repo_name,api_key=request.authuser.api_key)}"><i class="icon-rss-squared"></i> ${_('Feed')}</a>

            %else:

              <a href="${h.url('atom_feed_home',repo_name=c.db_repo.repo_name)}"><i class="icon-rss-squared"></i> ${_('Feed')}</a>

            %endif

            </li>

            %if c.show_stats:

            <li class="list-group-item">

              <a title="${_('Statistics')}" href="${h.url('repo_stats_home',repo_name=c.repo_name)}">

                <i class="icon-graph"></i> ${_('Statistics')}

              </a>

            </li>

            %endif

        </ul>

    </div>

</div>

<div class="panel panel-primary">

    <div class="panel-heading">

        <div class="breadcrumbs panel-title">

            ${h.link_to(_('Latest Changes'),h.url('changelog_home',repo_name=c.repo_name))}

        %else:

            ${_('Quick Start')}

         %endif

        </div>

    </div>

    <div class="panel-body">

        <div id="shortlog_data">

            <%include file='../changelog/changelog_summary_data.html'/>

        </div>

    </div>

</div>

%if c.readme_data:

<div id="readme" class="anchor">

</div>

<div class="panel panel-primary">

    <div class="panel-heading" title="${_('Readme file from revision %s:%s') % (c.db_repo.landing_rev[0], c.db_repo.landing_rev[1])}">

        <div class="breadcrumbs panel-title">

            <a href="${h.url('files_home',repo_name=c.repo_name,revision='tip',f_path=c.readme_file)}">${c.readme_file}</a>

        </div>

    </div>

    <div class="readme panel-body">

        ${c.readme_data|n}

    </div>

</div>

%endif

<script type="text/javascript">

$(document).ready(function(){

    $('#clone-url input').click(function(e){

        if($(this).hasClass('selected')){

            $(this).removeClass('selected');

            return ;

        }else{

            $(this).addClass('selected');

            $(this).select();

        }

    });

    var $clone_by_name = $('#clone_by_name');

    var $clone_by_id = $('#clone_by_id');

    $clone_by_name.find('.btn').click(function(e){

        $clone_by_name.hide();

        $clone_by_id.show();

    });

    $clone_by_id.find('.btn').click(function(e){

        $clone_by_id.hide();