Git Product home page Git Product logo

progressbart-sywidget's People

Contributors

opaqueglass avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

progressbart-sywidget's Issues

统计无序/有序列表下的任务项

image

  • 为了统计无序列表、任务列表混合的情况:

    • 在v0.1.2及以前版本,您需要这样操作:

      1. 在挂件设置中手动指定任务列表块id为混合列表的id(复制列表的id到挂件设置);
      2. 勾选统计子任务;
      3. 点击保存设置;
    • 在v0.1.3及以后版本(尚未发布),您需要这样操作:

      挂件按照如下优先顺序自动确定临近列表:

      挂件下方任务列表>挂件上方任务列表>挂件下方普通列表(无序/有序)>挂件上方普通列表(无序/有序);

      1. 若挂件紧邻的列表没有任务列表、但有普通列表,挂件将自动定位该列表(下方列表优先),您无需其他操作;
      2. 勾选统计子任务;
      3. 点击保存设置;

支持从`custom.js`中导入部分设置项

/data/widgets/custom.js,设置项仅部分会被导入(setting、defaultAttr的直接属性)。设置项格式参考:

/**/
export const config = {
    token: "",
    progressBarT:{
        setting: {
            showButtons: false
        }
    },
   /*其他挂件的自定义设置,例如query*/
};
/*或,单独配置export*/
export const progressBarT = {
    setting: {
        showButtons: false
    }
}

子项包括无序列表时,错误计算任务个数

当前版本对子任务的统计并没有判断块类型。
可能导致的问题:待办项的子项为无序列表(如记录任务思路)时,即便勾选所有的待办事项,进度也达不到100%。
image
解决方案:添加对待办项子项块类型的判断,仅子项为待办块时才看作是子任务。

自动模式增加倒数日、时间模式改进

同时显示能看到deadline和进展,希望可以考虑,谢谢。

另外一些建议可以看看。

  1. 时间进度条有颜色变化的话就锦上添花了,样式建议:

    • 前景颜色(黄 橙 红),按剩余天数变化,背景颜色(绿);
    • 前后标时间,中间显示剩余天数或超多天数。
  2. 开始时间希望可用有一个插入当前时间的按钮。

增加设置项和外观变更

  • 在界面上增加设置项;
    • 颜色设定(拾色器) #3
    • 块id、日期文本输入设定;
    • 统计子块设定;
  • 设置项适配深夜模式;

9-21修改变更后:
image

9-27设置项修改后
image

时间模式无效

输入了开始时间和结束时间之后仍然提示未设置任务列表块, 而不是按照时间显示进度.
image

挂件高度记忆(减少载入文档时挂件高度变化)

(已在v0.1.3-beta1中发布)

由于目前高度调整是载入挂件后通过js对iframe.style进行直接修改,该修改不能被保存到文档中。导致下次在挂件js执行之前,挂件高度仍为原值。

临时解决方案:读取挂件块Kramdown,修改height后重新写入。

在本issue处理完成前,用户可以手动拖拽挂件设定大小。
处理完成后,由于挂件将记忆默认宽高,导致用户之前手动设定的挂件大小失效;如仍要保持之前的挂件大小,请载入挂件之前在config.js中将saveDefaultHeight设置为false 此方案可能导致同步冲突,将在正式版默认关闭。

  • 改为用户手动点击按钮重设高度,强烈建议用户创建挂件后自行点击重设一次挂件高度;

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.