Code Monkey home page Code Monkey logo

tabmarker's Introduction

YoProfile YoTitle

Yo there!

I'm a small self taught Full Stack Developer who loves to immerse into small projects.


GitHub Stats


Technologies Used

Tools

Windows Linux

VSCode Visual%20Studio Eclipse Android Studio IntelliJ%20IDEA

Git NPM

Backend

Java PowerShell C++ Python C#

.NET

SQL Server MySQL

Frontend

HTML5 CSS3

JS TS PHP

Vue.js React Angular Nx

Bootstrap RxJS

Platform

Arduino GitHub

tabmarker's People

Contributors

eryoneta avatar

Watchers

 avatar

tabmarker's Issues

Adicionar undo/redo

  • Para cada deleção de link, ou modificação de nome, a ação pode ser desfeita.
    • A ação é salva até 5 ações.
    • Pode-se configurar a quantidade que é salva, podendo até ser indefinido, mas avisando que pode travar caso ocorra exagero.
  • Links abertos e retirados do depósito não contam.

Adicionar menu na tela

Um menu da extensão mostra as ações disponíveis:

  • TabMarker:
    • Abrir TabMarker
    • Separador
    • Capturar as guias à ESQUERDA da atual
    • Capturar as guias à DIREITA da atual
    • Capturar TODAS as guias desta janela
    • Capturar SOMENTE a guia atual
    • Separador
    • Opções

E ações:

  • Cada opção de captura é um menu contendo todas as pastas, o permitindo escolher qual receberá todas as guias.
    • Pesado demais?

Adicionar opções de configurações

Configurações:

  • Tema dark ou light.
  • Mostrar cadeado ou não.
  • Quantidade máxima de undo/redo.
  • Padrão de novas Tabs: Nome, cor.
  • Padrão de novas Folders: Nome, cor.
  • Como capturar guias:
    • Capturando e fechando.
    • Capturando e não fechando.
    • Ambas.
      • As mudar de lugar(Inverte suas posições).
    • Capturar guias fixas ou as ignorar.
  • Excluir Item ao abrir seu link ou não.

Adicionar interface

Interface

  • Tab:
    • São organizadas como as guias do navegador.
    • São a tela de fundo.
    • Interface:
      • Número de Folders que possui.
      • Nome personalizável.
        • Separa os botões na direita e esquerda.
      • Botão de cor.
      • Botão de excluir.
    • Pode ser arrastado para os lados, mudando a ordem em que aparecem.
    • Existindo, ocupam todo o espaço no topo, apenas um botão( + ) no lado permitindo adicionar mais.
      • Conforme adicionado, o espaço é dividido entre eles.
      • O número e nome tomam prioridade, o botão de cor e excluir apenas aparecendo na Tab atual.
  • Folder:
    • São organizadas uma acima da outra.
    • Interface:
      • Número de Itens que possui.
      • Cadeado.
        • Se ativo, o cadeado é fechado, mas aberto se não.
        • Se ativo, todos os Itens e a Folder não possuem o botão de excluir.
      • Nome personalizável.
        • Separa os botões na direita e esquerda.
      • Botão de minimizar.
        • Uma barra, mas se torna um quadrado se a Folder estiver escondida.
        • Quando escondida, o conteúdo da Folder é apenas um olho riscado.
      • Botão de cor.
      • Botão de excluir.
    • Interface de opções:
      • Na esquerda:
        • Capturar guias da esquerda e as fechar.
        • Capturar todas as guias e as fechar.
        • Capturar guias da direita e as fechar.
        • Espaço
        • Capturar guias da esquerda.
        • Capturar todas as guias.
        • Capturar guias da direita.
      • Na direita:
        • Abrir todos os Itens.
        • Abrir todos os Itens e os excluir.
    • Existe uma linha que demarca a borda da Folder, a dividindo da Tab.
    • Um botão ( + ) permite adicionar mais.
  • Item:
    • São organizadas em uma lista.
    • Interface:
      • Ícone.
        • Ao passar por cima, o cursor se torna o de drag, indicando que ele pode ser arrastado.
      • Pino.
        • Define se a guia é fixa ou não.
      • Nome personalizável.
        • Separa os botões na direita e esquerda.
        • Ao passar por cima, o cursor se torna o de link, indicando que ele é um link.
          • O endereço aparece depois do nome.
          • Se esperar, um popup mostra o nome e endereço completos.
        • Se leftClick, abre o link em uma nova guia e se exclui.
        • Se middleClick ou ctrlDown+leftClick, abre o link em uma nova guia e permanece.
        • Pode ser leftDrag, apesar do cursor indicar link, mas é necessário o mover uma certa distância(ItemHeight), ou o link é aberto. Quando a distância for alcançada, o Item pula para a posição abaixo do cursor, e passa a seguí-lo.
      • Botão de excluir.
    • Os mais novos ficam destacados por 3 segundos.
      • Isso é vital para indicar se houve links adicionados já presentes.
  • A ação de excluir ocorre apenas com um clique sem arraste e com um aviso de que coisas serão deletadas.
  • De acordo com a clareza da cor, a cor do texto pode ser preta ou branca. azul ou azul-clara.
  • O botão de cor abre um popup com uma grade com várias cores, mas também uma opção de escolher uma própria.
  • Ao editar o nome, o texto se torna branco, claramente editável.
    • Para se editar, basta um leftClick.
  • Se o nome for muito grande, três pontos( ... ) aparecem.

Adicionar possibilidade de backup

  • Adicionar uma opção de ter uma pasta onde arquivos .json são mantidos, garantindo que não ocorra perdas.
    • Ocorrem de x em x minutos.
    • Há uma quantidade máxima de arquivos permitidos antes de se começar a excluir os mais antigos.
  • Garantir que não seja possível perder todos os links de uma única vez, a prioridade sendo manter a existência do storage.
    • Itens não podem ser excluídos em massa, exceto se pertencerem ao mesmo grupo.

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.