玉。不要关闭交互上的标记

时间:2014-07-02 13:07:27

标签: node.js twitter-bootstrap tags pug

我正在尝试制作我制作的程序的日志寄存器,我正在尝试通过html(使用节点和玉...就像程序一样)。我希望每月使用可折叠元素(使用引导程序)将日志行分开。

的伪代码: 对日志数据库内容的第一次迭代必须打开collapsabe并插入日志行,然后在当天(它是数据库的一列)的元素之后是每月的第一天,它必须关闭所有旧的可折叠标签,然后打开一个新标签(并插入日志行)。在其余情况下,只需要插入日志行。

代码(玉):

mixin accordion(info)
    div.panel.panel-default
        div.panel-heading
            h4.panel-title
                a(data-toggle="collapse" data-parent="#accordion" href="#day#{info.day}#{info.month}#{info.year}") Mes #{info.month} de #{info.year}
        div(id="day#{info.day}#{info.month}#{info.year}" class="panel-collapse collapse in")
            div.panel-body 
                !{info.text}
-index = 0
div#acordion.panel-group
    for info in serial
        -if(index==0)
            -index=2
            mixin accordion(info)
         -else if(info.day==1 && index==1)
            -index=2;
            mixin accordion(info)
         -else if(info.day > 1)
            -index=1;
            |!{info.text}
         -else
            |!{info.text}

在第一次迭代工作正常,它打开并在手风琴上插入日志的第一行,但我发现的问题是,在第一次之后的每次迭代,它都没有在正确的位置插入新行,可折叠的div.panel.panel-default标签关闭...并且永远不会返回打开(直到每月1的新的一天...它返回的地方做同样的事情:第一行好,其他错误)

一张图片胜过千言万语。 wrong closing of the tags

非常感谢。

1 个答案:

答案 0 :(得分:0)

mixin accordion(info, text)
div.panel.panel-default
    div.panel-heading
            h4.panel-title
                a(data-toggle="collapse" data-parent="#accordion" href="#day#{info.day}#{info.month}#{info.year}") Mes #{info.month} de #{info.year}
        div(id="day#{info.day}#{info.month}#{info.year}" class="panel-collapse collapse in")
            div.panel-body 
                !{text}
                -text = ''

-index = 0
-text = ''
for info in serial
    -if(info.day==1 && index==1)
        -index=2;
        mixin accordion(info, text)
    -else if(info.day > 1)
        -index=1;
        -text += info.text
    -else
        -text += info.text

-if(text != '')
    mixin accordion({day:'actual', month:'actual', year:'actual'}, text)

似乎有效!!!