IT: OTS (China)

Output (2024/12/17 - 2024/12/20), (2024/12/23 - 2024/12/24)

1. Functions:
   1. Common(my filters edit):
      1. filter name唯一性校验
      2. 进入edit模式 -> filter name可编辑
      3. 扩展current filter和my filters的联动范围：现在所有filter在my filter中修改，都会反映到curren filter menu中。
      4. 添加新的filter，自动focus到filter name
      5. filter name格式校验时去掉左右两边的空格
      6. Active filter name切换显示箭头和‘*’，编辑模式->'*', 非编辑模式-> '箭头'
      7. Bugfix:
         1. The text input in the filter area is still editable when not in 'EDIT' mode.
         2. In EDIT mode, click 'DELETE' will also trigger 'abort filter' alert.
   2. Common style:
      1. Unify the style of required, readonly in input.
         - The class's position is relative to the input with common padding, if the container has another css style(padding), you may need to customize the position of required/readonly(for example: top, right etc.).
         - To use this style, the css class should be 'flex-column required/readonly'.
   3. Common order list
      1. order list新增两种线：订单之间（实线），子订单之间（虚线）
         - desktop：前五列（checkbox，R，N, index，order No.）子订单之间没有线。
         - mobile：前两列（sticky列）子订单之间没有线。
      2. desktop order list添加hover样式。
      3. Bugfix： mobile sticky列的边框未固定的问题。
         - Remove the border-collapse: collapse; for order table and replace with border-right as <td>'s border, since the collapse will take the second <td>'s border as a common border.
   4. Mobile: Collapsible order list
      - Support collapsible in order list
      - 阈值：Compact（大于等于6），full（大于等于9）
      - Modify the order list html structure from a single <tbody> to multiple <tbody> which group by order id.(Note: The order products both in the end of first page and the start of second page still a problem(They will be separated to two order groups).)
2. Optimizations:
   1. Common: Modal:
      - 样式：desktop（居中显示），mobile（slide up和全屏显示）
      - Modal内容加载方式： ajax, parameter
      - Extra: 提供自动关闭的机制 setCloseTimeout
      - 当前用例：1. order list no more record. 2. My filters delete filter 3. My filters cancel the edit.
   2. Common: Scroll to the top.
      - Support override and default is for the whole page, you can override it(offset, selector).
      - Offset: Scroll offset(the distant from top). Selector: Customize the listened scroll element.
   3. Mobile: order list
      - Update order status: The column of 'Update order status' now supports expand up/down depending on the position of <td>.
   4. Fixed width of desktop table: Set fixed width to desktop table
      - Use 'table-layout: fixed' instead of default 'auto' and set width separately to columns.
   5. IOS:
      1. URL address: fold/hidden URL address bar input when scrolling
         - 这是浏览器的默认行为（滚动时自动收起/展开url地址栏），我们暂时不使用程序去强制收起/展开，而是调整了部分元素的空间（padding），给order list更多的页面空间。
         - 如果将来有需求：显示更多的订单数据，我们也许需要其他的方式实现（PWA，滚动时收起footer， sticky thead， 全屏显示（SBX product cofiguration））

1. 课题 ：redmine, git log, trello怎么产生关联性，让【案件】有迹可循，并且可追溯。
   Van的意见：Function title尽量一致，里面的细分可以git log为主。其他可以Title（比如Extra updates / Some small stuff / etc.）自定义，估计以后Trello不会被提示。
   

   Redmine/Trello: 只需写标题，内容细化挑重要的写
   Function:
   1. 功能所属的标题
     1. 功能
     2. 功能
     3. ...
     4. Bugfix
     5. Extra(小修改，不重要可以不写)
   
   Git log:标题+细化
   1. 功能所属的标题
     1. 功能
     2. 功能
     3. ...
     4. Bugfix
     5. Extra(其他修改)：
   

Output (2025/01/20), (2025/01/13 - 2025/01/17)，(2025/01/09 - 2025/01/10)

