Screen Shot 2013-04-06 at 3.47.33 PM

I’ve started this project to get familiar with Backbone.js and so far it’s working. I’ve recently fixed the bug where the Issues button was not working after creating an issue and added a new feature: Issue Statuses. The installation process is very simple you just need to fork the project import the schema.sql file and update the db settings under protected/config/main.php.

A screenshot is attached to give you an idea on how this project looks. Next features planned:

  1. Version Management
  2. Manage Statuses (Add/Edit/Delete)
  3. Adding Milestones
  4. Progress bar for issues
  5. Projects
  6. Comments
Screen Shot 2013-03-31 at 5.25.41 PM

Twitter Bootstrap Wizard supports jQuery Validation plugin by default, an example was added to demonstrate a simple case when a form needs to be validated in two different steps.

Example Code:

$(document).ready(function() {
  	var $validator = $("#commentForm").validate({
		  rules: {
		    emailfield: {
		      required: true,
		      email: true,
		      minlength: 3
		    },
		    namefield: {
		      required: true,
		      minlength: 3
		    },
		    urlfield: {
		      required: true,
		      minlength: 3,
		      url: true
		    }
		  }
		});
 
	  	$('#rootwizard').bootstrapWizard({
	  		'tabClass': 'nav nav-pills',
	  		'onNext': function(tab, navigation, index) {
	  			var $valid = $("#commentForm").valid();
	  			if(!$valid) {
	  				$validator.focusInvalid();
	  				return false;
	  			}
	  		}
	  	});	
});
Screen Shot 2013-03-31 at 4.35.12 PM

Latest Twitter bootstrap version adds five new methods. You can now do the following:

 


// Disable step
$('#disable-step').on('click', function() {
$('#rootwizard').bootstrapWizard('disable', $('#stepid').val());
});
// Enable step
$('#enable-step').on('click', function() {
$('#rootwizard').bootstrapWizard('enable', $('#stepid').val());
});
// Remove step
$('#remove-step').on('click', function() {
$('#rootwizard').bootstrapWizard('remove', $('#stepid').val(), true);
});
// Show step
$('#show-step').on('click', function() {
$('#rootwizard').bootstrapWizard('display', $('#stepid').val());
});
// Hide step
$('#hide-step').on('click', function() {
$('#rootwizard').bootstrapWizard('hide', $('#stepid').val());
});

Screen Shot 2013-03-27 at 8.48.08 AM

Bootstrap Admin Theme

A generic admin theme built with Bootstrap free for both personal and commercial use.

This is still a work in progress.

Pages:

  • Login
  • Admin Dashboard (Tables, Statistics, Chart, Media Gallery)
  • Full Calendar
  • Statistics (Multiple examples of Pie, Bar, Line charts)
  • Buttons & Icons
  • UI & Interface Elements (Modals, Popovers, Tooltips, Alerts, Notifications, Labels, Progress Bars)

Demo:

http://vinceg.github.com/Bootstrap-Admin-Theme

Github:

https://github.com/VinceG/Bootstrap-Admin-Theme

console_progressbar

PHP Console Progress Bar

