Nav apraksta

igor 68d8874236 Merge branch 'new_logs_format' of LInE/ivprog_log_analysis into master 2 gadi atpakaļ
css 55f42d9ba8 Finished 2021 version 3 gadi atpakaļ
dist 55f42d9ba8 Finished 2021 version 3 gadi atpakaļ
ivprog 39c56f7644 Finsished log analysis 2 gadi atpakaļ
ivprog_contexto 60407be9bd Finished 2 gadi atpakaļ
ivprog_menu 54b57b2741 Implementar visualização de todos os alunos 5 gadi atpakaļ
js 55f42d9ba8 Finished 2021 version 3 gadi atpakaļ
src 55f42d9ba8 Finished 2021 version 3 gadi atpakaļ
.gitignore 55f42d9ba8 Finished 2021 version 3 gadi atpakaļ
README.md 55f42d9ba8 Finished 2021 version 3 gadi atpakaļ
_index.html ccf77fbc92 Updating file format (in progress) 2 gadi atpakaļ
alunos.php 55f42d9ba8 Finished 2021 version 3 gadi atpakaļ
curso.php 66786b1d6d Merge conflicts 2 gadi atpakaļ
functions.php 66786b1d6d Merge conflicts 2 gadi atpakaļ
index.php 55f42d9ba8 Finished 2021 version 3 gadi atpakaļ
package-lock.json 55f42d9ba8 Finished 2021 version 3 gadi atpakaļ
package.json 55f42d9ba8 Finished 2021 version 3 gadi atpakaļ
process.php 55f42d9ba8 Finished 2021 version 3 gadi atpakaļ
relatorio_aluno_exercicio.php 66786b1d6d Merge conflicts 2 gadi atpakaļ
relatorio_exercicio.php 66786b1d6d Merge conflicts 2 gadi atpakaļ
webpack.config.js 55f42d9ba8 Finished 2021 version 3 gadi atpakaļ

README.md

Instalação

Inclua os arquivos dist/style.css e line_heatmap.js no seu arquivo HTML

Uso

Inclua o seguinte código na página ou em algum outros script. Note que div_id não possui '#' e que a função init recebe como parametro uma string onde cada linha é uma entrada do log.

  <script>
    line_heatmap.Container.init(div_id, log_string_itracker);
  </script>

Você também deve incluir a seguinte regra css

    #line-heatmap-canvas { width:60%; height:60%;}

Modificações

Para alterar o código é necessário ter a última versão no npm. Apenas execute npm install para instalar todas as dependências.

Previsualização

  npm install
  npm run build
  npm run start

Acesse o servidor de testes em 127.0.0.1:8080