diff --git a/apps/abs/forms.py b/apps/abs/forms.py
index 514f9c2..5a3e0e5 100644
--- a/apps/abs/forms.py
+++ b/apps/abs/forms.py
@@ -17,7 +17,7 @@ class ABSConfigurationForm(forms.ModelForm):
 
     class Meta:
         model = ABSConfiguration
-        exclude = ('type', 'status', 'parameters', 'beams', 'module_status')
+        exclude = ('type', 'status', 'parameters', 'active_beam', 'module_status')
 
 class ABSBeamAddForm(forms.Form):
 
diff --git a/apps/abs/models.py b/apps/abs/models.py
index 77c4571..e3c045b 100644
--- a/apps/abs/models.py
+++ b/apps/abs/models.py
@@ -175,48 +175,8 @@ def fromChar2Binary(char):
     return bits
 
 
-def change_beam_for_multiprocessing(module):
-
-	for i in range (1,50):
-	    beam_pos = 0
-	    module_address = ('192.168.1.'+str(module), 5500)
-	    header   = 'JROABSCeCnModCnMod0100000'
-	    numbers  = len(str(beam_pos))
-	    function = 'CHGB'
-
-	    message_tx = header+str(numbers)+function+str(beam_pos)+'0'
-
-	    # Create the datagram socket
-	    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
-	    sock.connect(module_address)
-
-	    sock.send(message_tx)
-	    #t = sock.recv(1024)
-	    sock.close()
-	    sock = None
-
-
-	    time.sleep(0.2)
-
-
-	    beam_pos = 1
-	    numbers  = len(str(beam_pos))
-
-	    message_tx = header+str(numbers)+function+str(beam_pos)+'0'
-
-	    # Create the datagram socket
-	    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
-	    sock.connect(module_address)
-	    sock.send(message_tx)
-	    sock.close()
-	    sock = None
-
-	    time.sleep(0.2)
-
-
-
 class ABSConfiguration(Configuration):
-    beams         = models.CharField(verbose_name='Beams', max_length=20000, default="{}")
+    active_beam         = models.CharField(verbose_name='Active Beam', max_length=20000, default="{}")
     module_status = models.CharField(verbose_name='Module Status', max_length=10000, default=json.dumps(status_default))
 
     class Meta:
@@ -234,11 +194,11 @@ class ABSConfiguration(Configuration):
         parameters['name']      = self.name
         parameters['beams']     = {}
 
-        beams = ast.literal_eval(self.beams)
+        beams = ABSBeam.objects.get(pk=self.id)
         b=1
         for beam in beams:
-            absbeam = ABSBeam.objects.get(pk=beams[beam])
-            parameters['beams']['beam'+str(b)] = absbeam.parms_to_dict()
+            #absbeam = ABSBeam.objects.get(pk=beams[beam])
+            parameters['beams']['beam'+str(b)] = beam.parms_to_dict()#absbeam.parms_to_dict()
             b+=1
 
         return parameters
@@ -336,6 +296,38 @@ class ABSConfiguration(Configuration):
 
         return module_bits
 
+    def status_device(self):
+        """
+        This function gets the status of each abs module. It sends GET method to Web Application
+        in Python Bottle.
+        """
+        ip_address  = self.device.ip_address
+        ip_address  = ip_address.split('.')
+        module_seq  = (ip_address[0],ip_address[1],ip_address[2])
+        dot         = '.'
+        module_port = self.device.port_address
+
+        modules_status = json.loads(self.module_status)
+        
+        for i in range(1,65): 
+            module_ip   = dot.join(module_seq)+'.'+str(i)
+            print module_ip
+        
+            route = 'http://'+module_ip+':'+str(module_port)+'/hello'
+
+            try:
+                r = requests.get(route, timeout=0.7)
+                modules_status[str(i)] = 1
+            except:
+                modules_status[str(i)] = 0
+                pass 
+
+        self.message = 'ABS modules Status have been updated.'    
+        self.module_status=json.dumps(modules_status)
+        self.save()
+
+        return
+
 
     def write_device(self):
         """
@@ -438,7 +430,7 @@ class ABSConfiguration(Configuration):
 
         #El indice del apunte debe ser menor que el numero total de apuntes
         #El servidor tcp en el embebido comienza a contar desde 0
-        beams_list    = ast.literal_eval(self.beams)
+        beams_list    = ABSBeam.objects.filter(abs_conf=self)
         if len(beams_list) < beam_pos:
             return 0
 
@@ -496,7 +488,7 @@ class ABSConfiguration(Configuration):
 
         #El indice del apunte debe ser menor que el numero total de apuntes
         #El servidor tcp en el embebido comienza a contar desde 0
-        beams_list    = ast.literal_eval(self.beams)
+        beams_list    = ABSBeam.objects.filter(abs_conf=self)
         if len(beams_list) < beam_pos:
             return 0
 
@@ -684,10 +676,6 @@ class ABSConfiguration(Configuration):
         return 1
 
 
-    def status_device(self):
-
-        return 1
-
 
 
 class ABSBeam(models.Model):
@@ -758,74 +746,7 @@ class ABSBeam(models.Model):
         return self
 
 
-    def change_beam(self, beam_pos=0):
-
-        module_63 = ('192.168.1.63', 5500)
-        header   = 'JROABSCeCnModCnMod0100000'
-        numbers  = len(str(beam_pos))
-        function = 'CHGB'
-
-        message_tx = header+str(numbers)+function+str(beam_pos)+'0'
-
-        # Create the datagram socket
-        sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
-        sock.connect(module_63)
-        sock.send(message_tx)
-        sock.close()
-        return message_tx
-
-    def change_module_beam(self, module=61,beam_pos=0):
-
-        module_address = ('192.168.1.'+str(module), 5500)
-        header   = 'JROABSCeCnModCnMod0100000'
-        numbers  = len(str(beam_pos))
-        function = 'CHGB'
-
-        message_tx = header+str(numbers)+function+str(beam_pos)+'0'
-
-        # Create the datagram socket
-        try:
-            sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
-            sock.connect(module_address)
-            sock.send(message_tx)
-            sock.close()
-        except:
-            return 0
-        return message_tx
-
-    def write_device(self):
-
-        parameters = {}
-
-        module_ip   = '192.168.1.63'
-        write_route = 'http://192.168.1.63:8080/configure'
-
-        header = 'JROABSCeCnModCnMod01000108SNDFexperimento1.ab1'
-        module = 'ABS_63'
-        beams  = {1: '001000', 2: '010001', 3: '010010', 4: '000011', 5: '101100', 6: '101101',
-                  7: '110110', 8: '111111', 9: '000000', 10: '001001', 11: '010010', 12: '011011'}
-
-        parameters['header'] = header
-        parameters['module'] = module
-        parameters['beams']  = json.dumps(beams)
-
-        answer = ''
-
-        try:
-            r_write = requests.post(write_route, parameters, timeout=0.5)
-            answer  = r_write.json()
-            self.message = answer['message']
-        except:
-            self.message = "Could not write ABS parameters"
-            return 0
-
-
-        #self.device.status = int(answer['status'])
-
-        return 1
-
-
-
+       
     def module_6bits(self, module):
         """
         This function reads antenna pattern and choose 6bits (upbits-downbits) for one abs module
