The admin-marketplace from ecomplus

Skip changing app internal data fields

Don't PATCH fields starting with __ from admin to prevent user overwriting app internal data.

Aparecer ou não abas de configuração no admin marketplace

Ao acessar o app da lista inicial, checar se há object ID e mostrar as configurações na aba. Se não houver, esconder a aba Configurações, para que seja mostrado somente quando o app estiver instalado.

Imports dinâmicos

Apenas um lembrete, logo depois daqui ecomplus/admin#107 as views de apps específicos poderão (e deverão) ser importadas dinamicamente.

Minimizar seções de app

Após atualização no admin-marketplace não é mais possível minimizar as seções de configuração dos apps. Isso atrapalha um pouco a usabilidade em apps com seções longas, como o caso do discounts

Ao instalar aplicativos de redirecionar para autenticação, nada ocorre

Ao tentar instalar Pagseguro ou Wirecard, que deveria me direcionar para Wirecard ou Pagseguro, mas não está ocorrendo isso, apenas instala o aplicativo

Desconto percentual com decimais

Hoje o input number para value em desconto percentual só aceita números inteiros:

Acho que é necessário suportar decimais, step attr deve resolver...

Reseta data para 1899 ao editar outro campo do desconto

Ao editar por exemplo opção de acumulativo, o campo de data reseta, ficando com ano 1899

Some app versions not auto updating

Eg.: Datafrete app from 1.2.1 to 1.3.0 (minor) is not updating:

Related to #138

Erro: informações cadastradas não aparecendo

No app frete personalizado, mostra as configurações feitas, mas ao abrir o app, não mostra nada, como se estivesse vazio:

Veja no network:

[View] Página de aplicativo

Substituindo #14 (em conjunto de #17)
@matheusgnreis pode me ajudar aqui?

Fixar views utilizando ecomApps

Ainda temos fetch diretamente para a API do Market ou Store API, aqui por exemplo:

https://github.com/ecomclub/admin-marketplace/blob/master/src/views/js/Applications.js#L69

Devemos usar sempre o ecomApps neste caso, nos casos de requisições à Store API é necessário verificar o login do admin (com ecomAuth):

methods: {
  fetchInstalledApps () {
    ecomApps.fetchStoreApplications().then(apps => {
       // ...
    })
  },
  // ...
  
  created () {
    if (this.ecomAuth.isLogged()) {
       this.fetchInstalledApps()
    } else {
       EcomAuth.once('login', this.fetchInstalledApps())
    }
  }
}

O código acima é só um exemplo feito às pressas, pode haver algum erro 😛

InputZipCode não aceita CEP zerado

ow, a parada com range de cep só funciona se colocar 00000-001
vc coloca tudo zerado ele não salva
ai ela e o mateus batendo cabeça

[View] Lista de aplicativos

Segue um modelo que acredito ser bacana conforme o Ant Design Pro, onde há apenas um filtro de categorias via seleção (OR).

Teremos uma aba que existe todos os aplicativos e outra apenas os instalados pela loja. Abaixo segue o print da aba dos aplicativos a serem visuaizados, onde no card existe a imagem que representa o app, nome do app e uma pequena descrição do mesmo. Logo abaixo um contador de curtidas do app, se acharem necessário, mas acredito que seja legal devido ao cliente procurar instalar aquele que foi mais utilizado.

Isso é apenas uma demonstração obviamente, se puderem dar opiniões sobre.

Agora sobre a aba de meus aplicativos, pensei em algo como:

Onde mostra apenas um ícone e nome do aplicativo, seguido da versão do mesmo, junto com o seu respectivo status, pois o mesmo pode estar instalado, mas desativado, logo não funcionará ou instalado e ativo para uso.

No card actions coloquei um ícone de edição juntamente com uma tooltip para facilitar o entendimento pelo lojista, assim como um icone de deletar e outro de compartilhar aplicativo. Se por ventura achar que deva ter mais icone, por padrão ele tem 4, retirei.

