Loading

Tooltip Descriptions

You want to see a new feature?

Tooltip Descriptions

Postby monvural » 10.03.2008, 20:59

I have written an extension to the base code that will show tooltip descriptions of the milestone title and the milestone description so that they will not break the calendar format as it stands now. I have attached the patch file to this post, and can send the appropriate source code as well. I have also attached an appropriate screenshot showing the addition.

Picture 1.png
screenshot
Picture 1.png (61.97 KiB) Viewed 3169 times


Code: Select all
Index: collabtive/install.php
===================================================================
--- collabtive/install.php   (revision 140)
+++ collabtive/install.php   (working copy)
@@ -3,7 +3,7 @@
// Check if directory templates_c exists and is writable
if ((!file_exists("./templates_c")) or (!(is_writable("./templates_c"))))
{
-    die("Required folder templates_c does not exist or is not writable. <br>Please create the folder or make in writable in order to proceed.");
+    die("Required folder templates_c does not exist or is not writable. <br>Please create the folder or make it writable in order to proceed.");
}

include("init.php");
Index: collabtive/templates/standard/footer.tpl
===================================================================
--- collabtive/templates/standard/footer.tpl   (revision 140)
+++ collabtive/templates/standard/footer.tpl   (working copy)
@@ -6,6 +6,7 @@
<div id = "msgchk" style="display:none;"></div>
<script type  = "text/javascript">
      chkChat();
+      hoverDescrip.init();
</script>

   <div class="footer">
Index: collabtive/templates/standard/header.tpl
===================================================================
--- collabtive/templates/standard/header.tpl   (revision 140)
+++ collabtive/templates/standard/header.tpl   (working copy)
@@ -9,37 +9,36 @@
{literal}

<script type = "text/javascript" src = "include/js/protoculous.php" ></script>

<script type = "text/javascript" src = "include/js/ajax.php" ></script>

-<script type = "text/javascript" src="include/js/jsval.php"></script>

-<script type="text/javascript" src="include/js/chat.js"></script>

-     <script type = "text/javascript">

-        function _jsVal_Language() {

-            this.err_enter = "{/literal}{#wrongfield#}{literal}";

-            this.err_form = "{/literal}{#wrongfields#}{literal}";

-            this.err_select = "{/literal}{#wrongselect#}{literal}";

-        }

-

+<script type = "text/javascript" src = "include/js/jsval.php"></script>

+<script type = "text/javascript" src = "include/js/chat.js"></script>

+<script type = "text/javascript" src = "include/js/hoverDescrip.js"></script>

+<script type = "text/javascript">

+    function _jsVal_Language() {

+       this.err_enter = "{/literal}{#wrongfield#}{literal}";

+        this.err_form = "{/literal}{#wrongfields#}{literal}";

+        this.err_select = "{/literal}{#wrongselect#}{literal}";

+    }

</script>

<script type="text/javascript" src="include/js/datepicker.php"></script>

{/literal}

{/if}

{if $jsload2 == "calendar"}

   {literal}

-   <script type="text/javascript" src="include/js/calendar.js"></script>

+      <script type="text/javascript" src="include/js/calendar.js"></script>

   {/literal}

{elseif $jsload2 == "chat"}

-{literal}

-<script type="text/javascript">

-window.onunload = quitchat;

-</script>

-{/literal}

+   {literal}

+      <script type="text/javascript">

+         window.onunload = quitchat;

+      </script>

+   {/literal}

{/if}



-

{if $jsload3 == "lightbox"}

<link rel="stylesheet" href="templates/standard/css/lytebox.css" type="text/css"  />

<script type="text/javascript" src="include/js/lytebox.php"></script>

-

{/if}

+

<link rel="stylesheet" type="text/css" href="templates/standard/css/calendar.css" />

<link rel="stylesheet" type="text/css" href="templates/standard/css/style_main.php"/>

<link rel="stylesheet" type="text/css" href="templates/standard/css/style_form.css"/>

@@ -86,7 +85,7 @@
{/if}

<title>{$title} @ {$settings.name}</title>

</head>

-<body >

+<body>

{if $showheader != "no"}

   {include file="header_main.tpl"}

{/if}

Index: collabtive/templates/standard/css/style_main.php
===================================================================
--- collabtive/templates/standard/css/style_main.php   (revision 140)
+++ collabtive/templates/standard/css/style_main.php   (working copy)
@@ -297,6 +297,16 @@
   color:#6b582a;
}

+div#hoverDescrip {
+   padding: 5px;
+    border: 1px solid #000;
+    display: none;
+    background: #CCC;
+   color: #2A4069;
+    position: absolute;
+    z-index: 1000;
+}
+
.content_left .block_c a{
   color:#6b582a;
}
Index: collabtive/templates/standard/index.tpl
===================================================================
--- collabtive/templates/standard/index.tpl   (revision 140)
+++ collabtive/templates/standard/index.tpl   (working copy)
@@ -155,9 +155,8 @@
               <td>
               {/if}
               <span style="white-space:nowrap;">{$timeline[tag].tagstr}</span>
-               <p><a href="managemilestone.php?action=showmilestone&amp;msid={$timeline[tag].milestone.ID}&amp;id={$timeline[tag].milestone[1]}">{$timeline[tag].milestone.name|truncate:30:"...":true}</a><br/>{$timeline[tag].milestone.desc|truncate:30:"...":true}</p></td>
+               <p><a href="managemilestone.php?action=showmilestone&amp;msid={$timeline[tag].milestone.ID}&amp;id={$timeline[tag].milestone[1]}" class="hoverDescrip" title="{$timeline[tag].milestone.name}<br/>{$timeline[tag].milestone.desc}">{$timeline[tag].milestone.name|truncate:12:"...":true}</a></p></td>
               {/section}
-
               <td valign="middle" rowspan="1" style="width:12px;"><a class="scroll_right" href = "{literal}javascript:change('manageajax.php?action=timeline1next&amp;start=0&amp;end=7','timeline');{/literal}"></a></td>

               </tr>
monvural
 

Re: Tooltip Descriptions

Postby Philipp » 14.03.2008, 17:17

I implemented tooltips for 0.4
You haven't included the JS you used for this.

I did own tooltips now, basing them on prototype.
User avatar
Philipp
Site Admin
 
Posts: 969
Joined: 14.12.2007, 03:06
Location: Saarbrücken, germany

Re: Tooltip Descriptions

Postby monvural » 15.03.2008, 02:45

Ah, that's a good idea. It makes more sense to stay within the same framework. Is there any task you'd like for me to work on? I would be very much interested in helping to develop Collabtive as it moves forward.
monvural
 

Re: Tooltip Descriptions

Postby Philipp » 17.03.2008, 01:51

Well,

there are many areas where Collabtive still needs work.
For example:
  • Improve chat code (Refactoring to OOP, Multiuser Chats)
  • Improve timetracker
  • Implement email notifications in an object oriented (reusable) way
  • Provide import functionalities (From basecamp, Active Collab , etc)
  • Improve onlinelist

If you like to work on one of the above, or other topics: your help is highly appreciated.
You should check out the latest SVN version of Collabtive to start developing.

Please send your code patches to info@o-dyn.de
User avatar
Philipp
Site Admin
 
Posts: 969
Joined: 14.12.2007, 03:06
Location: Saarbrücken, germany

Re: Tooltip Descriptions

Postby monvural » 18.03.2008, 05:29

I will go ahead and implement an import function from the Basecamp model as well as the ActiveCollab model. I will keep you informed of my progress.
monvural
 


Return to Feature Requests

Who is online

Users browsing this forum: No registered users

cron