├── omniwidget.png
├── screenshot.png
├── omnifocusflags.widget.zip
├── omnifocusflags.widget
    ├── of-flaggedTasks.scpt
    └── index.coffee
├── widget.json
└── README.md


/omniwidget.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fitzagard/omnifocus-widget/HEAD/omniwidget.png


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fitzagard/omnifocus-widget/HEAD/screenshot.png


--------------------------------------------------------------------------------
/omnifocusflags.widget.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fitzagard/omnifocus-widget/HEAD/omnifocusflags.widget.zip


--------------------------------------------------------------------------------
/omnifocusflags.widget/of-flaggedTasks.scpt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fitzagard/omnifocus-widget/HEAD/omnifocusflags.widget/of-flaggedTasks.scpt


--------------------------------------------------------------------------------
/widget.json:
--------------------------------------------------------------------------------
1 | {
2 |   "name": "OmniFocus Flagged List",
3 |   "description": "Show all your flagged tasks from OmniFocus",
4 |   "author": "Fitz H. Agard",
5 |   "email": "fhagard@lightcube.us"
6 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Übersicht OmniFocus Task Widget
 2 | OmniFocus Flagged Task Widget - Made for [Übersicht](http://tracesof.net/uebersicht/)
 3 | 
 4 | A common workflow for OF users is to flag tasks they are working on `today`. See current flagged items with a quick snapshot of the project, context and note for each task.
 5 | 
 6 | ### Screenshot
 7 | ![Screenshot]
 8 | (https://raw.githubusercontent.com/fitzagard/omnifocus-widget/master/omniwidget.png)
 9 | 
10 | ## Requirements
11 | 
12 | - Have [OmniFocus](https://www.omnigroup.com/omnifocus) installed.
13 | - OS X Yosemite: The task widget depends on the JavaScript for Automation which is new in Yosemite. Sorry, I never bothered to learn AppleScript
14 | 
15 | 
16 | ## Future Plans
17 | 
18 | - Include Past Due Count and Tasks
19 | - Include Simple Forecast View


--------------------------------------------------------------------------------
/omnifocusflags.widget/index.coffee:
--------------------------------------------------------------------------------
  1 | # Set the refresh frequency (milliseconds).
  2 | refreshFrequency: 1000 * 60
  3 | 
  4 | style: """
  5 |   top: 20px
  6 |   right: 30px
  7 |   color: #fff
  8 |   background: rgba(0,0,0,0.3)
  9 |   font-family: Helvetica Neue
 10 |   font-size: 16px
 11 |   font-weight: 500
 12 |   width: 500px
 13 | 
 14 |   .tasks
 15 | 	  margin: 0
 16 | 	  padding: 0
 17 |   
 18 |   .task
 19 |       list-style: none
 20 | 	  
 21 |   .task
 22 | 	  margin: 0 10px 5px 10px
 23 | 	  padding: 5px 0 10px 20px
 24 | 	  white-space: nowrap
 25 | 	  overflow: hidden
 26 | 	  text-overflow: ellipsis
 27 | 	  position: relative
 28 | 	  opacity: 0.85
 29 | 
 30 |   .task-note, .task-project, .task-context
 31 | 	  position: relative
 32 | 	  overflow: hidden
 33 | 	  text-overflow: ellipsis
 34 | 	  padding: 2px 0 0 0
 35 | 	  font-size: 12px
 36 | 	  color: rgba(128,128,128,1)
 37 | 
 38 |   .task-project, .task-context
 39 |   	  font-weight: bold
 40 |   	  color: rgba(212,125,125, 1)
 41 | 
 42 |   .task::after
 43 | 	  content: ""
 44 | 	  position: absolute
 45 | 	  width: 10px
 46 | 	  height: 10px
 47 | 	  background: rgba(0,0,0,0.2) 
 48 | 	  -webkit-border-radius: 20px
 49 | 	  border-style: solid
 50 | 	  border-color: rgba(255,165,0,1)
 51 | 	  left: 0px
 52 | 	  top: 8px
 53 | 
 54 |    .count
 55 |        padding: 10px
 56 |        background: rgba(255,165,0,1)
 57 |        width: 10px
 58 |        border-top-style: solid
 59 |        border-top: thick solid #fff;
 60 | 
 61 |     .of-empty
 62 |     	width: auto
 63 |     	color: #fff
 64 |     	text-align: center
 65 |     	margin-top: 0
 66 | 			
 67 |   a, a:link, a:visited
 68 | 	  color: #fff
 69 | 	  text-decoration: none
 70 | """
 71 | 
 72 | render: (_) -> """
 73 | 	<div class='count'></div>
 74 | 	<div id='todos'></div>
 75 | """
 76 | 
 77 | command: "osascript './omnifocusflags.widget/of-flaggedTasks.scpt'"
 78 | 
 79 | update: (output, domEl) ->
 80 | 	if output
 81 | 		@ofObj = JSON.parse(output)
 82 | 		@_render();
 83 | 		$(domEl).find('#todos').html(@taskList)
 84 | 		$(domEl).find('.count').html(@count)
 85 | 	
 86 | _render: () ->
 87 | 	@count = @ofObj.count;
 88 | 	@taskList = '<ul class="list">'
 89 | 	if @ofObj.tasks.length
 90 | 		@ofObj.tasks.forEach (task) =>
 91 | 			@taskList +=  '<li class="task">' + 
 92 | 						'<a href="omnifocus:///task/' + task.id + '">' + task.name + '</a>' +
 93 | 						'<div>' + @_project(task) + @_context(task) + '</div>' +
 94 | 						@_note(task) + 
 95 | 				   	'</li>'
 96 | 		@taskList += '</ul>'
 97 | 	else
 98 | 		@taskList = '<h4 class="of-empty">No Flagged Tasks</h4>'
 99 | 
100 | _project: (task) =>
101 | 	return if (task.project and task.project != 'OmniFocus') then '<span class="task-project">' + task.project + '</span>' else ''
102 | 
103 | _context: (task) =>
104 | 	return if task.context then '<span class="task-context"> @ ' + task.context + '</span>' else ''
105 | 
106 | _note: (task) =>
107 | 	return if task.note then '<div class="task-note">' + String(task.note) + '</div>' else ''
108 | 	
109 | 


--------------------------------------------------------------------------------