Adding dynamic project stage progress bar

Somewhat rudimentary, but serves a purpose. Also fixes #95

Author: schlos

html-templates/projects/project.tpl

@@ -32,7 +32,58 @@
         <div class="col-md-8">
             {if $Project->Stage}
                 <h2>{_ "Stage"}</h2>
+                {if $Project->Stage == null}
                 <span class="label label-info" data-toggle="tooltip" data-placement="bottom" title="{Laddr\Project::getStageDescription($Project->Stage)}">{$Project->Stage}</span>
+                {/if}
+                {if $Project->Stage == Commenting}
+                <div class="progress">
+                    <div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width: 10%;" data-toggle="tooltip" title="{Laddr\Project::getStageDescription(Hibernating)}">
+                    <span class="show">{$Project->Stage}</span>
+                    </div>
+                </div>
+                {/if}
+                {if $Project->Stage == Bootstrapping}
+                <div class="progress">
+                    <div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%;" data-toggle="tooltip" title="{Laddr\Project::getStageDescription(Bootstrapping)}">
+                    <span class="show">{$Project->Stage}</span>
+                    </div>
+                </div>
+                {/if}
+                {if $Project->Stage == Prototyping}
+                <div class="progress">
+                    <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;" data-toggle="tooltip" title="{Laddr\Project::getStageDescription(Prototyping)}">
+                    {$Project->Stage}
+                    </div>
+                </div>
+                {/if}
+                {if $Project->Stage == Testing}
+                <div class="progress">
+                    <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;" data-toggle="tooltip" title="{Laddr\Project::getStageDescription(Testing)}">
+                    {$Project->Stage}
+                    </div>
+                </div>
+                {/if}
+                {if $Project->Stage == Maintaining}
+                <div class="progress">
+                    <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;" data-toggle="tooltip" title="{Laddr\Project::getStageDescription(Maintaining)}">
+                    {$Project->Stage}
+                    </div>
+                </div>
+                {/if}
+                {if $Project->Stage == Drifting}
+                <div class="progress">
+                    <div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;" data-toggle="tooltip" title="{Laddr\Project::getStageDescription(Drifting)}">
+                    <span class="show">{$Project->Stage}</span>
+                    </div>
+                </div>
+                {/if}
+                {if $Project->Stage == Hibernating}
+                <div class="progress">
+                    <div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;" data-toggle="tooltip" title="{Laddr\Project::getStageDescription(Hibernating)}">
+                    {$Project->Stage}
+                    </div>
+                </div>
+                {/if}
             {/if}  
             {if $Project->README}
                 <h2>{_ "README"}</h2>