Mostrar de forma mais visível para o usuário que a reinstalação apaga as configurações

Colocar mais visível para o usuário que a reinstalação do app vai apagar as configurações salvas.

[RFC] Admin marketplace

TODO

Setup

Setup project with Vue CLI 4;
Use Vuex and Vue Router (suggestion);
Use Bootstrap and Bootstrap Vue (Bootstrap CSS must be out of SPA bundle);

What

This app should be a part of ecomplus-admin (microfrontend, not so micro 😛), on some admin route it'll be loaded (JS only with Webpack dynamic import), then it'll also load nested routes (Vue Router) bundles dynamically (some of them).

As a reference, storefront-app has the same approach (but for storefront-template).

/#/apps Default route must list all apps from public E-Com Plus Market API (https://github.com/ecomclub/market/issues/11), and installed apps (highlighted), listed from Store API /applications;
/#/apps/:category List apps from public E-Com Plus Market API with category filter;
/#/apps/edit/:slug And the last view is to install/configure respective app (by slug):
- Install app if not installed;
- If app installed:
  1. gambiarra: (edit) fixed routes (specifying slug param value) to load (dynamic import) specific forms by app slug, for correios we'll have a defined form, for paghiper we'll have another...
  2. When switch doesn't match any preseted cases we must render admin-settings (if present) field to form using some JSON Schema to form parser.
  3. On form submit send PATCH to Store API to save application data/hidden_data;

RFC

To GET and PATCH installed applications and from Store API we need My-ID and Access-Token, of course we already have those credentials on admin (from login), but they're not set globally for security reasons (and I don't like this idea), ideas to solve it?

