@coopenomics/desktop 2.2.2

package/src/components/history/AccountEvents.vue

@@ -0,0 +1,137 @@
+<template>
+  <div style="width: 100%">
+    <q-table v-model:pagination="pagination" flat bordered dense :loading="loading" :rows="rows" :columns="columns"
+      row-key="k" style="width: 100%" @request="changePageFromTable">
+      <template #body-cell-transaction_id="p">
+        <q-td :props="p">
+          {{ p.row.transaction_id.substring(0, 10) }}
+        </q-td>
+      </template>
+      <template #body-cell-data="p">
+        <q-td :props="p">
+          <DataCell :action-data="p.value" :action="p.row.action" :contract="p.row.contract"></DataCell>
+        </q-td>
+      </template>
+      <template #body-cell-action="p">
+        <q-td :props="p">
+          <ActionCell :action-data="p.value" :account="props.username"></ActionCell>
+        </q-td>
+      </template>
+    </q-table>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch, onMounted } from 'vue'
+import moment from 'moment-with-locales-es6'
+import { QTableProps } from 'quasar'
+import ActionCell from 'src/components/explorer/ActionCell.vue'
+import DataCell from 'src/components/explorer/DataCell.vue'
+
+const props = defineProps<{
+  username: string
+}>()
+
+const loading = ref(false)
+
+const pagination = ref({
+  page: 1,
+  rowsPerPage: 25,
+  rowsNumber: 0,
+})
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const rows = ref<any[]>([])
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const columns: QTableProps['columns'] = [
+  // {
+  //   name: 'transaction_id',
+  //   required: true,
+  //   label: 'ID транзакции',
+  //   align: 'left',
+  //   field: (row: any) => row.transaction_id,
+  // },
+  {
+    name: 'timestamp',
+    required: true,
+    label: 'Дата',
+    align: 'center',
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    field: (row: any) => moment(row.timestamp).format('DD.MM.YY HH:mm:ss'),
+  },
+  {
+    name: 'action',
+    required: true,
+    label: 'Действие',
+    align: 'center',
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    field: (row: any) => row,
+  },
+  {
+    name: 'data',
+    required: true,
+    label: 'Данные',
+    align: 'center',
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    field: (row: any) => row.data,
+  },
+  // {
+  //   name: 'memo',
+  //   required: true,
+  //   label: 'Памятка',
+  //   align: 'right',
+  //   field: (row: any) => row.data.memo,
+  // },
+]
+
+const loadPage = async () => {
+  // if (loading.value) {
+  //   return
+  // }
+  // loading.value = true
+  // const rootChain = chains.getRootChain()
+  // const explorer = rootChain.explorer
+  // const data = await explorer
+  //   .getHistoryActions(
+  //     props.username,
+  //     pagination.value.rowsPerPage,
+  //     pagination.value.rowsPerPage * (pagination.value.page - 1)
+  //   )
+  //   .catch(() => ({ data: null }))
+
+  // if (data) {
+  //   pagination.value = {
+  //     ...pagination.value,
+  //     rowsNumber: data.total.value,
+  //   }
+  //   rows.value = data.simple_actions.map((r: any, i: number) => ({
+  //     ...r,
+  //     k: `${i}-${r.action}-${r.transaction_id}-${r.contract}`,
+  //   }))
+  // }
+  // loading.value = false
+}
+
+watch(
+  () => pagination.value.page,
+  () => {
+    loadPage()
+  },
+  { immediate: true }
+)
+
+const changePageFromTable = (e: any) => {
+  if (e && e.pagination) {
+    pagination.value = e.pagination
+    loadPage()
+  }
+}
+
+onMounted(() => {
+  setTimeout(() => {
+    loadPage()
+  }, 3000)
+})
+</script>
+
+<style lang="scss" scoped></style>

package/src/components/history/AccountLink.vue

@@ -0,0 +1,11 @@
+<template>
+  <span>{{ props.accountName }}</span>
+</template>
+
+<script setup lang="ts">
+  const props = defineProps<{
+    accountName: string
+  }>()
+</script>
+
+<style lang="scss" scoped></style>

package/src/components/history/ActionCell.vue

