notes: Add icon to indicate type of note

include/class.note.php

@@ -52,6 +52,19 @@ class QuickNote extends QuickNoteModel {
         return static::$types[$this->ext_id[0]];
     }
 
+    function getExtIconClass() {
+        switch ($this->ext_id[0]) {
+        case 'U':
+            return 'user';
+        case 'O':
+            return 'building';
+        }
+    }
+
+    function getIconTitle() {
+        return sprintf("%s Note", static::$types[$this->ext_id[0]]);
+    }
+
     static function forUser($user, $org=false) {
         if ($org)
             return static::objects()->filter(array('ext_id__in' =>

include/staff/templates/note.tmpl.php

 <div class="quicknote" data-id="<?php echo $note->id; ?>">
     <div class="header">
         <div class="header-left">
+            <i class="note-type icon-<?php echo $note->getExtIconClass(); ?>"i
+                title="<?php echo $note->getIconTitle(); ?>"></i>&nbsp;
             <?php echo $note->getFormattedTime(); ?>
         </div>
         <div class="header-right">
 <?php
             echo $note->getStaff()->getName();
-if ($ext_id && $note->ext_id != $ext_id) { ?>
-            <span class="label label-info"><?php echo $note->getExtType(); ?></span>
-<?php }
 if (isset($show_options) && $show_options) { ?>
             <div class="options">
                 <a href="#" class="action edit-note no-pjax" title="edit"><i class="icon-pencil"></i></a>

scp/css/scp.css

@@ -1666,8 +1666,8 @@ tr.disabled th {
 }
 .quicknote .header .options {
     display: inline-block;
-    padding-left: 5px;
-    margin-left: 10px;
+    padding-left: 10px;
+    margin-left: 5px;
     white-space: nowrap;
     border-left: 1px solid rgba(0,0,0,0.2);
 }
@@ -1732,6 +1732,13 @@ tr.disabled th {
     padding-right: 5px;
 }
 
+i.note-type {
+    color: #2a67ac;
+    opacity: 0.8;
+    border-right: 1px solid rgba(0, 0, 0, 0.2);
+    padding-right: 8px;
+}
+
 table.custom-info th {
     background: transparent;
     border: none;