Configurando Workboards como fullscreen e com atualização automática no Phabricator

Para quem não conhece os Workboards do Phabricator, nada mais é do que uma forma de organizar todas as tarefas em formas de colunas identificadas pelo nome de cada processo.

Em alguns outros sistemas este tipo de organização também pode ser chamada de KanbanBoard, SprintBoard, TaskBoard, etc.

Bom voltando a nossa necessidade, na HQ utilizamos televisões nos setores para melhorar o acompanhamento das tarefas e a visualização do status de cada solicitação, nossa meta principal é liquidar todos as solicitações de nosso Backlog e manter sempre o mais próximo de zero.

A estrutura do nosso Workboard do departamento de desenvolvimento é simples, ele possui as seguintes colunas: Backlog, Triagem, Pendente Informação, Em progresso, Concluído.

Com isso em mente precisamos que em nossa estação ligada na TV toda vez que reiniciada seja aberto o endereço especifico do workboard e que seja colocado em fullscreen para maior aproveitamento da área e ainda seja atualizado automaticamente em um intervalo de tempo especifico.

Para que vocês entendam abaixo segue uma imagem do workboard carregado sem estar em modo fullscreen e sem aproveitar toda a tela.

Após pesquisar um pouco encontrei dois plugins para o navegador Chrome que facilitaram muito o trabalho, um deles é especifico para permitir injetar um css personalizado em paginas especificas, sendo assim toda vez que entrarmos no endereço do nosso Phabricator ele aplicara nosso css customizado na pagina, já o outro plugin permite fazer exatamente a mesma coisa porem com javascript. Acho que já deu para entender onde quero chegar né ?

Bom vamos seguir, primeiro instale no seu Chrome os dois plugins: Stylish e Custom JavaScript for Websites 2.

Em seguida com as extensões do chrome instalada acesse o endereço de seu phabricator, click no icone do Stylish e selecione a opção Write style for: www.enderecophabricator.com.

No código coloque o seguinte css:

.aphront-multi-column-fixed .phui-workpanel-view, .phui-workpanel-view .phui-header-shell {
  width: auto !important;
}

Com isso as colunas já se ajustarão para caber no espaço da workboard sem criar rolagem horizontal.

Agora faço o mesmo processo utilizando o plugin para javascript, porem colocaremos o código abaixo:

function setRefresh() {
    setInterval(function () {
        location.reload()
    }, 120000)
}

function setFullScreen(){
 phabPage = document.getElementById('phabricator-standard-page');
 phabPage.className="phabricator-standard-page phui-workboard-fullscreen";
}

function disableFullScreen(){
    var phabPage = document.getElementById('phabricator-standard-page');
    phabPage.className = "phabricator-standard-page";
}

function setup(){
 setFullScreen();
 setRefresh();
}

setup();

Altere a função setRefresh e modifique valor 120000 para o intervalo de atualização desejado. (note que o valor é em milissegundos)

Pronto com isso feito, basta ir no menu de configurações do chrome -> Mais Ferramentas -> Adicionar a área de trabalho. Com isso sera criado um link para acesso rápido a pagina do workboard. 

Coloque este atalho na pasta de inicialização automática do windows para que seja executado automaticamente caso necessário e agora já é possível acompanhar as tarefas em tempo real a medida que são movimentadas pelo workboard.

Um abraço a todos,

Diego Garcia