@@ -0,0 +1,96 @@
+<template>
+  <q-badge :color="badgeColor" :class="badgeTextColor">
+    <template v-if="contract">{{ contract }} → {{ actionName }}</template>
+    <template v-else>{{ actionName }}</template>
+  </q-badge>
+</template>
+<script setup lang="ts">
+  import { computed } from 'vue'
+
+  const getActionContract = (row: any, actionName: string) => {
+    const { contract, action } = row
+    if (
+      contract &&
+      ((contract !== 'eosio.token' && contract !== 'eosio') || action === actionName)
+    ) {
+      return contract
+    }
+    return ''
+  }
+
+  const ACTION_TYPES = {
+    OTHER: 'OTHER',
+    BUYRAM: 'BUYRAM',
+    STAKECPUNET: 'STAKECPUNET',
+    SENDTOKEN: 'SENDTOKEN',
+    RECEIVETOKEN: 'RECEIVETOKEN',
+    RAMFEE: 'RAMFEE',
+    NEWACCOUNT: 'NEWACCOUNT',
+  }
+
+  const ACTION_NAMES = {
+    [ACTION_TYPES.OTHER]: null,
+    [ACTION_TYPES.BUYRAM]: 'Покупка RAM',
+    [ACTION_TYPES.STAKECPUNET]: 'Ставка CPU/NET',
+    [ACTION_TYPES.SENDTOKEN]: 'Отправка токенов',
+    [ACTION_TYPES.RECEIVETOKEN]: 'Приём токенов',
+    [ACTION_TYPES.RAMFEE]: 'Продажа RAM',
+    [ACTION_TYPES.NEWACCOUNT]: 'Регистрация аккаунта',
+  }
+
+  const ACTION_BADGE_COLORS = {
+    [ACTION_TYPES.OTHER]: 'white',
+    [ACTION_TYPES.BUYRAM]: 'red',
+    [ACTION_TYPES.STAKECPUNET]: 'blue',
+    [ACTION_TYPES.SENDTOKEN]: 'red',
+    [ACTION_TYPES.RECEIVETOKEN]: 'primary',
+    [ACTION_TYPES.RAMFEE]: 'red',
+    [ACTION_TYPES.NEWACCOUNT]: 'blue',
+  }
+
+  const getActionType = (row: any, currentAccount: string) => {
+    const { data } = row
+    if (row.action === 'transfer') {
+      if (data.from === currentAccount || !currentAccount) {
+        if (data.to === 'eosio.ramfee') {
+          return ACTION_TYPES.RAMFEE
+        }
+        return ACTION_TYPES.SENDTOKEN
+      } else if (data.to === currentAccount) {
+        return ACTION_TYPES.RECEIVETOKEN
+      }
+    } else if (row.action === 'delegatebw') {
+      return ACTION_TYPES.STAKECPUNET
+    } else if (row.action === 'buyram' || row.action === 'buyrambytes') {
+      return ACTION_TYPES.BUYRAM
+    } else if (row.action === 'newaccount') {
+      return ACTION_TYPES.NEWACCOUNT
+    }
+
+    return ACTION_TYPES.OTHER
+  }
+
+  const getActionNameByType = (action: string, actionType: string) => {
+    return ACTION_NAMES[actionType] || action
+  }
+
+  const props = defineProps<{
+    actionData: any
+    account: string
+  }>()
+
+  const actionType = computed(() => getActionType(props.actionData, props.account))
+  const actionName = computed(() => getActionNameByType(props.actionData.action, actionType.value))
+  const contract = computed(() => getActionContract(props.actionData, actionName.value))
+  const badgeColor = computed(
+    () => ACTION_BADGE_COLORS[actionType.value] || ACTION_BADGE_COLORS.OTHER
+  )
+  const badgeTextColor = computed(() => {
+    if (badgeColor.value === 'white') {
+      return 'text-black'
+    }
+    return ''
+  })
+</script>
+
+<style lang="scss" scoped></style>

package/src/components/history/DataCell.vue

