Giter VIP home page Giter VIP logo

bugs.html's Introduction

bugs.html

Simple issue tracking that incorporates a kanaban board. The hole thing contained in one single html file.

bugs.html

Overview

bugs.html is a simple one file html application that can be used to track issues for your development project. It has no dependencies since all the required tools are bundled inside this one file. It can easily be dropped into the doc folder of your repository and then in this way be tracked by your source control tool along with your project's code.

Usage

Download the latest version from here. Open it in your favorite text editor and prove a title for your project by setting the value for the title variable. You can also provide a logo image by settting the value of the logo variable to the base64 encoding of your image.

<script>
 var logo ;//= "Your org's logo image base64 encoded"
 var title;//= "Your project name";
 var tasks;// = []
 
</script>

You can then drag tasks around and drop them into one of the available development states. If you want to edit, add or remove tasks, click on the "Data" button on the top right corner. Then you can:

  • Click on the New Task button to clear the input boxes and generate a new ID automatically so you can create a new task.
  • Click on a task from the list of tasks and then save it with the same ID to update it.
  • Double click on a task from the list of tasks to delete them.
  • Group taks into projects and milestones by typing the same value in the Project or Milestone text box.
  • Vissually differentiate on the Kanban board between Defects and Improvements.
  • Vissually notice the completion of your project/milestone with the progress bar on the top right corner.

Storing Data

bugs.html has two modes for storing data. The way to select what storage method to use is to set or not the value for the tasks variable located at the top of the file. If the tasks variable is not defined then Automatic Mode will be enabled (this mode is still beta but works for simple projects with short durations). Manual Mode will be enabled if the tasks variable has a value set.

  • Manual Mode is excelent for tracking your bugs inside your source control system. Just drop bugs.html file inside your repository and use it. Then once you're done click the "Get Data" button, copy the content of the dialog by clicking CTRL+C and then replace the data for the tasks variable in the HTML file with the data you just copied. You bugs will be tracked inside you repo. Excelent for simple projects that don't need a bug trcking software which is bigger than the project itself.

  • Automatic Mode saves your changes automatic as you're making changes to the data. This mode is a more user friendly and behaves more like one of those big bug tracking systems. This mode is still beta. See the TODO section for more info

TODO

  • Use PouchDB, once it comes out of alpha, to save data when using automatic save mode. Right now the storage is done using localStorage, or browser cookies if localStorage is not supported.

bugs.html's People

Contributors

carlosblanco avatar

Stargazers

 avatar

Watchers

 avatar

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.