+ * title (only one line)
+ * note
+ * {% endokr %}
+ *
+ */
+
+'use strict'
+
+function splitContentAndNote(input) {
+ var arr = input.trim().split('\n').filter(item => item.trim().length > 0)
+ if (arr.length == 0) {
+ return {title:'', note:''}
+ }
+ const title = arr.shift()
+ const note = arr.join('\n')
+ return {title:title, note:note}
+}
+
+function generateKRList(ctx, contentArray) {
+ if (contentArray.length < 3) {
+ console.error('invalid okr tag:', contentArray);
+ return []
+ }
+ var result = []
+ var krTagIndexes = []
+ for (let index = 0; index < contentArray.length; index++) {
+ const element = contentArray[index];
+ if (element.startsWith('kr')) {
+ krTagIndexes.push(index)
+ }
+ }
+ for (let index of krTagIndexes) {
+ if (index >= contentArray.length) {
+ break
+ }
+ const tagStr = contentArray[index]
+ const contentStr = contentArray[index+1]
+ if (contentStr.startsWith('kr')) {
+ continue
+ }
+ result.push({
+ krMeta: ctx.args.map(tagStr.split(/\s+/), ['percent', 'status'], 'krIndex'),
+ krBody: splitContentAndNote(contentStr)
+ })
+ }
+ return result
+}
+
+function layoutItem(ctx, type, index, title, note, color, label, percent) {
+ return `
+
+
+ ${index.toUpperCase()}
+
+
+
${title}
+
${ctx.render.renderSync({text: note, engine: 'markdown'}).split('\n').join('')}
+
+
+
+ ${label}
+ ${percent * 100}%
+
+
+
+
+ `
+}
+
+module.exports = ctx => function(args, content = '') {
+ args = ctx.args.map(args, ['percent', 'status', 'color'], 'oIndex')
+ var contentArray = content.split(//g).filter(item => item.trim().length > 0)
+ if (contentArray.length < 3) {
+ console.error('invalid okr tag:', contentArray);
+ return ''
+ }
+ const statusList = ctx.theme.config.tag_plugins.okr.status
+ const oMeta = args
+ const oBody = splitContentAndNote(contentArray.shift())
+ const krList = generateKRList(ctx, contentArray)
+
+ var el_krs = ''
+ var krPercentList = []
+ for (let kr of krList) {
+ const { krMeta, krBody } = kr
+ const krPercent = Number(krMeta.percent) || 0
+ if (krMeta == null || krBody == null) {
+ continue
+ }
+ var status = null
+ if (krMeta.status && statusList[krMeta.status]) {
+ status = statusList[krMeta.status]
+ }
+ if (status == null) {
+ if (krPercent >= 1) {
+ status = statusList['finished']
+ } else {
+ status = statusList['in_track']
+ }
+ }
+ krPercentList.push(krPercent)
+ el_krs += layoutItem(ctx, 'kr', krMeta.krIndex, krBody.title, krBody.note, status.color, status.label, krPercent)
+ }
+ const krPercentSum = krPercentList.reduce(
+ (accumulator, currentValue) => accumulator + currentValue,
+ 0,
+ );
+ const oPercent = Number(oMeta.percent) || (krPercentSum / krPercentList.length)
+ var status = null
+ if (args.status != null && args.status && statusList[args.status]) {
+ status = statusList[args.status]
+ }
+ if (status == null) {
+ if (oPercent >= 1) {
+ status = statusList['finished']
+ } else {
+ status = statusList['in_track']
+ }
+ }
+
+ var el = ''
+ el += '
p,>ul
+ margin-top: 0.25rem
+ margin-bottom: 0.25rem
+ >.tag-plugin
+ margin-top: 0.25rem
+ margin-bottom: 0.25rem
+ >*:last-child
+ margin-bottom: 0
+ .status
+ font-size: $fs-12
+ padding: 2px 4px
+ border-radius: 2px
+ .okr-item.o
+ border-bottom: 4px solid var(--theme-border)
+ .okr-item.kr+.okr-item.kr
+ border-top: 1px dashed var(--theme-border)
+
+
+.tag-plugin.okr .okr-item
+ display: grid
+ grid-template-columns: 3.2rem auto 100px
+ grid-column-gap: 0.75rem
+ padding: 1rem
+ .okr-left .title
+ background: var(--card)
+ border-radius: 1rem
+ text-align: center
+ padding: 0 0.5rem
+ .labels
+ display: flex
+ justify-content: space-between
+ align-items: flex-start
+ position relative
+ .label
+ background: var(--theme-block)
+ color: var(--text-p1)
+
+ .progress
+ margin-top: 4px
+ height: 4px
+ border-radius: 2px
+ position: relative
+ background: var(--card)
+ .fill
+ position: absolute
+ background: var(--theme)
+ border-radius: 2px
+ top: 0
+ left: 0
+ bottom: 0
+ &:before
+ content: ''
+ position absolute
+ top: -4px
+ bottom: -4px
+ right: -4px
+ width: 8px
+ height: 12px
+ border-radius: 8px
+ background: white
+ box-shadow: $boxshadow-button
+ &:after
+ content: ''
+ position absolute
+ top: -2px
+ bottom: -2px
+ right: -2px
+ width: 4px
+ height: 8px
+ border-radius: 4px
+ background: var(--theme)
+
+
+
\ No newline at end of file