Adding more outiftting sub section menu options

app/js/controllers/controller-outfit.js

@@ -230,11 +230,19 @@ angular.module('app').controller('OutfitController', ['$window', '$rootScope', '
     updateState(Serializer.fromShip(ship.useCommon(rating)));
   };
 
+  $scope.useHardpoint = function(group, mount) {
+    updateState(Serializer.fromShip(ship.useWeapon(group, mount)));
+  };
+
+  $scope.useUtility = function(group, rating) {
+    updateState(Serializer.fromShip(ship.useUtility(group, rating)));
+  };
+
   $scope.emptyInternal = function() {
     updateState(Serializer.fromShip(ship.emptyInternal()));
   };
 
-  $scope.emptyWeapons = function() {
+  $scope.emptyHardpoints = function() {
     updateState(Serializer.fromShip(ship.emptyWeapons()));
   };
 

app/js/shipyard/factory-ship.js

@@ -547,6 +547,29 @@ angular.module('shipyard').factory('Ship', ['Components', 'calcShieldStrength',
     return this;
   };
 
+  Ship.prototype.useUtility = function(group, rating) {
+    var component = Components.findHardpoint(group, 0, rating);
+    for (var i = this.hardpoints.length; i--; ) {
+      if (!this.hardpoints[i].maxClass) {
+        this.use(this.hardpoints[i], component.id, component);
+      }
+    }
+    return this;
+  };
+
+  Ship.prototype.useWeapon = function(group, mount) {
+    var hps = this.hardpoints;
+    for (var i = hps.length; i--; ) {
+      if (hps[i].maxClass) {
+        var component = Components.findHardpoint(group, hps[i].maxClass, null, null, mount);
+        if (component) {
+          this.use(hps[i], component.id, component);
+        }
+      }
+    }
+    return this;
+  };
+
   /**
    * Will change the priority of the specified slot if the new priority is valid
    * @param  {object} slot        The slot to be updated

app/js/shipyard/service-components.js

@@ -97,7 +97,7 @@ angular.module('shipyard').service('Components', ['lodash', 'ComponentsDB', 'Shi
    *
    * @param  {string} groupName [Optional] Full name or abbreviated name for component group
    * @param  {integer} clss     Component Class
-   * @param  {string} rating    Component Rating
+   * @param  {string} rating    [Optional] Component Rating
    * @param  {string} name      [Optional] Long/unique name for component -e.g. 'Heat Sink Launcher'
    * @param  {string} mode      Mount mode/type - [F]ixed, [G]imballed, [T]urret
    * @param  {string} missile   [Optional] Missile type - [D]umbfire, [S]eeker
@@ -122,7 +122,7 @@ angular.module('shipyard').service('Components', ['lodash', 'ComponentsDB', 'Shi
     for (var g in groups) {
       var group = groups[g];
       for (var i = 0, l = group.length; i < l; i++) {
-        if (group[i].class == clss && group[i].rating == rating && group[i].mode == mode
+        if (group[i].class == clss && (!rating || group[i].rating == rating) && group[i].mode == mode
             && ((!name && !group[i].name) || group[i].name == name)
             && ((!missile && !group[i].missile) || group[i].missile == missile)
             ) {

app/views/page-outfit.html

@@ -99,12 +99,12 @@
       </h1>
       <div class="select" ng-if="selectedSlot=='standard'">
         <ul>
+          <li class="lc" ng-click="optimizeCommon()" translate="Optimize"></li>
           <li class="c" ng-click="useCommon('E')">E</li>
           <li class="c" ng-click="useCommon('D')">D</li>
           <li class="c" ng-click="useCommon('C')">C</li>
           <li class="c" ng-click="useCommon('D')">B</li>
           <li class="c" ng-click="useCommon('A')">A</li>
-          <li class="lc" ng-click="optimizeCommon()" translate="Optimize"></li>
         </ul>
         <div class="select-group cap" translate="builds / roles"></div>
         <ul>
@@ -214,8 +214,8 @@
       </h1>
       <div class="select" ng-if="selectedSlot=='internal'">
         <ul>
-          <li class="lc" ng-click="emptyInternal()" translate="Empty"></li>
+          <li class="lc" ng-click="emptyInternal()" translate="empty all"></li>
-          <li class="lc" ng-click="fillWithCargo()" translate="Cargo"></li>
+          <li class="lc" ng-click="fillWithCargo()" translate="cargo"></li>
         </ul>
       </div>
     </div>
@@ -228,14 +228,32 @@
   </div>
 
   <div id="hardpoints" class="group">
-    <div class="section-menu" ng-class="{selected: selectedSlot=='hardpoints'}" context-menu="emptyWeapons()" ng-click="selectSlot($event, 'hardpoints')">
+    <div class="section-menu" ng-class="{selected: selectedSlot=='hardpoints'}" context-menu="emptyHardpoints()" ng-click="selectSlot($event, 'hardpoints')">
       <h1>
         {{'hardpoints' | translate}}
         <svg class="icon"><use xlink:href="#equalizer"></use></svg>
       </h1>
-      <div class="select" ng-if="selectedSlot=='hardpoints'">
+      <div class="select hardpoint" ng-if="selectedSlot=='hardpoints'">
         <ul>
-          <li class="lc" ng-click="emptyWeapons()" translate="Empty"></li>
+          <li class="lc" ng-click="emptyHardpoints()" translate="empty all"></li>
+        </ul>
+        <div class="select-group cap" translate="pl"></div>
+        <ul>
+          <li class="c" ng-click="useHardpoint('pl','F')"><svg class="icon lg"><use xlink:href="#mount-F"></use></svg></li>
+          <li class="c" ng-click="useHardpoint('pl','G')"><svg class="icon lg"><use xlink:href="#mount-G"></use></svg></li>
+          <li class="c" ng-click="useHardpoint('pl','T')"><svg class="icon lg"><use xlink:href="#mount-T"></use></svg></li>
+        </ul>
+        <div class="select-group cap" translate="ul"></div>
+        <ul>
+          <li class="c" ng-click="useHardpoint('ul','F')"><svg class="icon lg"><use xlink:href="#mount-F"></use></svg></li>
+          <li class="c" ng-click="useHardpoint('ul','G')"><svg class="icon lg"><use xlink:href="#mount-G"></use></svg></li>
+          <li class="c" ng-click="useHardpoint('ul','T')"><svg class="icon lg"><use xlink:href="#mount-T"></use></svg></li>
+        </ul>
+        <div class="select-group cap" translate="bl"></div>
+        <ul>
+          <li class="c" ng-click="useHardpoint('bl','F')"><svg class="icon lg"><use xlink:href="#mount-F"></use></svg></li>
+          <li class="c" ng-click="useHardpoint('bl','G')"><svg class="icon lg"><use xlink:href="#mount-G"></use></svg></li>
+          <li class="c" ng-click="useHardpoint('bl','T')"><svg class="icon lg"><use xlink:href="#mount-T"></use></svg></li>
         </ul>
       </div>
     </div>
@@ -255,7 +273,15 @@
       </h1>
       <div class="select" ng-if="selectedSlot=='utility'">
         <ul>
-          <li class="lc" ng-click="emptyUtility()" translate="Empty"></li>
+          <li class="lc" ng-click="emptyUtility()" translate="empty all"></li>
+        </ul>
+        <div class="select-group cap" translate="sb"></div>
+        <ul>
+          <li class="c" ng-click="useUtility('sb','E')">E</li>
+          <li class="c" ng-click="useUtility('sb','D')">D</li>
+          <li class="c" ng-click="useUtility('sb','C')">C</li>
+          <li class="c" ng-click="useUtility('sb','B')">B</li>
+          <li class="c" ng-click="useUtility('sb','A')">A</li>
         </ul>
       </div>
     </div>