@@ -862,44 +783,13 @@ class ABSBeam(models.Model):
 
         return self.modules_conf
 
-    def add_beam2list(self):
-        """
-        This function adds a beam to the beams list of ABS Configuration.
-        """
-        beams = ast.literal_eval(self.abs_conf.beams)
-        if any(beams):
-            for beam in beams:
-                if beams[beam] == self.id:
-                    return
-            i = len(beams)+1
-            beams['beam'+str(i)] = self.id
-        else:
-            beams['beam1'] = self.id
-
-        self.abs_conf.beams = json.dumps(beams)
-        self.abs_conf.save()
-
-        return
-
-    def remove_beamfromlist(self):
+    
+    def active_beam(self):
         """
-        This function removes current beam from the beams list of ABS Configuration.
+        This function set this beam as the active beam of its ABS Configuration.
         """
-        beams = ast.literal_eval(self.abs_conf.beams)
-        dict_position = ''
-
-        if any(beams):
-            for beam in beams:
-                if beams[beam] == self.id:
-                    dict_position = beam
-            if dict_position != '':
-                beams.pop(str(dict_position),None)
-        else:
-            return
-
-        self.abs_conf.beams = json.dumps(beams)
+        self.abs_conf.active_beam = json.dumps({'active_beam': self.id})
         self.abs_conf.save()
-
         return
 
     @property
diff --git a/apps/abs/templates/abs_conf.html b/apps/abs/templates/abs_conf.html
index 0f79f95..8a9d5f3 100644
--- a/apps/abs/templates/abs_conf.html
+++ b/apps/abs/templates/abs_conf.html
@@ -51,7 +51,7 @@
 }
 .north tr{
     border: 1px solid #ffffff;
-    background-color: #FF0000;
+    
 }
 .north td{
     border: 2px solid #e2e2e7;
@@ -71,14 +71,6 @@
     border-bottom: 3px solid #e2e2e7;
 }
 
-.north tr:nth-child(2) td:nth-child(2){
-    background-color: #00cc00;
-}
-
-.north tr:nth-child(2) td:nth-child(4){
-    background-color: #ee902c;
-}
-
 
 
 .east {
@@ -88,7 +80,6 @@
 }
 .east tr{
     border: 1px solid #ffffff;
-    background-color: #FF0000;
 }
 .east td{
     border: 2px solid #e2e2e7;
@@ -108,13 +99,7 @@
     border-bottom: 3px solid #e2e2e7;
 }
 
-.east tr:nth-child(2) td:nth-child(2){
-    background-color: #00cc00;
-}
 
-.east tr:nth-child(2) td:nth-child(4){
-    background-color: #ee902c;
-}
 
 
 .west {
@@ -124,7 +109,6 @@
 }
 .west tr{
     border: 1px solid #ffffff;
-    background-color: #FF0000;
 }
 .west td{
     border: 2px solid #e2e2e7;
@@ -144,13 +128,7 @@
     border-bottom: 3px solid #e2e2e7;
 }
 
-.west tr:nth-child(2) td:nth-child(2){
-    background-color: #00cc00;
-}
 
-.west tr:nth-child(2) td:nth-child(4){
-    background-color: #ee902c;
-}
 
 
 .south {
@@ -160,7 +138,6 @@
 }
 .south tr{
     border: 1px solid #ffffff;
-    background-color: #FF0000;
 }
 .south td{
     border: 2px solid #e2e2e7;
@@ -180,279 +157,373 @@
     border-bottom: 3px solid #e2e2e7;
 }
 
-.south tr:nth-child(2) td:nth-child(2){
-    background-color: #00cc00;
-}
-
-.south tr:nth-child(2) td:nth-child(4){
-    background-color: #ee902c;
-}
 
 
 
 </style>
 
-<h4>Beams:</h4>
+
 {% if beams %}
 
-<div class="container">
-  <ul class="nav nav-pills">
 
-  {% for beam in beams %}
-  <li {% if forloop.counter == 1 %} class="active" {% endif %}>
-    <a data-toggle="pill" id="button-{{ forloop.counter }}" href="#">{{ forloop.counter }}</a>
-  </li>
-  {% endfor %}
 
