Edit file File name : Optimize.html Content :<div class="panel panel-default" ng-controller="A2OptOptController" ng-if="vars.currentController == 'Optimize'"> <div class="panel-heading"> <ng-include src="'html_templates/Title.html'"></ng-include> </div> <div class="panel-body" > <div class="panel panel-info" ng-if="get_num_basic(vars.selectedApp.optimizations) > 0" > <div class="panel-heading"><strong>Basic optimizations of {{vars.selectedApp.type}}:</strong></div> <div class="panel-body" style="padding:0px;"> <table class="table" ng-init="get_optimizations(vars.selectedApp)" style="clear:both;padding:8px;" > <tr ng-repeat-start="(optimization_name,optimization) in get_basic(vars.selectedApp.optimizations)" > <td style="width: 300px;" >{{optimization_name}} <span style="cursor:pointer;" ng-click="optimization.show_info = optimization.show_info == null ? true : !optimization.show_info" class="glyphicon glyphicon-info-sign text-info" ></span></td> <td><span ng-if="optimization.type != null"> <div class="btn-group"> <button style="width:80px" ng-click="set_optimization(optimization_name,false,vars.selectedApp)" ng-if="optimization.one_way_enable == null" class="btn btn-sm" ng-disabled="!(optimization.optimized === true)" ng-class="{'btn-danger':!(optimization.optimized === true), 'btn-default':(optimization.optimized === true)}" > <span ng-if="optimization.disabled_text == null"> {{(optimization.optimized === true) ? "Disable" : "Disabled"}} </span> <span ng-if="optimization.disabled_text != null"> {{optimization.disabled_text}} </span> </button> <button ng-if="(optimization.warning == null || optimization.warning == '') && optimization.one_way_disable == null" style="width:80px" ng-click="set_optimization(optimization_name,true,vars.selectedApp)" class="btn btn-sm" ng-disabled="(optimization.optimized === true)" ng-class="{'btn-success':(optimization.optimized === true), 'btn-default':!(optimization.optimized === true)}"> <span ng-if="optimization.enabled_text == null"> {{(optimization.optimized === true) ? "Enabled" : "Enable"}} </span> <span ng-if="optimization.enabled_text != null"> {{optimization.enabled_text}} </span> </button> <button ng-if="(optimization.warning != null && optimization.warning != '') && optimization.one_way_disable == null" style="width:80px" ng-really-click="set_optimization(optimization_name,true,vars.selectedApp)" ng-really-message="{{optimization.warning}}" class="btn btn-sm" ng-disabled="(optimization.optimized === true)" ng-class="{'btn-success':(optimization.optimized === true), 'btn-default':!(optimization.optimized === true)}"> {{(optimization.optimized === true) ? "Enabled" : "Enable"}} </button> </div> </span> </td> </tr> <tr ng-repeat-end style="background-color:#f8fdf2"> <td colspan="2" ng-show="optimization.show_info"> <div class="pull-right" style="cursor:pointer;color:#d3d3d3" ng-click="optimization.show_info = optimization.show_info == null ? true : !optimization.show_info"><span class="glyphicon glyphicon-remove-circle"></span></div> <div ng-bind-html="optimization.description"> </div> </td> </tr> <tr> <td> </td> <td> <button style="width:160px;" class="btn btn-success" ng-click="optimize(vars.selectedApp)">Optimize All</button> </td> </tr> </table> </div> </div> <div style="clear:both" ></div> <div class="panel panel-info"> <div class="panel-heading"><strong>Advanced optimizations of {{vars.selectedApp.type}}:</strong></div> <div class="panel-body" style="padding:0px;"> <table class="table" ng-init="get_optimizations(vars.selectedApp)" style="clear:both;padding:8px;" > <tr ng-repeat="(optimization_name,optimization) in get_advanced(vars.selectedApp.optimizations)"> <td >{{optimization_name}} <span class="glyphicon glyphicon-info-sign text-info" tooltip="{{optimization.description}}"></span></td> <td><span class="glyphicon glyphicon-dot" ng-class="{'red-light': !(optimization.optimized === true), 'green-light': (optimization.optimized === true) }"></span></td> <td> <span ng-if="optimization.type == null && optimization.controller != null"> <button ng-click="set_currentController(optimization.controller)" class="btn btn-default btn-sm" >Configure</button> </span> </td> </tr> </table> </div> </div> <alert type="success" ng-if="percent_optimized(vars.selectedApp.optimizations) == 100">You're all optimized! Great job!</alert> <alert type="success" ng-if="percent_optimized(vars.selectedApp.optimizations) >= 80 && percent_optimized(vars.selectedApp.optimizations) < 100">You're almost there! Just a few optimizations left!</alert> <alert type="warning" ng-if="percent_optimized(vars.selectedApp.optimizations) >= 50 && percent_optimized(vars.selectedApp.optimizations) < 80 ">You're on your way to optimizing this site!</alert> <alert type="warning" ng-if="percent_optimized(vars.selectedApp.optimizations) < 50 ">You're missing some great optimization opportunities.</alert> </div> </div>Save