bmease · February 15, 2017 18:03 · Sep 27, 2013 · Sep 26, 2013 · Sep 26, 2013 · Sep 26, 2013
diff --git a/Readme.md b/Readme.md
@@ -24,7 +24,7 @@ Add the widget HTML to your dashboard
 
 4. Modify the ```FRESHDESK_URL``` and ```FRESHDESK_USERNAME``` in the *freshdesk.rb* file.
 
-5. Add [freshdesk-background.png](http://i.imgur.com/uJ4xjX4.png) to the assets folder.
+5. Add [freshdesk-background.png](http://i.imgur.com/uJ4xjX4.png) to the *assets/images* folder.
 
 
 

diff --git a/Readme.md b/Readme.md
@@ -6,7 +6,7 @@ A dashing widget that displays tickets for [Freshdesk.com](http://www.freshdesk.
  - Time for each ticket changes color depending on age.
 
 ## Preview ##
-![Freshdesk Dashing Widget](http://imgur.com/Q2keCCD.png)
+![Freshdesk Dashing Widget](http://i.imgur.com/sl2LliU.png)
 
 
 ## Usage ##

diff --git a/Readme.md b/Readme.md
@@ -24,6 +24,8 @@ Add the widget HTML to your dashboard
 
 4. Modify the ```FRESHDESK_URL``` and ```FRESHDESK_USERNAME``` in the *freshdesk.rb* file.
 
+5. Add [freshdesk-background.png](http://i.imgur.com/uJ4xjX4.png) to the assets folder.
+
 
 
 ## More Info ##

diff --git a/freshdesk.scss b/freshdesk.scss
@@ -3,7 +3,9 @@ $background-color-name: #067660;
 $background-color-count: #4d4b4b;
 
 .widget-freshdesk {
+    background: url('/assets/freshdesk-background.png') no-repeat;             
     background-color: $background-color;
+    background-position: center;
     color: #ddd;
 
     ol {

diff --git a/freshdesk.rb b/freshdesk.rb
@@ -1,6 +1,6 @@
 # Enter your freshdesk url and api key.
 FRESHDESK_URL = 'example.freshdesk.com'
-FRESHDESK_VIEW_URL = '/helpdesk/tickets.json?filter_name=new_my_open'
+FRESHDESK_VIEW_URL = '/helpdesk/tickets.json?filter_name=all_tickets'
 FRESHDESK_USERNAME = 'SECRET_API_KEY'
 # Password is blank
 FRESHDESK_PASSWORD = ''
@@ -23,9 +23,11 @@
         items = []
         agents = {}
         for ticket in json
-            unclaimed = if ticket['responder_id'] then false else true end
-            obj = { subject: ticket['subject'], created_at: ticket['created_at'], unclaimed: unclaimed }
-            items << obj
+            if ticket['status'] != 5                                           
+                unclaimed = if ticket['responder_id'] then false else true end 
+                obj = { subject: ticket['subject'], created_at: ticket['created_at'], unclaimed: unclaimed }
+                items << obj                                                   
+            end
 
             agent = agents[ticket['responder_name']]
 

diff --git a/Readme.md b/Readme.md
@@ -20,9 +20,11 @@ Add the widget HTML to your dashboard
 
 2. Create a directory called freshdesk under widgets and copy *freshdesk.coffeescript*, *freshdesk.html*, *freshdesk.scss* into the directory.
 
-3. Modify the ```FRESHDESK_URL``` and ```FRESHDESK_USERNAME``` in the *freshdesk.rb* file.
+3. Copy freshdesk.rb into your jobs folder.
+
+4. Modify the ```FRESHDESK_URL``` and ```FRESHDESK_USERNAME``` in the *freshdesk.rb* file.
+
 
-4. Copy freshdesk.rb into your jobs folder.
 
 ## More Info ##
 [Freshdesk API Documentation](http://freshdesk.com/api)
diff --git a/freshdesk.coffeescript → freshdesk.coffee b/freshdesk.coffeescript → freshdesk.coffee
diff --git a/Readme.md b/Readme.md
@@ -1,9 +1,9 @@
 # Description #
 A dashing widget that displays tickets for [Freshdesk.com](http://www.freshdesk.com)
 
- - Displays unassigned Tickets subject and time.
+ - Displays unassigned tickets subject and time.
  - Displays Ticket counts assigned to Agents.
- - Ticket 
+ - Time for each ticket changes color depending on age.
 
 ## Preview ##
 ![Freshdesk Dashing Widget](http://imgur.com/Q2keCCD.png)

diff --git a/Readme.md b/Readme.md
@@ -1,5 +1,5 @@
 # Description #
-A dashing widget that displays tickets for Freshdesk.com
+A dashing widget that displays tickets for [Freshdesk.com](http://www.freshdesk.com)
 
  - Displays unassigned Tickets subject and time.
  - Displays Ticket counts assigned to Agents.
@@ -22,4 +22,7 @@ Add the widget HTML to your dashboard
 
 3. Modify the ```FRESHDESK_URL``` and ```FRESHDESK_USERNAME``` in the *freshdesk.rb* file.
 
-4. Copy freshdesk.rb into your jobs folder.
+4. Copy freshdesk.rb into your jobs folder.
+
+## More Info ##
+[Freshdesk API Documentation](http://freshdesk.com/api)
diff --git a/Readme.md b/Readme.md
@@ -6,7 +6,7 @@ A dashing widget that displays tickets for Freshdesk.com
  - Ticket 
 
 ## Preview ##
-![Freshdesk Dashing Widget](http://imgur.com/Q2keCCD?1)
+![Freshdesk Dashing Widget](http://imgur.com/Q2keCCD.png)
 
 
 ## Usage ##

diff --git a/Readme.md b/Readme.md
@@ -6,7 +6,7 @@ A dashing widget that displays tickets for Freshdesk.com
  - Ticket 
 
 ## Preview ##
-![Freshdesk Dashing Widget](http://imgur.com/Q2keCCD)
+![Freshdesk Dashing Widget](http://imgur.com/Q2keCCD?1)
 
 
 ## Usage ##

diff --git a/Readme.md b/Readme.md
@@ -1,7 +1,12 @@
 # Description #
 A dashing widget that displays tickets for Freshdesk.com
 
+ - Displays unassigned Tickets subject and time.
+ - Displays Ticket counts assigned to Agents.
+ - Ticket 
+
 ## Preview ##
+![Freshdesk Dashing Widget](http://imgur.com/Q2keCCD)
 
 
 ## Usage ##
@@ -15,6 +20,6 @@ Add the widget HTML to your dashboard
 
 2. Create a directory called freshdesk under widgets and copy *freshdesk.coffeescript*, *freshdesk.html*, *freshdesk.scss* into the directory.
 
-3. Modify the ```FRESHDESK_URL``` and FRESHDESK_USERNAME in the freshdesk.rb file.
+3. Modify the ```FRESHDESK_URL``` and ```FRESHDESK_USERNAME``` in the *freshdesk.rb* file.
 
 4. Copy freshdesk.rb into your jobs folder.
diff --git a/Readme.md b/Readme.md
@@ -15,6 +15,6 @@ Add the widget HTML to your dashboard
 
 2. Create a directory called freshdesk under widgets and copy *freshdesk.coffeescript*, *freshdesk.html*, *freshdesk.scss* into the directory.
 
-3. Modify the FRESHDESK_URL and FRESHDESK_USERNAME in the freshdesk.rb file.
+3. Modify the ```FRESHDESK_URL``` and FRESHDESK_USERNAME in the freshdesk.rb file.
 
 4. Copy freshdesk.rb into your jobs folder.
diff --git a/Readme.md b/Readme.md
@@ -11,7 +11,10 @@ Add the widget HTML to your dashboard
     <li data-row="1" data-col="1" data-sizex="2" data-sizey="2">               
       <div data-id="freshdesk" data-view="Freshdesk" data-title="Freshdesk Tickets"></div>
     </li>
-
 ```
 
-2. Create a directory called freshdesk under widgets and copy *freshdesk.coffeescript*, *freshdesk.html*, *freshdesk.rb* into the directory.
+2. Create a directory called freshdesk under widgets and copy *freshdesk.coffeescript*, *freshdesk.html*, *freshdesk.scss* into the directory.
+
+3. Modify the FRESHDESK_URL and FRESHDESK_USERNAME in the freshdesk.rb file.
+
+4. Copy freshdesk.rb into your jobs folder.
diff --git a/Readme.md b/Readme.md
@@ -1,2 +1,17 @@
 # Description #
-A dashing widget that displays tickets for Freshdesk.com
+A dashing widget that displays tickets for Freshdesk.com
+
+## Preview ##
+
+
+## Usage ##
+
+Add the widget HTML to your dashboard
+```
+    <li data-row="1" data-col="1" data-sizex="2" data-sizey="2">               
+      <div data-id="freshdesk" data-view="Freshdesk" data-title="Freshdesk Tickets"></div>
+    </li>
+
+```
+
+2. Create a directory called freshdesk under widgets and copy *freshdesk.coffeescript*, *freshdesk.html*, *freshdesk.rb* into the directory.
diff --git a/Readme.md b/Readme.md
@@ -0,0 +1,2 @@
+# Description #
+A dashing widget that displays tickets for Freshdesk.com
diff --git a/freshdesk.coffeescript b/freshdesk.coffeescript
@@ -0,0 +1,60 @@
+clamp = (value) ->
+    return Math.max(0, Math.min(Math.floor(value), 255))
+
+
+gradient = (value) ->
+
+    if value > 1 then value = 1
+
+    start = [255, 255, 255]
+    end = [255, 0, 0]
+
+    finalColor = []
+    for startChannel, i in start
+        finalColor.push(startChannel * (1-value) + end[i])
+
+    return (clamp(x) for x in finalColor)
+
+
+class Dashing.Freshdesk extends Dashing.Widget
+    ready: ->
+
+    onData: (data) =>
+
+
+Batman.mixin Batman.Filters,
+    prettyTime: (dateStr) ->
+        now = new Date()
+        date = new Date(dateStr)
+
+        elapsed = now.getTime() - date.getTime()
+
+        # Percent passed 1 day
+        value = elapsed / (24 * 60 * 60 * 1000)
+        color = gradient(value)
+
+        days =  Math.floor(elapsed / 24 / 60 / 60 / 1000)
+
+        hours =  Math.floor(elapsed / 60 / 60 / 1000)
+        minutes = Math.floor(elapsed / 60 / 1000)
+        seconds = Math.floor(elapsed / 1000)
+
+        if days >= 1
+            plural = if days is 1 then '' else 's'
+            return "<span style='color: rgb(#{color});'>#{days} day#{plural} ago</span>"
+
+        if hours >= 1
+            plural = if hours is 1 then '' else 's'
+            return "<span style='color: rgb(#{color});'>#{hours} hour#{plural} ago</span>"
+
+        if minutes >= 1
+            plural = if minutes is 1 then '' else 's'
+            return "<span style='color: rgb(#{color});'>#{minutes} minute#{plural} ago</span>"
+
+        if seconds >= 0
+            return "Now"
+
+        return dateStr
+
+    firstName: (name) ->
+        name.split(' ')[0]
diff --git a/freshdesk.html b/freshdesk.html
@@ -0,0 +1,26 @@
+<h1 class="title">Unassigned Tickets</h1>
+
+<ol>
+  <li data-foreach-item="items" data-showif="item.unclaimed">
+    <span class="subject" data-bind="item.subject | truncate 32"></span>
+    <span class="time" data-bind="item.created_at | prettyTime | raw"></span>
+  </li>
+</ol>
+
+<h1 class="title">Agents</h1>
+<table>
+    <tr> 
+        <th class="name" data-foreach-agent="agents">
+            <span data-bind="agent.name | firstName"></span>
+        </th>
+    </tr>
+    <tr>
+        <td class="count" data-foreach-agent="agents">
+            <span data-bind="agent.count"></span>
+            <span data-bind-id="agent.name"></span>
+        </td>
+    </tr>
+</table>
+
+<p class="more-info" data-bind="moreinfo"></p>
+<p class="updated-at" data-bind="updatedAtMessage"></p>
diff --git a/freshdesk.rb b/freshdesk.rb
@@ -0,0 +1,55 @@
+# Enter your freshdesk url and api key.
+FRESHDESK_URL = 'example.freshdesk.com'
+FRESHDESK_VIEW_URL = '/helpdesk/tickets.json?filter_name=new_my_open'
+FRESHDESK_USERNAME = 'SECRET_API_KEY'
+# Password is blank
+FRESHDESK_PASSWORD = ''
+FRESHDESK_IGNORE_USERS = ['No Agent', ]
+
+
+SCHEDULER.every '60s' do
+
+    http = Net::HTTP.new(FRESHDESK_URL, 443)
+    http.use_ssl = true
+    http.verify_mode = OpenSSL::SSL::VERIFY_PEER
+
+    http.start() {|http|
+        req = Net::HTTP::Get.new(FRESHDESK_VIEW_URL)
+        req.basic_auth FRESHDESK_USERNAME, FRESHDESK_PASSWORD
+        response = http.request(req)
+
+        json = JSON.parse(response.body)
+
+        items = []
+        agents = {}
+        for ticket in json
+            unclaimed = if ticket['responder_id'] then false else true end
+            obj = { subject: ticket['subject'], created_at: ticket['created_at'], unclaimed: unclaimed }
+            items << obj
+
+            agent = agents[ticket['responder_name']]
+
+            if agent
+                agent['count'] = agent['count'] + 1
+            else
+                agents[ticket['responder_name']] = {}
+                agents[ticket['responder_name']]['name'] = ticket['responder_name']
+                agents[ticket['responder_name']]['count'] = 1
+            end
+
+        end
+
+        agents_list = []
+        agents.each do |key, value|
+            obj = { name: value['name'], count: value['count'] }
+
+            # Show only agents that exist
+            if !FRESHDESK_IGNORE_USERS.include?(value['name'])
+                agents_list << obj
+            end
+        end
+
+        send_event('freshdesk', { items: items, agents: agents_list })
+
+    }
+end
diff --git a/freshdesk.scss b/freshdesk.scss
@@ -0,0 +1,39 @@
+$background-color:  #16a085;
+$background-color-name: #067660;
+$background-color-count: #4d4b4b;
+
+.widget-freshdesk {
+    background-color: $background-color;
+    color: #ddd;
+
+    ol {
+        list-style-type: none;
+        font-size: 1.5em;
+        font-weight: bold;
+    }
+
+    .title {
+        font-size: 2em;
+        font-weight: bold;
+        color: #fff;
+    }
+
+    table {
+        border-collapse: separate;
+        border-spacing: 6px;
+        border-color: white;
+    }
+
+    .name {
+        background-color: $background-color-name;
+        font-size: 1.5em;
+        font-weight: bold;
+
+    }
+
+    .count {
+        background-color: $background-color-count;
+        font-size: 1.5em;
+        font-weight: 900;
+    }
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# Description #
		A dashing widget that displays tickets for Freshdesk.com
No results found