use a different icon display/hide the diff selector

Author: srogier

apps/front/modules/default/templates/_selectorDiffRange.php

@@ -6,5 +6,5 @@
   <?php echo $form['from']->render(array('class' => 'select2')); ?>
   to
   <?php echo $form['to']->render(array('class' => 'select2')); ?>
-  <input type="submit" value="Show" class="">
+  <button type="submit" class="no-marge">Show</button>
 </form>

apps/front/modules/default/templates/fileListSuccess.php

@@ -1,6 +1,6 @@
 <div class="list">
   <div class="list_head">
-    <span class="ricon vertical-text toggle-diff-range tooltip" title="Click to see the diff range selector">: </span>
+    <span class="icon-caret-down tooltip toggle-diff-range" title="Click to see the diff range selector"></span>
     <span class="title">File list</span>
     <span class="view_files_info">
        :

apps/front/modules/default/templates/fileSuccess.php

@@ -1,7 +1,7 @@
 <div class="file_bloc">
   <div class="list">
     <div class="list_head scroll">
-      <span class="ricon vertical-text toggle-diff-range tooltip" title="Click to see the diff range selector">: </span>
+      <span class="icon-caret-<?php echo $readonly ? 'up' : 'down'; ?> tooltip toggle-diff-range" title="Click to see the diff range selector"></span>
       <span class="title">
         <?php if($file->getsfGuardUser()):?>
           <img class="avatar" src="<?php echo $file->getsfGuardUser()->getProfile()->getAvatarUrl() ?>" />

web/js/toggleDiffRange.js

@@ -1,6 +1,7 @@
 $(document).ready(function(){
 
   $('.toggle-diff-range').click(function() {
+    $(this).toggleClass('icon-caret-down icon-caret-up');
     $('.diff-range').toggle();
   });
 
@@ -11,7 +12,9 @@ $(document).ready(function(){
       var result = object.text;
 
       if ("undefined" !== typeof object.element[0].attributes['data-review-request']) {
-        result = '<span class="ricon" title="Review Request">Ð </span>' + result;
+        result = '<span class="icon-share" title="Review Request"> </span>' + result;
+      } else {
+        result = '<span class="icon-nothing"> </span>' + result;
       }
 
       return result;