-  </ul>
-</div>
+  <h4>Beams:</h4>
+  <div class="container">
+    <ul class="nav nav-pills">
+      {% for beam in beams %}
+        <li >
+          <a data-toggle="pill" href="#menu{{forloop.counter}}">{{forloop.counter}}</a>
+        </li>
+      {% endfor %}
+    </ul>
+
+    
+    <div class="tab-content">
+      <div id="home" class="tab-pane fade in active">
+        <!---->
+        {% if active_beam %}
+        <h3>Active Beam: {{active_beam.name}}</h3>       
+
+          <table id="abs_pattern" class="abs">
+            <tr>
+              <td> <b>North Quarter</b>
+                <table class="north ">
+                  <tr>
+                    <td {{color_status.1}}>{{active_beam.get_upvalues.0}}</td> <td {{color_status.2}}>{{active_beam.get_upvalues.1}}</td> <td {{color_status.3}}>{{active_beam.get_upvalues.2}}</td> <td {{color_status.4}}>{{active_beam.get_upvalues.3}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.1}}>{{active_beam.get_downvalues.0}}</td> <td {{color_status.2}}>{{active_beam.get_downvalues.1}}</td> <td {{color_status.3}}>{{active_beam.get_downvalues.2}}</td> <td {{color_status.4}}>{{active_beam.get_downvalues.3}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.9}}>{{active_beam.get_upvalues.8}}</td> <td {{color_status.10}}>{{active_beam.get_upvalues.9}}</td> <td {{color_status.11}}>{{active_beam.get_upvalues.10}}</td> <td {{color_status.12}}>{{active_beam.get_upvalues.11}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.9}}>{{active_beam.get_downvalues.8}}</td> <td {{color_status.10}}>{{active_beam.get_downvalues.9}}</td> <td {{color_status.11}}>{{active_beam.get_downvalues.10}}</td> <td {{color_status.12}}>{{active_beam.get_downvalues.11}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.17}}>{{active_beam.get_upvalues.16}}</td> <td {{color_status.18}}>{{active_beam.get_upvalues.17}}</td> <td {{color_status.19}}>{{active_beam.get_upvalues.18}}</td> <td {{color_status.20}}>{{active_beam.get_upvalues.19}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.17}}>{{active_beam.get_downvalues.16}}</td> <td {{color_status.18}}>{{active_beam.get_downvalues.17}}</td> <td {{color_status.19}}>{{active_beam.get_downvalues.18}}</td> <td {{color_status.20}}>{{active_beam.get_downvalues.19}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.25}}>{{active_beam.get_upvalues.24}}</td> <td {{color_status.26}}>{{active_beam.get_upvalues.25}}</td> <td {{color_status.27}}>{{active_beam.get_upvalues.26}}</td> <td {{color_status.28}}>{{active_beam.get_upvalues.27}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.25}}>{{active_beam.get_downvalues.24}}</td> <td {{color_status.26}}>{{active_beam.get_downvalues.25}}</td> <td {{color_status.27}}>{{active_beam.get_downvalues.26}}</td> <td {{color_status.28}}>{{active_beam.get_downvalues.27}}</td>
+                  </tr>
+                </table>
+              </td>
+              <td> <b>East Quarter</b>
+                <table class="east ">
+                  <tr>
+                    <td {{color_status.5}}>{{active_beam.get_upvalues.4}}</td> <td {{color_status.6}}>{{active_beam.get_upvalues.5}}</td> <td {{color_status.7}}>{{active_beam.get_upvalues.6}}</td> <td {{color_status.8}}>{{active_beam.get_upvalues.7}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.5}}>{{active_beam.get_downvalues.4}}</td> <td {{color_status.6}}>{{active_beam.get_downvalues.5}}</td> <td {{color_status.7}}>{{active_beam.get_downvalues.6}}</td> <td {{color_status.8}}>{{active_beam.get_downvalues.7}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.13}}>{{active_beam.get_upvalues.12}}</td> <td {{color_status.14}}>{{active_beam.get_upvalues.13}}</td> <td {{color_status.15}}>{{active_beam.get_upvalues.14}}</td> <td {{color_status.16}}>{{active_beam.get_upvalues.15}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.13}}>{{active_beam.get_downvalues.12}}</td> <td {{color_status.14}}>{{active_beam.get_downvalues.13}}</td> <td {{color_status.15}}>{{active_beam.get_downvalues.14}}</td> <td {{color_status.16}}>{{active_beam.get_downvalues.15}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.21}}>{{active_beam.get_upvalues.20}}</td> <td {{color_status.22}}>{{active_beam.get_upvalues.21}}</td> <td {{color_status.23}}>{{active_beam.get_upvalues.22}}</td> <td {{color_status.24}}>{{active_beam.get_upvalues.23}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.21}}>{{active_beam.get_downvalues.20}}</td> <td {{color_status.22}}>{{active_beam.get_downvalues.21}}</td> <td {{color_status.23}}>{{active_beam.get_downvalues.22}}</td> <td {{color_status.24}}>{{active_beam.get_downvalues.23}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.29}}>{{active_beam.get_upvalues.28}}</td> <td {{color_status.30}}>{{active_beam.get_upvalues.29}}</td> <td {{color_status.31}}>{{active_beam.get_upvalues.30}}</td> <td {{color_status.32}}>{{active_beam.get_upvalues.31}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.29}}>{{active_beam.get_downvalues.28}}</td> <td {{color_status.30}}>{{active_beam.get_downvalues.29}}</td> <td {{color_status.31}}>{{active_beam.get_downvalues.30}}</td> <td {{color_status.32}}>{{active_beam.get_downvalues.31}}</td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+              <tr>
+              <td> <b>West Quarter</b>
+                <table class="west ">
+                  <tr>
+                    <td {{color_status.33}}>{{active_beam.get_upvalues.32}}</td> <td {{color_status.34}}>{{active_beam.get_upvalues.33}}</td> <td {{color_status.35}}>{{active_beam.get_upvalues.34}}</td> <td {{color_status.36}}>{{active_beam.get_upvalues.35}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.33}}>{{active_beam.get_downvalues.32}}</td> <td {{color_status.34}}>{{active_beam.get_downvalues.33}}</td> <td {{color_status.35}}>{{active_beam.get_downvalues.34}}</td> <td {{color_status.36}}>{{active_beam.get_downvalues.35}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.41}}>{{active_beam.get_upvalues.40}}</td> <td {{color_status.42}}>{{active_beam.get_upvalues.41}}</td> <td {{color_status.43}}>{{active_beam.get_upvalues.42}}</td> <td {{color_status.44}}>{{active_beam.get_upvalues.43}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.41}}>{{active_beam.get_downvalues.40}}</td> <td {{color_status.42}}>{{active_beam.get_downvalues.41}}</td> <td {{color_status.43}}>{{active_beam.get_downvalues.42}}</td> <td {{color_status.44}}>{{active_beam.get_downvalues.43}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.49}}>{{active_beam.get_upvalues.48}}</td> <td {{color_status.50}}>{{active_beam.get_upvalues.49}}</td> <td {{color_status.51}}>{{active_beam.get_upvalues.50}}</td> <td {{color_status.52}}>{{active_beam.get_upvalues.51}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.49}}>{{active_beam.get_downvalues.48}}</td> <td {{color_status.50}}>{{active_beam.get_downvalues.49}}</td> <td {{color_status.51}}>{{active_beam.get_downvalues.50}}</td> <td {{color_status.52}}>{{active_beam.get_downvalues.51}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.57}}>{{active_beam.get_upvalues.56}}</td> <td {{color_status.58}}>{{active_beam.get_upvalues.57}}</td> <td {{color_status.59}}>{{active_beam.get_upvalues.58}}</td> <td {{color_status.60}}>{{active_beam.get_upvalues.59}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.57}}>{{active_beam.get_downvalues.56}}</td> <td {{color_status.58}}>{{active_beam.get_downvalues.57}}</td> <td {{color_status.59}}>{{active_beam.get_downvalues.58}}</td> <td {{color_status.60}}>{{active_beam.get_downvalues.59}}</td>
+                  </tr>
+                </table>
+              </td>
+              <td> <b>South Quarter</b>
+                <table class="south ">
+                  <tr>
+                    <td {{color_status.37}}>{{active_beam.get_upvalues.36}}</td> <td {{color_status.38}}>{{active_beam.get_upvalues.37}}</td> <td {{color_status.39}}>{{active_beam.get_upvalues.38}}</td> <td {{color_status.40}}>{{active_beam.get_upvalues.39}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.37}}>{{active_beam.get_downvalues.36}}</td> <td {{color_status.38}}>{{active_beam.get_downvalues.37}}</td> <td {{color_status.39}}>{{active_beam.get_downvalues.38}}</td> <td {{color_status.40}}>{{active_beam.get_downvalues.39}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.45}}>{{active_beam.get_upvalues.44}}</td> <td {{color_status.46}}>{{active_beam.get_upvalues.45}}</td> <td {{color_status.47}}>{{active_beam.get_upvalues.46}}</td> <td {{color_status.48}}>{{active_beam.get_upvalues.47}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.45}}>{{active_beam.get_downvalues.44}}</td> <td {{color_status.46}}>{{active_beam.get_downvalues.45}}</td> <td {{color_status.47}}>{{active_beam.get_downvalues.46}}</td> <td {{color_status.48}}>{{active_beam.get_downvalues.47}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.53}}>{{active_beam.get_upvalues.52}}</td> <td {{color_status.54}}>{{active_beam.get_upvalues.53}}</td> <td {{color_status.55}}>{{active_beam.get_upvalues.54}}</td> <td {{color_status.56}}>{{active_beam.get_upvalues.55}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.53}}>{{active_beam.get_downvalues.52}}</td> <td {{color_status.54}}>{{active_beam.get_downvalues.53}}</td> <td {{color_status.55}}>{{active_beam.get_downvalues.54}}</td> <td {{color_status.56}}>{{active_beam.get_downvalues.55}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.61}}>{{active_beam.get_upvalues.60}}</td> <td {{color_status.62}}>{{active_beam.get_upvalues.61}}</td> <td {{color_status.63}}>{{active_beam.get_upvalues.62}}</td> <td {{color_status.64}}>{{active_beam.get_upvalues.63}}</td>
+                  </tr>
+                  <tr>
+                    <td {{color_status.61}}>{{active_beam.get_downvalues.60}}</td> <td {{color_status.62}}>{{active_beam.get_downvalues.61}}</td> <td {{color_status.63}}>{{active_beam.get_downvalues.62}}</td> <td {{color_status.64}}>{{active_beam.get_downvalues.63}}</td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+          </table>
+
+
+        
+          <table class="legend">
+            <tr>
+              <th colspan="2">Legend</th>
+            </tr>
+            <tr>
+              <td style="color:#ff0000;"><i>RED</i></td><td>Disconnected</td>
+            </tr>
+            <tr>
+              <td style="color:#ee902c;"><i>ORANGE</i></td><td>Connected</td>
+            </tr>
+            <tr>
+              <td style="color:#00cc00;"><i>GREEN</i></td><td>Running
+              </td>
+            </tr>
+            <!--
+            <tr>
+              <td colspan="2">
+                <button style="margin: 10px;" id="sendbeam" type="button" class="btn btn-default">
+                  <span class="glyphicon glyphicon-export" aria-hidden="true"></span>
+                  Change Beam</button>
+              </td>
+            </tr>
+            -->
+          </table>
+        
+              
+
+
+          {% else %}
+          <p><i>This ABS Configuration does not have a current active ABS Beam...<br>
+                Please send Beam List to ABS modules. </i></p>
+
+          {% endif %}
+
+
+      </div>
+      
+      
+
+      {% for beam in beams %}
+        <div id="menu{{forloop.counter}}" class="tab-pane fade">
+          <h3>{%if active_beam.id == beam.id%}Active Beam: {%endif%}{{beam.name}}</h3>
+          <!--<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>-->
+          <table id="abs_pattern{{forloop.counter}}" class="abs">
+            <tr>
+              <td> <b>North Quarter</b>
+                <table class="north ">
+                  <tr>
+                    <td {{beam.color_status.1}}>{{beam.get_upvalues.0}}</td> <td {{beam.color_status.2}}>{{beam.get_upvalues.1}}</td> <td {{beam.color_status.3}}>{{beam.get_upvalues.2}}</td> <td {{beam.color_status.4}}>{{beam.get_upvalues.3}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.1}}>{{beam.get_downvalues.0}}</td> <td {{beam.color_status.2}}>{{beam.get_downvalues.1}}</td> <td {{beam.color_status.3}}>{{beam.get_downvalues.2}}</td> <td {{beam.color_status.4}}>{{beam.get_downvalues.3}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.9}}>{{beam.get_upvalues.8}}</td> <td {{beam.color_status.10}}>{{beam.get_upvalues.9}}</td> <td {{beam.color_status.11}}>{{beam.get_upvalues.10}}</td> <td {{beam.color_status.12}}>{{beam.get_upvalues.11}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.9}}>{{beam.get_downvalues.8}}</td> <td {{beam.color_status.10}}>{{beam.get_downvalues.9}}</td> <td {{beam.color_status.11}}>{{beam.get_downvalues.10}}</td> <td {{beam.color_status.12}}>{{beam.get_downvalues.11}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.17}}>{{beam.get_upvalues.16}}</td> <td {{beam.color_status.18}}>{{beam.get_upvalues.17}}</td> <td {{beam.color_status.19}}>{{beam.get_upvalues.18}}</td> <td {{beam.color_status.20}}>{{beam.get_upvalues.19}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.17}}>{{beam.get_downvalues.16}}</td> <td {{beam.color_status.18}}>{{beam.get_downvalues.17}}</td> <td {{beam.color_status.19}}>{{beam.get_downvalues.18}}</td> <td {{beam.color_status.20}}>{{beam.get_downvalues.19}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.25}}>{{beam.get_upvalues.24}}</td> <td {{beam.color_status.26}}>{{beam.get_upvalues.25}}</td> <td {{beam.color_status.27}}>{{beam.get_upvalues.26}}</td> <td {{beam.color_status.28}}>{{beam.get_upvalues.27}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.25}}>{{beam.get_downvalues.24}}</td> <td {{beam.color_status.26}}>{{beam.get_downvalues.25}}</td> <td {{beam.color_status.27}}>{{beam.get_downvalues.26}}</td> <td {{beam.color_status.28}}>{{beam.get_downvalues.27}}</td>
+                  </tr>
+                </table>
+              </td>
+              <td> <b>East Quarter</b>
+                <table class="east ">
+                  <tr>
+                    <td {{beam.color_status.5}}>{{beam.get_upvalues.4}}</td> <td {{beam.color_status.6}}>{{beam.get_upvalues.5}}</td> <td {{beam.color_status.7}}>{{beam.get_upvalues.6}}</td> <td {{beam.color_status.8}}>{{beam.get_upvalues.7}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.5}}>{{beam.get_downvalues.4}}</td> <td {{beam.color_status.6}}>{{beam.get_downvalues.5}}</td> <td {{beam.color_status.7}}>{{beam.get_downvalues.6}}</td> <td {{beam.color_status.8}}>{{beam.get_downvalues.7}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.13}}>{{beam.get_upvalues.12}}</td> <td {{beam.color_status.14}}>{{beam.get_upvalues.13}}</td> <td {{beam.color_status.15}}>{{beam.get_upvalues.14}}</td> <td {{beam.color_status.16}}>{{beam.get_upvalues.15}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.13}}>{{beam.get_downvalues.12}}</td> <td {{beam.color_status.14}}>{{beam.get_downvalues.13}}</td> <td {{beam.color_status.15}}>{{beam.get_downvalues.14}}</td> <td {{beam.color_status.16}}>{{beam.get_downvalues.15}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.21}}>{{beam.get_upvalues.20}}</td> <td {{beam.color_status.22}}>{{beam.get_upvalues.21}}</td> <td {{beam.color_status.23}}>{{beam.get_upvalues.22}}</td> <td {{beam.color_status.24}}>{{beam.get_upvalues.23}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.21}}>{{beam.get_downvalues.20}}</td> <td {{beam.color_status.22}}>{{beam.get_downvalues.21}}</td> <td {{beam.color_status.23}}>{{beam.get_downvalues.22}}</td> <td {{beam.color_status.24}}>{{beam.get_downvalues.23}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.29}}>{{beam.get_upvalues.28}}</td> <td {{beam.color_status.30}}>{{beam.get_upvalues.29}}</td> <td {{beam.color_status.31}}>{{beam.get_upvalues.30}}</td> <td {{beam.color_status.32}}>{{beam.get_upvalues.31}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.29}}>{{beam.get_downvalues.28}}</td> <td {{beam.color_status.30}}>{{beam.get_downvalues.29}}</td> <td {{beam.color_status.31}}>{{beam.get_downvalues.30}}</td> <td {{beam.color_status.32}}>{{beam.get_downvalues.31}}</td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+              <tr>
+              <td> <b>West Quarter</b>
+                <table class="west ">
+                  <tr>
+                    <td {{beam.color_status.33}}>{{beam.get_upvalues.32}}</td> <td {{beam.color_status.34}}>{{beam.get_upvalues.33}}</td> <td {{beam.color_status.35}}>{{beam.get_upvalues.34}}</td> <td {{beam.color_status.36}}>{{beam.get_upvalues.35}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.33}}>{{beam.get_downvalues.32}}</td> <td {{beam.color_status.34}}>{{beam.get_downvalues.33}}</td> <td {{beam.color_status.35}}>{{beam.get_downvalues.34}}</td> <td {{beam.color_status.36}}>{{beam.get_downvalues.35}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.41}}>{{beam.get_upvalues.40}}</td> <td {{beam.color_status.42}}>{{beam.get_upvalues.41}}</td> <td {{beam.color_status.43}}>{{beam.get_upvalues.42}}</td> <td {{beam.color_status.44}}>{{beam.get_upvalues.43}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.41}}>{{beam.get_downvalues.40}}</td> <td {{beam.color_status.42}}>{{beam.get_downvalues.41}}</td> <td {{beam.color_status.43}}>{{beam.get_downvalues.42}}</td> <td {{beam.color_status.44}}>{{beam.get_downvalues.43}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.49}}>{{beam.get_upvalues.48}}</td> <td {{beam.color_status.50}}>{{beam.get_upvalues.49}}</td> <td {{beam.color_status.51}}>{{beam.get_upvalues.50}}</td> <td {{beam.color_status.52}}>{{beam.get_upvalues.51}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.49}}>{{beam.get_downvalues.48}}</td> <td {{beam.color_status.50}}>{{beam.get_downvalues.49}}</td> <td {{beam.color_status.51}}>{{beam.get_downvalues.50}}</td> <td {{beam.color_status.52}}>{{beam.get_downvalues.51}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.57}}>{{beam.get_upvalues.56}}</td> <td {{beam.color_status.58}}>{{beam.get_upvalues.57}}</td> <td {{beam.color_status.59}}>{{beam.get_upvalues.58}}</td> <td {{beam.color_status.60}}>{{beam.get_upvalues.59}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.57}}>{{beam.get_downvalues.56}}</td> <td {{beam.color_status.58}}>{{beam.get_downvalues.57}}</td> <td {{beam.color_status.59}}>{{beam.get_downvalues.58}}</td> <td {{beam.color_status.60}}>{{beam.get_downvalues.59}}</td>
+                  </tr>
+                </table>
+              </td>
+              <td> <b>South Quarter</b>
+                <table class="south ">
+                  <tr>
+                    <td {{beam.color_status.37}}>{{beam.get_upvalues.36}}</td> <td {{beam.color_status.38}}>{{beam.get_upvalues.37}}</td> <td {{beam.color_status.39}}>{{beam.get_upvalues.38}}</td> <td {{beam.color_status.40}}>{{beam.get_upvalues.39}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.37}}>{{beam.get_downvalues.36}}</td> <td {{beam.color_status.38}}>{{beam.get_downvalues.37}}</td> <td {{beam.color_status.39}}>{{beam.get_downvalues.38}}</td> <td {{beam.color_status.40}}>{{beam.get_downvalues.39}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.45}}>{{beam.get_upvalues.44}}</td> <td {{beam.color_status.46}}>{{beam.get_upvalues.45}}</td> <td {{beam.color_status.47}}>{{beam.get_upvalues.46}}</td> <td {{beam.color_status.48}}>{{beam.get_upvalues.47}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.45}}>{{beam.get_downvalues.44}}</td> <td {{beam.color_status.46}}>{{beam.get_downvalues.45}}</td> <td {{beam.color_status.47}}>{{beam.get_downvalues.46}}</td> <td {{beam.color_status.48}}>{{beam.get_downvalues.47}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.53}}>{{beam.get_upvalues.52}}</td> <td {{beam.color_status.54}}>{{beam.get_upvalues.53}}</td> <td {{beam.color_status.55}}>{{beam.get_upvalues.54}}</td> <td {{beam.color_status.56}}>{{beam.get_upvalues.55}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.53}}>{{beam.get_downvalues.52}}</td> <td {{beam.color_status.54}}>{{beam.get_downvalues.53}}</td> <td {{beam.color_status.55}}>{{beam.get_downvalues.54}}</td> <td {{beam.color_status.56}}>{{beam.get_downvalues.55}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.61}}>{{beam.get_upvalues.60}}</td> <td {{beam.color_status.62}}>{{beam.get_upvalues.61}}</td> <td {{beam.color_status.63}}>{{beam.get_upvalues.62}}</td> <td {{beam.color_status.64}}>{{beam.get_upvalues.63}}</td>
+                  </tr>
+                  <tr>
+                    <td {{beam.color_status.61}}>{{beam.get_downvalues.60}}</td> <td {{beam.color_status.62}}>{{beam.get_downvalues.61}}</td> <td {{beam.color_status.63}}>{{beam.get_downvalues.62}}</td> <td {{beam.color_status.64}}>{{beam.get_downvalues.63}}</td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+          </table>
+
+          {% if active_beam.id != beam.id %}
+          <div style="vertical-align: top; display:inline-block;">
+            <button style="" id="sendbeam" type="button" class="btn btn-default">
+               <span class="glyphicon glyphicon-export" aria-hidden="true"></span>
+            Change Beam</button>
+          </div>
+          {% endif %}
+                      
+
+          
+
+            {% if active_beam %}
+              {% if active_beam.id == beam.id %}
+                 <table class="legend">
+                    <tr>
+                      <th colspan="2">Legend</th>
+                    </tr>
+                    <tr>
+                      <td style="color:#ff0000;"><i>RED</i></td><td>Disconnected</td>
+                    </tr>
+                    <tr>
+                      <td style="color:#ee902c;"><i>ORANGE</i></td><td>Connected</td>
+                    </tr>
+                    <tr>
+                      <td style="color:#00cc00;"><i>GREEN</i></td><td>Running
+                      </td>
+                    </tr>
+                  </table>
+                    
+                {% endif %}
+              {% endif %}
+
+        
+        </div>
+
+
+      {% endfor %}
+
+      
+
+    </div>
+  </div>
+
+
 
 
 <script>
 $(document).ready(function() {
 
-  {% for beam in beams %}
-    $( "#button-{{ forloop.counter }}" ).click(function() {
-      //$(this).addClass('active');
-
-      var beam_upvalues   = {{beam.get_upvalues}};
-      var beam_downvalues = {{beam.get_downvalues}};
-      //alert(beam_upvalues)
-      var table = document.getElementById('abs_pattern');
-      var cells = table.getElementsByTagName('td');
-      //alert(cells[99].textContent);
-
-      for (var i = 1, len = 30; i < len; i++) {
-          if ((i > 24) && (i<29)){
-            cells[i].innerHTML = beam_upvalues[i-1].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-1].toFixed(1);
-            }
-          else if ((i > 16) && (i<21)){
-            cells[i].innerHTML = beam_upvalues[i-1].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-1].toFixed(1);
-            }
-          else if ((i > 8) && (i<13)){
-            cells[i].innerHTML = beam_upvalues[i-1].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-1].toFixed(1);
-            }
-          else if (i < 5) {
-            cells[i].innerHTML = beam_upvalues[i-1].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-1].toFixed(1);
-            }
-        }
-
-        for (var i = 34, len = 63; i < len; i++) {
-          if ((i > 57) && (i<62)) {
-            cells[i].innerHTML = beam_upvalues[i-30].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-30].toFixed(1);
-            }
-          if ((i > 49) && (i<54)) {
-            cells[i].innerHTML = beam_upvalues[i-30].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-30].toFixed(1);
-            }
-          else if ((i > 41) && (i<46)) {
-            cells[i].innerHTML = beam_upvalues[i-30].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-30].toFixed(1);
-            }
-          else if (i < 38) {
-            cells[i].innerHTML = beam_upvalues[i-30].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-30].toFixed(1);
-            }
-        }
-
-        for (var i = 67, len = 96; i < len; i++) {
-          if ((i > 90) && (i<95)) {
-            cells[i].innerHTML = beam_upvalues[i-35].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-35].toFixed(1);
-            }
-          else if ((i > 82) && (i<87)) {
-            cells[i].innerHTML = beam_upvalues[i-35].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-35].toFixed(1);
-            }
-          else if ((i > 74) && (i<79)) {
-            cells[i].innerHTML = beam_upvalues[i-35].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-35].toFixed(1);
-            }
-          else if (i < 71) {
-            cells[i].innerHTML = beam_upvalues[i-35].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-35].toFixed(1);
-            }
-        }
-
-        for (var i = 100, len = 129; i < len; i++) {
-          if ((i > 123) && (i<128)) {
-            cells[i].innerHTML = beam_upvalues[i-64].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-64].toFixed(1);
-            }
-          else if ((i > 115) && (i<120)) {
-            cells[i].innerHTML = beam_upvalues[i-64].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-64].toFixed(1);
-            }
-          else if ((i > 107) && (i<112)) {
-            cells[i].innerHTML = beam_upvalues[i-64].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-64].toFixed(1);
-            }
-          else if (i < 104) {
-            cells[i].innerHTML = beam_upvalues[i-64].toFixed(1);
-            cells[i+4].innerHTML = beam_downvalues[i-64].toFixed(1);
-            }
-        }
-
-        //$('#button-1').addClass("active");
-
-      });
-
-  {% endfor %}
-
-
-
-
-//})
-
-//function ChangeColor() {
-//    document.getElementById("button_1").style.backgroundColor = "#2c3e50";
-//    document.getElementById("button_1").style.color = "#ecf0f1";
-//}
+  
 });
 </script>
 
 
 