Remember that admin-marketplace is an SPA, not a component (can't be because of dynamic imports).

I'm thinking about using localStorage temporarily to pass them, on startup admin-marketplace would read those localStorage.getItem and then clear.

Checar app já instalado

Na loja 1011 o app CPM foi instalado milhares de vezes 😛
É importante antes de instalar o app verificar se já existe um instalado com o mesmo app_id, se existir abre um prompt que informe a duplicação e solicitando a confirmação antes de instalar novamente.

Importar tabela no app de frete personalizado

Alguns lojistas tem extensas regras de frete, muitas vezes fornecidas de transportadoras. Subir todas essas regras pelo formulário do app custom shipping fica inviável, então o ideal seria subir essas regras por uma tabela.

Renderizar date inputs

Doesnt appear mask input for start and end date

Input number limite

Os inputs de tipo number estão com limite de 99999999, se eu tento utilizar um número maior no input como é o caso do bling que onde o id da loja a ser setado tem mais de oito dígitos ex 203389598 ele deixa o input com o padrão máximo que é 99999999.

Remover objetos vazios no data/hidden_data

O EcAdminSettingsForm preseta objetos vazios ({}) pra facilitar no preenchimento do formulário e reatividade, o problema é que isto pode causar problemas com os apps atuais (ou exigir uma verificação a mais), então precisamor previnir isto limpando o data/hidden_data antes de perpetuar submit do formulário.

O método handleSubmit() deverá vasculhar recursivamente (deep) o formData, remover todos os empty objects e só depois emitir os eventos:

// ...
    handleSubmit () {
      const formData = cloneDeep({
        data: this.data,
        hidden_data: this.hiddenData
      })
      // TODO: REMOVER EMPTY OBJECTS DO `formData`  AQUI
      this.$emit('submit', formData)
      this.$emit('update:application', {
        ...this.application,
        ...formData
      })
    }
// ...

Note que eu passei a clonar o objeto com cloneDeep ('lodash.clonedeep') também, não está assim no código atual mas é necessário fazer isto pra não alterar o data da intância Vue (componente), queremos editar apenas o objeto formData.

Valores default do schema não são salvos no data do app

Ja havia reportado anteriormente que booleanos que estão setados como default no schema do admin_setttings não eram salvos no data do app ao menos que fossem alterados. Porém acontece com qualquer tipo, string, number, etc..

[WIP] [REFACTOR] Bootstrap 4

O Admin já está bastante pesado e também é complicado alterar a UI dele, ao mesmo tempo é ruim o marketplace com uma UI totalmente diferente dentro do Admin, até pra começarmos a reutilizar componentes.

Então minha sugestão é passarmos a utilizar Bootstrap 4 aqui também.
Em geral acho desnecessário já que já estaremos em um ambiente com Bootstrap 4 + jQuery (assim como no Storefront), mas for agilizar podemos usar BootstrapVue também.

Custom shipping app specific view

On top of default "advanced" options, we should add quick config buttons for:

Own delivery
Motoboy
Pick up store

May set pick_up and delivery_instructions shipping line fields on rule object to be handled on app response.

[RFC] Alterar views atuais para Ant Pro

Temos algumas views implementadas que precisam ser alteradas para usar o Ant Design Vue Pro. Gostaria de abrir uma discussão para que possamos apontar as views mais adequada pra cada view que temos hoje. Segue print de views

Problema ao fechar a window do oauth

caso feche a window do oauth (no app mercado livre) antes dela fechar sozinha, ela fica carregando o tempo todo.

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

fix(deps): update all non-major dependencies (core-js, sass)
chore(deps): update dependency husky to v9
chore(deps): update dependency node to v20
chore(deps): update dependency sass-loader to v14

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

Detected dependencies

github-actions

.github/workflows/create-release.yml

actions/checkout v4

actions/create-release v1

.github/workflows/publish.yml

actions/checkout v4

actions/setup-node v4

actions/cache v4

npm

package.json

@ecomplus/apps-manager ^1.0.1

@ecomplus/auth ^1.0.1

@ecomplus/client ^2.2.1

@ecomplus/i18n ^1.32.2

@ecomplus/utils ^1.4.1

babel-runtime ^6.26.0

bootstrap-vue ^2.23.1

core-js ^3.35.1

dot-object ^2.1.4

lodash.clonedeep ^4.5.0

papaparse ^5.4.1

popper.js ^1.16.1

vue 2.6.x

vue-bootstrap-typeahead ^0.2.6

vue-cleave-component ^2.1.3

vue-markdown ^2.2.4

vue-router ^3.6.5

vue2-transitions ^0.3.0

@commitlint/cli ^17.8.1

@commitlint/config-conventional ^17.8.1

@vue/cli-plugin-babel ^4.5.19

@vue/cli-plugin-router ^4.5.19

@vue/cli-plugin-vuex ^4.5.19

@vue/cli-service ^4.5.19

@vue/eslint-config-standard ^6.1.0

babel-eslint ^10.1.0

eslint ^7.32.0

eslint-plugin-vue ^7.20.0

husky ^4.3.8

lint-staged ^11.2.6

sass ^1.70.0

sass-loader ^10.5.2

standard ^17.1.0

standard-version ^9.3.2

vue-template-compiler 2.6.x

nvm

.nvmrc

node 16

Check this box to trigger a request for Renovate to run again on this repository

Input money não válida números inteiros

Hoje não existe aviso para min_amount, então se a loja colocar ele como float, dará erro no checkout, por isso é necessário avisar, caso coloque float ao inves de interger

toggle input type

If is input type password, must be an icon to click to change type password to text

Erro quando 'hide' não é definido

Nos fields do admin_settings a propriedade hide não é obrigatória, é um booleano e deve ser considerado false se não estiver definido, no entando estamos tendo um erro fatal quando isto acontece em algum app.

Erros ao salvar dados após modificação

A resposta que tive é:

{"status":400,"error_code":8129998,"message":"Bad-formatted JSON body, details in user_message","user_message":{"en_us":"data should NOT have less than 1 properties","pt_br":"data não deve ter menos que 1 propriedade"},"more_info":"/applications/schema/data.json"}

Já ocorreu em mais de um aplicativo. O data está indo vazio quando a alteração é no hidden_data por exemplo e ai dá esse erro, porque precisa ter algo.

Input de cep não permite zero à esquerda

Atualmente os inputs para inserção de cep no admin marketplace não permitem inserir zero à esquerda, ou seja, se você tenta salvar 00000000, ele muda e salva 10000, se tentar 01000000, ele muda e salva 1000000. Ou seja, o zero antes de qualquer número, ele não permite salvar e se cadastrar como nulo, ou seja, apenas com limite máximo, ele não considera aquele nulo como zero.

Custom view for discounts app

Should have simplified UX to create discounts coupons specially.
Other custom app views as exemples.

Input text with type password for keys and tokens

InputText should check field name to render type="password" by default when admin settings field seems to be an access key, token or password.

Auto update app path/minor versions

Check installed and available app versions, when new path or minor (semver) is available, send a PATCH to update current instalation admin_settings.
On major versions merchant may be notified to reinstall the app.

Mocked links for Storefront widgets and aditional partners as apps

🥇

Renderizção de arrays no formulário de configuração do app

Arrays não estão sendo renderizado, possivelmente isso só ocorra em array dentro de array de objetos. Um exemplo é no app discounts, onde não está renderizando a lista de ids de produtos e outra de clientes.

input faixas de cep

Bom ao tentar inserir um cep nos inputs faixa de cep no collapse desativar serviços do aplicativo melhor envio, dispara-se todos os eventos conforme a imagem

E nada muda, não aparece um número no campo.

Disable anoying "save password" browser's feature

https://stackoverflow.com/questions/32369/disable-browser-save-password-functionality

Dinamic imports Discoverer

Thiago, preciso que no discoverer.js os imports não sejam dinâmicos, para que eu consiga importa-los no painel da e-com plus para que funcione corretamente os inputs

Input de data gerando data errada

Criando cupom e brinde que foram os testes, como input deve ser o mesmo, estou colocando aqui só o de brinde. Abaixo eu coloco a data 15/09/2020 00:00:00 até 15/09/2020 23:59:59, conforme mostra a imagem:

No PATCH do network já vemos as informações enviadas como erradas.

Abaixo vemos apenas a confirmação do erro.

Com 1 mês para frente, isso deve ter passado batido porque o mês 1, deve ser considerado como 0, como no exemplo:

new Date(2020, 0, 6)

Gera a data como janeiro, então a solução deve ser simples

Erro ao instalar aplicativo

Ao instalar aplicativo está ficando carregamento infinito, funcionando somente se recarregar a página.
Testei Gerencianet, Bling, Jadlog e todos deram mesmo erro, então deve ser geral

Get IDs from selected category

Some clients asked a possibility to apply discount in to a specific category. So, we can list all categories and get all products from selected category(ies) to apply on checkout

Não é possível instalar aplicativo por celular

Em teste, um lojista tentou notificações inteligentes, depois tentei o mesmo app no celular e não funcionou. Após tentar no pc funcionou. Depois testei o app pagar.me no celular e não funcionou, logo constando o problema de instalação pelo celular

Erro ao criar um cupom ele salva como mês futuro

Abaixo, fiz um teste na loja USETRUCCO que vem reclamando bastante disso recentemente, fui testar e conforme mostra a imagem abaixo:

Na criação do cupom, ele considera mês 05, mesmo digitando mes 04. Isso ocorre apenas ao criar o cupom, se editar, ele funciona. Então, os que relataram erro, estou sugerindo criar e conferir posteriormente a data para fazer possível edição, antes de disparar campanha e passar para cliente

Ao instalar um novo app está direcionando para a home

Abaixo mostra eu instalando o app e sendo direcionado para a home, ao invés de ficar no app
https://user-images.githubusercontent.com/35343551/108391255-49d94e80-71f0-11eb-9279-6a96dc35efa7.mp4

ecomplus / admin-marketplace Goto Github PK

admin-marketplace's People

Contributors

Watchers

Forkers

admin-marketplace's Issues

TODO

Setup

What

RFC

Awaiting Schedule

Ignored or Blocked

Detected dependencies

Recommend Projects

Recommend Topics

Recommend Org