@@ -0,0 +1,84 @@
+<template lang="pug">
+div
+  // div(v-if="props.action === 'transfer'")
+  //   AccountLink(:account-name="actionData.from") →
+  //   AccountLink(:account-name="actionData.to") {{ ' ' }} {{ actionData.quantity }}
+  // div(v-else)
+  div
+    q-btn(color="primary" @click="dialog=true") подробнее
+
+  q-dialog(v-model="dialog" persistent :maximized="true" )
+    q-card
+      div()
+        q-bar
+          span Действие
+          q-space
+          q-btn(v-close-popup dense flat icon="close")
+            q-tooltip Close
+        div(v-if="isDocExist").q-pa-sm
+          p HERE DOCUMENT READER
+
+        q-btn(size="lg" color="primary" @click="dialog=false").full-width закрыть
+
+        div.q-pa-sm
+          ul
+            li(v-for="row in dataParams" :key="row.key" style="word-wrap: break-word;").q-mt-md
+              strong.q-mr-xs {{ row.key }}:
+              AccountLink(v-if="row.isAccount" :account-name="row.value")
+              span(v-else) {{ row.value }}
+
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import AccountLink from './AccountLink.vue'
+import config from 'src/app/config'
+
+const ACCOUNT_FIELDS: any = {
+  from: 1,
+  to: 1,
+  owner: 1,
+  payer: 1,
+  receiver: 1,
+  creator: 1,
+  user_name: 1,
+  account: 1,
+  host: 1,
+  root_contract: 1,
+  notified: 1,
+  contract: 1,
+  username: 1,
+}
+const isAccount = (s: string) => /(^[a-z1-5.]{1,11}[a-z1-5]$)|(^[a-z1-5.]{12}[a-j1-5]$)/.test(s)
+
+const dialog = ref(false)
+
+const props = defineProps<{
+  actionData: any
+  action: string
+  contract: string
+}>()
+
+const isDocExist = ref(false)
+const docVars = ref({})
+
+if (props.action == 'joincoop' && props.contract == config.tableCodeConfig.reg) {
+  try {
+    docVars.value = JSON.parse(props.actionData.signed_doc.vars)
+    isDocExist.value = true
+  } catch (e) {
+    console.log(e)
+  }
+}
+
+const dataParams = computed(() =>
+  Object.keys(props.actionData).map((key: string) => ({
+    key,
+    value: props.actionData[key],
+    isAccount: !!ACCOUNT_FIELDS[key] && isAccount(props.actionData[key]),
+  }))
+)
+</script>
+
+<style lang="scss" scoped></style>
+src/app/config

package/src/components/menu/blockchainStatus.vue

@@ -0,0 +1,84 @@
+<template lang="pug">
+div.footer-root.blockinfo.no-select
+  div(v-if="missedConnection")
+    i(style="color: red").far.fa-circle
+    div
+      span нет
+    div
+      span соединения
+  div(v-else)
+    i(style="color: green").far.fa-circle
+    div
+      span блок №
+    div
+      span {{ currentBlock }}
+
+</template>
+
+<script setup lang="ts">
+import { computed, ref, onUnmounted } from 'vue'
+import config from 'src/app/config'
+import { useSessionStore } from 'src/entities/Session'
+
+const session = useSessionStore()
+
+const intervalId = ref()
+
+if (config.production)
+  intervalId.value = setInterval(() => {
+    session.getInfo()
+  }, 1000)
+
+onUnmounted(() => {
+  if (intervalId.value) {
+    clearInterval(intervalId.value)
+  }
+})
+
+let currentBlock = computed(() => {
+  return session.BCInfo.info?.head_block_num
+})
+
+let missedConnection = computed(() => {
+  return session.BCInfo.connected
+})
+
+</script>
+
+<style lang="scss">
+.footer-root {
+  text-align: center;
+}
+
+.blockinfo {
+  width: 100%;
+  text-align: center;
+  position: absolute;
+  bottom: 10px;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 10px;
+  line-height: 16px;
+  color: #8a8a8a;
+}
+
+.logout {
+  cursor: pointer;
+
+  &:hover .logout-text {
+    text-decoration: underline;
+  }
+
+  .logout-text {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 18px;
+    color: #181818;
+    vertical-align: bottom;
+    display: inline-block;
+    padding-left: 10px;
+  }
+}
+</style>
+src/app/config

package/src/components/menu/footerMobileMenu.vue