-<br>
-
-<table id="abs_pattern" class="abs">
-  <tr>
-    <td> <b>North Quarter</b>
-      <table class="north ">
-        <tr>
-          <td>{{beams.0.get_upvalues.0}}</td> <td>{{beams.0.get_upvalues.1}}</td> <td>{{beams.0.get_upvalues.2}}</td> <td>{{beams.0.get_upvalues.3}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.0}}</td> <td>{{beams.0.get_downvalues.1}}</td> <td>{{beams.0.get_downvalues.2}}</td> <td>{{beams.0.get_downvalues.3}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_upvalues.8}}</td> <td>{{beams.0.get_upvalues.9}}</td> <td>{{beams.0.get_upvalues.10}}</td> <td>{{beams.0.get_upvalues.11}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.8}}</td> <td>{{beams.0.get_downvalues.9}}</td> <td>{{beams.0.get_downvalues.10}}</td> <td>{{beams.0.get_downvalues.11}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_upvalues.16}}</td> <td>{{beams.0.get_upvalues.17}}</td> <td>{{beams.0.get_upvalues.18}}</td> <td>{{beams.0.get_upvalues.19}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.16}}</td> <td>{{beams.0.get_downvalues.17}}</td> <td>{{beams.0.get_downvalues.18}}</td> <td>{{beams.0.get_downvalues.19}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_upvalues.24}}</td> <td>{{beams.0.get_upvalues.25}}</td> <td>{{beams.0.get_upvalues.26}}</td> <td>{{beams.0.get_upvalues.27}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.24}}</td> <td>{{beams.0.get_downvalues.25}}</td> <td>{{beams.0.get_downvalues.26}}</td> <td>{{beams.0.get_downvalues.27}}</td>
-        </tr>
-      </table>
-    </td>
-    <td> <b>East Quarter</b>
-      <table class="east ">
-        <tr>
-          <td>{{beams.0.get_upvalues.4}}</td> <td>{{beams.0.get_upvalues.5}}</td> <td>{{beams.0.get_upvalues.6}}</td> <td>{{beams.0.get_upvalues.7}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.4}}</td> <td>{{beams.0.get_downvalues.5}}</td> <td>{{beams.0.get_downvalues.6}}</td> <td>{{beams.0.get_downvalues.7}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_upvalues.12}}</td> <td>{{beams.0.get_upvalues.13}}</td> <td>{{beams.0.get_upvalues.14}}</td> <td>{{beams.0.get_upvalues.15}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.12}}</td> <td>{{beams.0.get_downvalues.13}}</td> <td>{{beams.0.get_downvalues.14}}</td> <td>{{beams.0.get_downvalues.15}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_upvalues.20}}</td> <td>{{beams.0.get_upvalues.21}}</td> <td>{{beams.0.get_upvalues.22}}</td> <td>{{beams.0.get_upvalues.23}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.20}}</td> <td>{{beams.0.get_downvalues.21}}</td> <td>{{beams.0.get_downvalues.22}}</td> <td>{{beams.0.get_downvalues.23}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_upvalues.28}}</td> <td>{{beams.0.get_upvalues.29}}</td> <td>{{beams.0.get_upvalues.30}}</td> <td>{{beams.0.get_upvalues.31}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.28}}</td> <td>{{beams.0.get_downvalues.29}}</td> <td>{{beams.0.get_downvalues.30}}</td> <td>{{beams.0.get_downvalues.31}}</td>
-        </tr>
-      </table>
-    </td>
-  </tr>
-    <tr>
-    <td> <b>West Quarter</b>
-      <table class="west ">
-        <tr>
-          <td>{{beams.0.get_upvalues.32}}</td> <td>{{beams.0.get_upvalues.33}}</td> <td>{{beams.0.get_upvalues.34}}</td> <td>{{beams.0.get_upvalues.35}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.32}}</td> <td>{{beams.0.get_downvalues.33}}</td> <td>{{beams.0.get_downvalues.34}}</td> <td>{{beams.0.get_downvalues.35}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_upvalues.40}}</td> <td>{{beams.0.get_upvalues.41}}</td> <td>{{beams.0.get_upvalues.42}}</td> <td>{{beams.0.get_upvalues.43}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.40}}</td> <td>{{beams.0.get_downvalues.41}}</td> <td>{{beams.0.get_downvalues.42}}</td> <td>{{beams.0.get_downvalues.43}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_upvalues.48}}</td> <td>{{beams.0.get_upvalues.49}}</td> <td>{{beams.0.get_upvalues.50}}</td> <td>{{beams.0.get_upvalues.51}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.48}}</td> <td>{{beams.0.get_downvalues.49}}</td> <td>{{beams.0.get_downvalues.50}}</td> <td>{{beams.0.get_downvalues.51}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_upvalues.56}}</td> <td>{{beams.0.get_upvalues.57}}</td> <td>{{beams.0.get_upvalues.58}}</td> <td>{{beams.0.get_upvalues.59}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.56}}</td> <td>{{beams.0.get_downvalues.57}}</td> <td>{{beams.0.get_downvalues.58}}</td> <td>{{beams.0.get_downvalues.59}}</td>
-        </tr>
-      </table>
-    </td>
-    <td> <b>South Quarter</b>
-      <table class="south ">
-        <tr>
-          <td>{{beams.0.get_upvalues.36}}</td> <td>{{beams.0.get_upvalues.37}}</td> <td>{{beams.0.get_upvalues.38}}</td> <td>{{beams.0.get_upvalues.39}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.36}}</td> <td>{{beams.0.get_downvalues.37}}</td> <td>{{beams.0.get_downvalues.38}}</td> <td>{{beams.0.get_downvalues.39}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_upvalues.44}}</td> <td>{{beams.0.get_upvalues.45}}</td> <td>{{beams.0.get_upvalues.46}}</td> <td>{{beams.0.get_upvalues.47}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.44}}</td> <td>{{beams.0.get_downvalues.45}}</td> <td>{{beams.0.get_downvalues.46}}</td> <td>{{beams.0.get_downvalues.47}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_upvalues.52}}</td> <td>{{beams.0.get_upvalues.53}}</td> <td>{{beams.0.get_upvalues.54}}</td> <td>{{beams.0.get_upvalues.55}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.52}}</td> <td>{{beams.0.get_downvalues.53}}</td> <td>{{beams.0.get_downvalues.54}}</td> <td>{{beams.0.get_downvalues.55}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_upvalues.60}}</td> <td>{{beams.0.get_upvalues.61}}</td> <td>{{beams.0.get_upvalues.62}}</td> <td>{{beams.0.get_upvalues.63}}</td>
-        </tr>
-        <tr>
-          <td>{{beams.0.get_downvalues.60}}</td> <td>{{beams.0.get_downvalues.61}}</td> <td>{{beams.0.get_downvalues.62}}</td> <td>{{beams.0.get_downvalues.63}}</td>
-        </tr>
-      </table>
-    </td>
-  </tr>
-</table>
-
-<table class="legend">
-  <tr>
-    <th colspan="2">Legend</th>
-  </tr>
-  <tr>
-    <td style="color:#ff0000;"><i>RED</i></td><td>Disconnected</td>
-  </tr>
-  <tr>
-    <td style="color:#ee902c;"><i>ORANGE</i></td><td>Connected</td>
-  </tr>
-  <tr>
-    <td style="color:#00cc00;"><i>GREEN</i></td><td>Running</td>
-  </tr>
-</table>
+
+
 
 {% else %}
   <p style="color:#b4bcc2; margin-left: 5%;"><i>No Beams...</i></p>