This class creates and maintains progress bars to be printed to the console. This file is a replica of the ezComponents console progress bar class (@link http://ezcomponents.org/docs/api/latest/ConsoleTools/ezcConsoleProgressbar.html) allows a developer to just use the console progress bar features without the rest of the classes saving all the extra files and classes.

Available Options

  • barChar: Processed progress bar char (Default ‘=’)
  • emptyChar: Empty progress bar char (Default ‘-’)
  • formatString: Progress bar formatted line that actually displays the processed number, step count, total count, percentage etc.. (Default ‘%act% / %max% [%bar%] %fraction%%’)
  • fractionFormat: Progress bar fraction format (Default ‘%01.2f’)
  • progressChar: Progress bar progress leading char (Default ‘>’)
  • redrawFrequency: Redraw/Update the progress bar every X step(s) (Default: 1)
  • step: Progress bar each advance call will advance X step(s) (Default: 1)
  • width: Progress bar width (Default 100)
  • actFormat: Progress bar current step format (Default ‘%.0f’)
  • maxFormat: Progress bar maximum step format (Default ‘%.0f’)
  • max: Progress bar maximum value (When it reaches 100%) (Default 100)

 


< ?php
require_once('ConsoleProgressBar.php');
// initiate the class with the maximum value being 100
$progress = new ConsoleProgressBar(100);
// Setting options are done using one of the following:
// $progress = new ConsoleProgressBar(100, array('step' => 5, 'barChar' => '+'));
// $progress->setOptions(array('step' => 5, 'barChar' => '+'));
// $progress->setOptions('step', 5);
// $progress->options = array('step' => 5);
// Start the progress bar before the actual actions are taken place
$progress->start();
// This is just an example that's why a simple look is being used
// in real world this can be a db record set process or any other long operation that is being
// done via the cli
for ($i = 0; $i < = 100; $i++) {
// Do the actual processing here
// .....
// .....
// .....
// Advance one step by default
// you can pass a second argument $step which will advance that number of steps
$progress->advance();
// For this example we will just sleep for a second
sleep(1);
}
// Call finish at the end to make sure the bar goes to 100% if it didn't
$progress->finish();

Fork On Github

Screen Shot 2013-03-17 at 4.07.51 PM

Backbone.js Issue Tracker

This is a bug/issue tracker written in Backbone.js, jQuery, Underscore.js, Bootstrap and Yii Framework as the backend.

Project is under development and any contribution is welcomed and appricated.

Installation Instructions

  • Fork Repository
  • Change the DB settings under application/protected/config/main.php
  • Import the schema.sql
  • Lunch the appliation through the browser navigating to the index.html file

 

Github Repository

Bootstrap admin theme was updated today and now includes the following pages:

  • Login
  • Admin Dashboard (Tables, Statistics, Chart, Media Gallery)
  • Full Calendar
  • Statistics (Multiple examples of Pie, Bar, Line charts)
  • Buttons & Icons
  • UI & Interface Elements (Modals, Popovers, Tooltips, Alerts, Notifications, Labels, Progress Bars)

 

Live demo:

http://vinceg.github.com/Bootstrap-Admin-Theme

A generic admin theme built with Bootstrap free for both personal and commercial use.

This is still a work in progress.

Pages:

  • Login
  • Admin Dashboard

Preview:

Screen Shot 2013-02-03 at 5.38.18 PM

Here are screenshots taken from the Admin side of the Yii eCommerce Application. All screenshots are self explanatory. Some of the screenshots taken more then once or got deformed due to the Extension used to take those screenshots, just ignore those.

Yii eCommerce is going along nicely. Since i’ve used a premium theme for the Admin side of the application i can’t release this. I’ll be working on converting all the views to Bootstrap designing it myself and dropping the Admin theme currently installed. Any designers willing to help by contributing pages designed with bootstrap that fit the admin part of the application please let me know.

Here are some of the features being worked on:

  • Dropping Dulcet admin and using basic Bootstrap (To be able to release this to the public)
  • Using Twig as the template engine for both Admin & Front-End of the site to minimize risk and better readability
  • Using JS MVC framework for the Front-End of the website for better scalability, code management & speed (Probably going to use either AngularJS/Ember).
  • Design a basic Bootstrap theme for the Front-End.

Feel free to reach out if you are willing to help before this is released and posted on Github.

Thanks.

Updated list of US Zip Codes, State, City & County

This list contains nearly 42,000 Zip Codes from 62 Different states (Including Puerto Rico, Guam, Virgin Islands, American Samoa, Marshall Islands, U.S Armed Forces)

There is one MYSQL dump file that contains a table ‘zip_code’ with 4 columns (zip_code, city, county, state)

AA
AE
AK
AL
AP
AR
AS
AZ
CA
CO
CT
DC
DE
FL
FM
GA
GU
HI
IA
ID
IL
IN
KS
KY
LA
MA
MD
ME
MH
MI
MN
MO
MP
MS
MT
NC
ND
NE
NH
NJ
NM
NV
NY
OH
OK
OR
PA
PR
PW
RI
SC
SD
TN
TX
UT
VA
VI
VT
WA
WI
WV
WY


View @ Github

“Adjacent is an adjective meaning contiguous, adjoining or abutting. It is commonly used in scientific, specifically mathematical contexts.”

This Repository contains a CSV file, PHP Array file and a MYSQL Dump file for all the states that have at least one adjacent state.

This was created due to a recent need for this and since i wasn’t able to find a good resource i’ve decided to create it.

View @ Github

Pure Inspection Managment – Simple and Efficent cloud based Home Inspection Manager. With this tool you’ll be able to Generate, Process, Send, Receive, View, Download Reports from anywhere using any kind of Operating System, Browser and Mobile Device.

Want to be notified when the site launches and the magic happens?
Enter your email address in the form above and we promise you’ll be the first to know when we open our doors.

Visit PureInspection.com For more information.

JSON string, DB Dump, PHP Array of all cars makes and models

This list consists of 71 makes and over 1,300 different models.

Last Updated: 02/11/2012

You’ll find a file with a JSON string, PHP array and an SQL dump of two tables (make & model)

This will allow to pretty much use the data in the easiest way for you whether it’s using PHP, DB or JSON.

© Vincent Gabriel @ http://vadimg.com

Github Repository

This twitter bootstrap plugin builds a wizard out of a formatted tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually.

Visit Website & Demo

Fork It On Github