@@ -0,0 +1,77 @@
+<template lang="pug">
+div.row.justify-around.full-height
+  div(v-for="route in menuRoutes" :key="route.path")
+    q-btn(
+      v-ripple
+      flat
+      class="cursor-pointer btn-menu"
+      :class="headerClass(route)"
+      @click="open(route)"
+    )
+      q-icon(:name="route.meta.icon").btn-icon.q-pt-xs
+      span.btn-font {{ route.meta.title }}
+
+  q-btn(
+    v-ripple
+    flat
+    class="cursor-pointer btn-menu"
+    @click="emit('toogleMore')"
+  )
+    q-icon(name="menu").btn-icon.q-pt-xs
+    span.btn-font ещё
+
+  </template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRouter } from 'vue-router'
+import { useQuasar } from 'quasar'
+import { useMenuStore } from 'src/entities/Menu'
+import type { IMenu } from 'src/entities/Menu'
+import { COOPNAME } from 'src/shared/config'
+import { useCurrentUserStore } from 'src/entities/User'
+const emit = defineEmits(['toogleMore'])
+const $q = useQuasar()
+const isDark = computed(() => $q.dark.isActive)
+const router = useRouter()
+const currentUser = useCurrentUserStore()
+const menuStore = useMenuStore()
+
+const menuRoutes = computed(() => {
+  return menuStore.getUserDesktopMenu(currentUser?.userAccount?.role)
+})
+
+const headerClass = (route: IMenu) => {
+  const isActive = route.name === router.currentRoute.value.name
+  return isActive ? (isDark.value ? 'text-white bg-teal-8' : 'text-black bg-teal-2') : ''
+}
+
+const open = (route: IMenu) => {
+  router.push({ name: route.name, params: { coopname: COOPNAME } })
+}
+</script>
+
+<style lang="scss" scoped>
+.btn-menu {
+  height: 60px;
+  width: 60px;
+}
+
+.btn-icon {
+  font-size: 20px !important;
+}
+
+.btn-font {
+  font-size: 7px !important;
+}
+
+.row {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.full-height {
+  height: 100%;
+}
+</style>

package/src/components/soviet/index.vue

@@ -0,0 +1,76 @@
+<template lang="pug">
+div
+  q-tabs( v-model="tab" dense switch-indicator inline-label outside-arrows mobile-arrows align="justify" active-bg-color="teal" active-color="white" indicator-color="secondary")
+    // q-tab(name="Дашборд" icon="mail" label="Дашборд")
+    //- q-tab(name="Повестка" label="Повестка")
+
+    //- q-tab(name="Пайщики" label="Пайщики")
+    //- q-tab(name="Документы" label="Документы")
+
+    q-tab(name="Администраторы" label="Администраторы")
+
+    q-tab(name="Члены совета" label="Члены совета")
+    q-tab(name="Кооператив" label="Кооператив")
+
+    // q-tab(name="Участки" icon="people" label="Участки")
+
+    // q-tab(name="Программы" label="Программы")
+    // q-tab(name="Собрания" icon="people" label="Собрания")
+    // q-tab(name="Фонды"  label="Фонды")
+
+  q-tab-panels(
+    v-model="tab"
+    animated
+    transition-prev="fade"
+    transition-next="fade"
+  )
+    // q-tab-panel(name="Дашборд")
+    //   p Дашборд
+
+    q-tab-panel(name="Кооператив")
+      //- cooperative
+      // boards.col-md-12.col-xs-12.q-pa-md
+
+    q-tab-panel(name="Участки")
+      p Действующие участки
+      p Входящие заявления на создание участка
+      p Связь с участками
+
+    q-tab-panel(name="Администраторы")
+      staff
+
+    q-tab-panel(name="Повестка")
+      //- decisions
+
+    q-tab-panel(name="Пайщики")
+      //- participants
+
+    q-tab-panel(name="Документы")
+      //- documents(:receiver="coopname")
+
+    q-tab-panel(name="Программы")
+      div.text-h6 Программы
+        p Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+    q-tab-panel(name="Собрания")
+      div.text-h6 Собрания
+        p Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+    q-tab-panel(name="Фонды")
+      div.text-h6 Фонды
+        p Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+
+</template>
+
+<script setup lang="ts">//
+import { ref } from 'vue'
+import staff from './staff.vue'
+const tab = ref('Повестка')
+
+</script>
+<style>
+.q-tab-panel {
+  padding: 0px !important;
+}
+</style>