1. Functions:
   1. Common(my filters edit):
      1. Move the 'edit filter name' function to the main area.
      2. Allow empty input date interval filter and it means filter all orders from oldest to newest.
      3. Add 'order status' filter in my-filter
   2. Regular filters： Add regular filters as temporary filters to order list
      1. Override for 'Current Filters', 'Current input date'(Depend on the user's last operation):
      2. The 'Regular Filters' will override the 'Current input date' and clear 'Current Filters'.
      3. The 'Current Filters' will also clear 'Regular Filters'.
      4. 'Current input date' will override IN-date in 'Regular Filters' and 'Current Filters', which depend on whether the user's last operation is 'Current Filters' or 'Regular Filters'.
      5. (Desktop) Display the 'Regular filters' in the order filter part as a reminder to the user about selected filters.
         - The clear All button will be displayed when more than two filters are selected.
         - Remove a single one: User can remove one of the selected filters by clicking 'close' button.
         - Display the selected filter item after clicking.
      6. Do not support draft function.
         - Close 'Regular filters' will recover to the last applied filters.
      7. (Mobile) Open 'Regular filter' after clicking 'Search' in footer menu or 'PLUS' button after IN-Date.
   3. Tracking Info in order list
      - Filter order list according to the tracking info, and it will clear all others 'Regular filters' and 'Current filters'.
      - (Double click TODO)V3 has 'Tracking' as a flag to decide whether filter or open tracking detail. V4 now just filter and we will re-consider this after the tracking detail is finished.
2. Optimizations:
   1. Dropdown-menu：Dropdown-menu commonization
      1. Current usages:
         - Current filter(Order list).
         - Current input list(Order list).
         - Update order status(Order list).
         - Filter item (My filter).
         - Menu(Footer menu).
      2. Parameters and functions:
         - (required) data-toggle="dropdown"
         - (required) data-type: radio/checkbox/date/etc.
         - (required) data-search: dropdown-menu's search function.
         - (optional) data-selected: selected input value
         - (required) data-source: dropdown-menu's items
         - (optional) easyDingZhi.common.dropdown.setTitle: set dropdown-menu's title
         - (optional) easyDingZhi.common.dropdown.setFooter: set dropdown-menu's footer
         - (optional) easyDingZhi.common.dropdown.setExtraClasses: set dropdown-menu's extra classes
         - (required) easyDingZhi.common.dropdown.create: create dropdown-menu, and support callback().
      3. About data-source, it must be json format and the value should be the following:
         - (required) value: input's value
         - (optional) text: input's text
         - (optional) text_icon: input's text icon before text
         - (optional) name: input's name attr
         - (optional) placeholder: input's placeholder(when input type is not radio/checkbox)
         - (optional) class: input's extra classes
         - (optional) hex: input's background-color
      4. Modify the expand up/down logic
         - Expand down: default
         - Expand UP: If the dropdown menu is below half of the screen and there is not enough space to display the entire dropdown menu
      5. If drowndown-menu has search function + expand UP
         - Set the fixed height of dropdown-menu with the search function when it expands UP to avoid flicking(since the decrease of dropdown-menu's items) when searching.
   2. Tooltip:
      1. Add easyDingZhi.common.tooltip for some reminder to the user.
      2. Parameters:
         - (required)data-toggle="tooltip"
         - (required)data-text-tooltip
   3. Input type="date"
      1. IOS <input> 'date' type's 'calendar' icon disappears and the height will collapse when there is no value.
         - Replace the inherited 'calendar' icon with google icon
         - Use fixed height to input

1. Functions:
   1. Order list: tracking number支持多条查询
   2. Regular/My filter中dropdwon menu 展开时不要挡住selected区域
   3. (Double click):显示tracking detail
   4. AttachOverflowDetection （Maybe we add a sticky headline that can apply on Dropdown-menu）
   5. Mobile(long press): upload pictures(long press/double click)
   6. Mobile(long press):download files(long press/double click)
2. Optimizations:
   1. Default filter order except for 'Completed' （默认Order List显示排除了Order Status = Completed的订单产品，但是Filter中没有提示）
      - Order status排除completed，要保持Regular/My filer一致（默认勾选除Completed的所有status）
   2. Mobile: 折叠/展开子订单时增加动画效果。
   3. Common: 子订单分别在第一页末尾和第二页开头时，order No.出现会出现两次
   4. Common: 共通化
      - popover
      - On hover style for clickable elements (such as underscore, background color, mouse pointer, and so on)