diff --git a/apps/abs/views.py b/apps/abs/views.py
index 3f3f1e8..6dc27c8 100644
--- a/apps/abs/views.py
+++ b/apps/abs/views.py
@@ -121,18 +121,22 @@ def get_values_from_form(form_data):
 
 def abs_conf(request, id_conf):
 
-    conf     = get_object_or_404(ABSConfiguration, pk=id_conf)
-    beams = ABSBeam.objects.filter(abs_conf=conf)
-    #beams_dict = ast.literal_eval(conf.beams)
-    #beams = []
-    #for beam_id in range(1,len(beams_dict)+1):
-    #    beam = ABSBeam.objects.get(pk=beams_dict['beam'+str(beam_id)])
-    #    beams.append(beam)
-
-    #beams_id    = ast.literal_eval(conf.beams)
-
-    ip=conf.device.ip_address
-    port=conf.device.port_address
+    conf           = get_object_or_404(ABSConfiguration, pk=id_conf)
+    beams          = ABSBeam.objects.filter(abs_conf=conf)
+    active_beam_id = json.loads(conf.active_beam)
+
+    #------------Colors for Active Beam:-------------
+    modules_status = json.loads(conf.module_status)
+
+    color_status   = {}
+    for status in modules_status:
+        if modules_status[status] == 2:    #Running background-color: #ff0000;
+            color_status[status] = 'bgcolor=#00cc00'
+        elif modules_status[status] == 1:  #Connected background-color: #ee902c;
+            color_status[status] = 'bgcolor=#ee902c'
+        else:                              #Disconnected background-color: #00cc00;  
+            color_status[status] = 'bgcolor=#FF0000'
+    #------------------------------------------------
 
     kwargs = {}
     kwargs['status'] = conf.device.get_status_display()
