saby-customizer 0.0.0-pre.21 → 0.0.0-pre.25

package/features/git-branch.js

@@ -1,5 +1,5 @@
 import { oom } from '@notml/core'
-import { keysMapping, rightSidebar, PopupDialog, getListOfOpenCards, snackbar, context, db } from 'saby-customizer/lib.js'
+import { keysMapping, toolbar, PopupDialog, getListOfOpenCards, snackbar, context, db } from 'saby-customizer/lib.js'
 import { octicons } from 'saby-customizer/octicons.js'
 
 
@@ -181,7 +181,8 @@ class GitBranchCard extends oom.extends(HTMLElement) {
       placeholder: this.data.branchSubName,
       pattern: '^\\w+[\\w()-]*$',
       validationmessage: 'Латинские буквы, цифры и _()-',
-      onblur: event => this.saveBranchSubName(event)
+      oninput: () => this.oninputBranchSubName(),
+      onblur: () => this.onblurBranchSubName()
     }).dom,
     /** @type {import('@material/mwc-icon-button').IconButton} */// @ts-ignore
     copyBranchButton: oom.mwcIconButton({
@@ -244,9 +245,10 @@ class GitBranchCard extends oom.extends(HTMLElement) {
    */
   set branchSubName(value) {
     this.data.branchSubName = value || this.data.number
-    this.elements.branchSubName.textContent = this.data.branchSubName
-    this.elements.branchSubName.title = this.data.branchSubName
-    this.elements.branchSubNameTextfield.value = this.data.branchSubName
+    oom(this.elements.branchSubName, { innerHTML: '', title: this.data.branchSubName }, this.data.branchSubName)
+    if (this.elements.branchSubNameTextfield.value !== this.data.branchSubName) {
+      this.elements.branchSubNameTextfield.value = this.data.branchSubName
+    }
   }
 
   /** @returns {string} Краткое описание задачи */
@@ -327,14 +329,16 @@ class GitBranchCard extends oom.extends(HTMLElement) {
     this.elements.branchSubNameTextfield.select()
   }
 
-  /**
-   * Сохранение данных о доп. имени ветки при потере фокуса с поля ввода
-   *
-   * @param {{target:import('@material/mwc-textfield').TextField}} event Данные о событи onblur
-   */
-  saveBranchSubName({ target }) {
-    if (target.checkValidity()) {
-      this.branchSubName = target.value
+  /** Сохранение данных о доп. имени ветки при вводе */
+  oninputBranchSubName() {
+    if (this.elements.branchSubNameTextfield.checkValidity()) {
+      this.branchSubName = this.elements.branchSubNameTextfield.value
+    }
+  }
+
+  /** Скрывает поле ввода доп. имени ветки при потере фокуса */
+  onblurBranchSubName() {
+    if (this.elements.branchSubNameTextfield.checkValidity()) {
       this.elements.branchSubName.classList.toggle('hide')
       this.elements.branchSubNameTextfield.classList.toggle('hide')
     }
@@ -488,7 +492,7 @@ keysMapping['alt-KeyB'] = () => PopupDialog.toggle({
   Element: GitBranchCardList
 })
 
-rightSidebar.addButton({
+toolbar.addButton({
   title: 'Ветки для Git',
   iconSVG: octicons['git-branch'].toSVG({ width: 24 }),
   onclick: keysMapping['alt-KeyB']

package/lib/saby-lib/edo.js

@@ -83,6 +83,7 @@ function parseRichEditorJSON(json) {
  * @typedef OpenCardsFilter Фильтры для выборки документов
  * @property {Array<string>} [names] Фильтр по названию документа
  * @property {boolean} [hasVersion] Документ включен хотя бы в 1 веху
+ * @property {boolean} [duplicates] Показать/скрыть из ответа документы которые открыты дважды
  */
 /**
  * Собирает из верстки страницы список открытых в данный момент карточек документов ЭДО
@@ -93,6 +94,7 @@ function parseRichEditorJSON(json) {
 export function getListOfOpenCards(filter = {}) {
   const cardNodes = document.querySelectorAll('.edo3-Dialog')
   const cards = []
+  const exists = []
 
   for (const cardNode of Array.from(cardNodes)) {
     // @ts-ignore
@@ -116,8 +118,12 @@ export function getListOfOpenCards(filter = {}) {
         description: ''
       }
 
-      if (data) {
-        const milestonesRS = record.get('РП.ВехаДокумента')
+      if (data && (filter.duplicates || !exists.includes(data.id))) {
+        const milestonesRS = record.get('РП.ВехаДокумента') || []
+
+        if (!filter.duplicates) {
+          exists.push(data.id)
+        }
 
         data.name = replaceDocTypeName[data.name] || data.name
         if (filter.names) {

package/lib/saby-lib/{right-sidebar.js → toolbar.js}

@@ -1,14 +1,15 @@
 import { oom } from '@notml/core'
+import { getListOfOpenCards } from './edo.js'
 
 const { MutationObserver } = window
 
 
 /** Класс контейнера для расширения правой панели сайта дополнительными кнопками */
-class RightSidebarButtonsContainer extends oom.extends(HTMLElement, { global: false }) {
+class ToolbarContainer extends oom.extends(HTMLElement, { global: false }) {
 
-  static tagName = 'saby-customizer-right-sidebar'
+  static tagName = 'saby-customizer-toolbar'
   static style = oom.style({
-    'saby-customizer-right-sidebar': {
+    'saby-customizer-toolbar': {
       marginBottom: '12px'
     },
     '.button': {
@@ -40,10 +41,10 @@ class RightSidebarButtonsContainer extends oom.extends(HTMLElement, { global: fa
   /** @type {ButtonOptions[]} */
   static buttons = []
 
-  /** @type {Set<RightSidebarButtonsContainer>} */
+  /** @type {Set<ToolbarContainer>} */
   static containers = new Set()
 
-  /** @type {RightSidebarButtonsContainer} */
+  /** @type {ToolbarContainer} */
   static globalContainer = null
 
   /** @type {MutationObserver} */
@@ -59,10 +60,11 @@ class RightSidebarButtonsContainer extends oom.extends(HTMLElement, { global: fa
 
     this.containers.forEach(container => container.addButton(options))
 
-    if (!RightSidebarButtonsContainer.globalContainer) {
+    if (!ToolbarContainer.globalContainer) {
       this.addGlobalContainer()
     }
     if (!this.observer) {
+      this.addTaskPanelContainer()
       this.registerTaskPanelWatcher()
     }
   }
@@ -74,16 +76,8 @@ class RightSidebarButtonsContainer extends oom.extends(HTMLElement, { global: fa
     const sabyPageRightPanel = document.querySelector('.sabyPage-MainLayout__rightPanel .sabyPage-MainLayout__wrapper')
 
     if (sabyPageRightPanel) {
-      RightSidebarButtonsContainer.globalContainer = new RightSidebarButtonsContainer({ global: true })
-      sabyPageRightPanel.prepend(RightSidebarButtonsContainer.globalContainer)
-    } else {
-      // Глобальные кнопки в карточке открытой в отдельной вкладке
-      const cardRightPanel = document.querySelector('.controls-StackTemplate__rightPanel .sabyPage-widgets__wrapper')
-
-      if (cardRightPanel) {
-        RightSidebarButtonsContainer.globalContainer = new RightSidebarButtonsContainer({ global: true })
-        cardRightPanel.prepend(RightSidebarButtonsContainer.globalContainer)
-      }
+      ToolbarContainer.globalContainer = new ToolbarContainer({ global: true })
+      sabyPageRightPanel.prepend(ToolbarContainer.globalContainer)
     }
   }
 
@@ -92,24 +86,28 @@ class RightSidebarButtonsContainer extends oom.extends(HTMLElement, { global: fa
     const popupContainer = document.getElementById('popup')
 
     if (popupContainer) {
-      this.observer = new MutationObserver(() => {
-        let rightPanels = popupContainer.querySelectorAll('.controls-StackTemplate__rightPanel .sabyPage-MainLayout__wrapper')
+      this.observer = new MutationObserver(() => this.addTaskPanelContainer())
+      this.observer.observe(popupContainer, { childList: true })
+    }
+  }
 
-        if (rightPanels.length === 0) {
-          // Кнопки для всплывающий панелей в карточке открытой в отдельной вкладке
-          rightPanels = popupContainer.querySelectorAll('.controls-StackTemplate__rightPanel .sabyPage-widgets__wrapper')
-        }
+  /** Добавления во все найденные открытые задачи правую панель */
+  static addTaskPanelContainer() {
+    const openTaskList = getListOfOpenCards({ duplicates: true })
 
-        rightPanels.forEach(panel => {
-          const rightSidebar = panel.querySelector('saby-customizer-right-sidebar')
+    openTaskList.forEach(({ element }) => {
+      const rightPanel = element.querySelector('.controls-StackTemplate__rightPanel .sabyPage-MainLayout__wrapper') ||
+        // Кнопки для всплывающий панелей в карточке открытой в отдельной вкладке
+        element.querySelector('.controls-StackTemplate__rightPanel .sabyPage-widgets__wrapper')
 
-          if (!rightSidebar) {
-            panel.prepend(new RightSidebarButtonsContainer())
-          }
-        })
-      })
-      this.observer.observe(popupContainer, { childList: true })
-    }
+      if (rightPanel) {
+        const rightSidebar = rightPanel.querySelector('saby-customizer-toolbar')
+
+        if (!rightSidebar) {
+          rightPanel.prepend(new ToolbarContainer())
+        }
+      }
+    })
   }
 
   template = () => {
@@ -120,17 +118,17 @@ class RightSidebarButtonsContainer extends oom.extends(HTMLElement, { global: fa
 
   /** Будем запоминать все контейнеры для синхронизации кнопок */
   connectedCallback() {
-    RightSidebarButtonsContainer.containers.add(this)
-    RightSidebarButtonsContainer.buttons.forEach(options => this.addButton(options))
+    ToolbarContainer.containers.add(this)
+    ToolbarContainer.buttons.forEach(options => this.addButton(options))
   }
 
   /** Очищаем удаленные из DOM контейнеры */
   disconnectedCallback() {
     if (this.options.global) {
-      RightSidebarButtonsContainer.globalContainer = null
-      RightSidebarButtonsContainer.addGlobalContainer()
+      ToolbarContainer.globalContainer = null
+      ToolbarContainer.addGlobalContainer()
     }
-    RightSidebarButtonsContainer.containers.delete(this)
+    ToolbarContainer.containers.delete(this)
     this.innerHTML = ''
   }
 
@@ -156,9 +154,9 @@ class RightSidebarButtonsContainer extends oom.extends(HTMLElement, { global: fa
 }
 
 
-oom.define(RightSidebarButtonsContainer)
+oom.define(ToolbarContainer)
 
 
-export const rightSidebar = {
-  addButton: (options) => RightSidebarButtonsContainer.addButton(options)
+export const toolbar = {
+  addButton: (options) => ToolbarContainer.addButton(options)
 }

package/lib.js

@@ -4,5 +4,5 @@ export * from './lib/hotkeys.js'
 export * from './lib/layout.js'
 export * from './lib/popup-dialog.js'
 export * from './lib/saby-lib/edo.js'
-export * from './lib/saby-lib/right-sidebar.js'
 export * from './lib/saby-lib/rpc.js'
+export * from './lib/saby-lib/toolbar.js'