@@ -146,12 +150,20 @@ def abs_conf(request, id_conf):
     kwargs['no_play'] = True
 
     kwargs['button'] = 'Edit Configuration'
-
-    #kwargs['no_play'] = True
-    #kwargs['beams_id'] = beams_id
+    #------------------Active Beam-----------------------
+    try:
+        active_beam_id = active_beam_id['active_beam']
+        active_beam = ABSBeam.objects.get(pk=active_beam_id)
+        kwargs['active_beam'] = active_beam
+        for beam in beams:
+            if beam.id == active_beam.id:
+                beam.color_status=color_status
+    except:
+        active_beam = ''
+    #----------------------------------------------------
     kwargs['beams']    = beams
-    kwargs['beam_selector'] = 0
-    #kwargs['my_data'] =  simplejson.dumps(beams)
+    kwargs['modules_status'] = modules_status
+    kwargs['color_status']   = color_status
 
     kwargs['only_stop'] = True
 
@@ -163,14 +175,7 @@ def abs_conf(request, id_conf):
 def abs_conf_edit(request, id_conf):
 
     conf     = get_object_or_404(ABSConfiguration, pk=id_conf)
-    #beams_list = ast.literal_eval(conf.beams)
-    #i = 1
-    #beams = []
-    #for b in beams_list:
-    #    beam = ABSBeam.objects.get(pk=beams_list['beam'+str(i)])
-    #    beams.append(beam)
-    #    i=i+1
-
+    
     beams = ABSBeam.objects.filter(abs_conf=conf)
     print beams
 
@@ -230,7 +235,7 @@ def add_beam(request, id_conf):
         new_beam.save()
         #---Update 6bits configuration and add beam to abs configuration beams list.
         new_beam.modules_6bits()
-        new_beam.add_beam2list()
+        #new_beam.add_beam2list()
         messages.success(request, 'Beam: "%s" has been added.'  % new_beam.name)
 
         return redirect('url_edit_abs_conf', conf.id)