v0.0.2 - parser

Paorakh · Apr 20, 2020 · 4a220df · 4a220df
1 parent 3c2a4ea
commit 4a220df
Show file tree

Hide file tree

Showing 5 changed files with 45 additions and 33 deletions.
diff --git a/parsers/workfile_flask/static/style.css b/parsers/workfile_flask/static/style.css
@@ -1,3 +1,8 @@
+a,
+a.btn {
+    color: royalblue;
+}
+
 h1 {}
 
 p {
@@ -20,4 +25,16 @@ span.wtip {
     display: block;
     position: absolute;
     bottom: 0;
+}
+
+.meta-priority-deadline {
+    font-size: 12px
+}
+
+.subtasks li {
+    display: block !important;
+}
+
+small.very {
+    font-size: 0.6em;
 }
diff --git a/parsers/workfile_flask/templates/parsed_output.html b/parsers/workfile_flask/templates/parsed_output.html
@@ -1,7 +1,6 @@
 <h1><span data-var='project.namespace'>{{project.namespace}} </span> <span data-var='project.name'>{{project.name}}</span></h1>
-<strong data-var='project.priority' class='priority priority-{{project.priority}}'>[ {{project.priority|default('Normal', true)}} ]</strong>
-<strong data-var='project.deadline.starts' class='deadline deadline-{{project.deadline.starts}}'>[ {{project.deadline.starts|default('Open Timeline', true)}} ]</strong>
-<strong data-var='project.deadline.ends' class='deadline deadline-{{project.deadline.ends}}'>[ {{project.deadline.ends|default('Open Timeline', true)}} ]</strong> {% if project.desc %}
+
+{% with node='project', priority=project.priority, deadline=project.deadline %} {% include 'priority_deadline.html' %} {% endwith %} {% if project.desc %}
 <p data-var='project.desc'>
     {{project.desc}}
 </p>
@@ -18,25 +17,15 @@ <h1><span data-var='project.namespace'>{{project.namespace}} </span> <span data-
     {% for milestone in project.milestones %}
     <div class='single-milestone card'>
         <div class="card-header" id='milestone_heading_{{loop.index}}'>
-            <div class="row">
-                <div class="col-sm-4">
-                    <span data-var='milestone.priority' class='priority priority-{{milestone.priority}}'>[ {{milestone.priority|default('Normal', true)}} ]</span>
-                </div>
-                <div class="col-sm-4">
-                    <span data-var='milestone.deadline.starts' class='deadline deadline-{{milestone.deadline.starts}}'>[ {{milestone.deadline.starts|default('Open Timeline', true)}} ]</span>
-                </div>
-                <div class="col-sm-4">
-                    <span data-var='milestone.deadline.ends' class='deadline deadline-{{milestone.deadline.ends}}'>[ {{milestone.deadline.ends|default('Open Timeline', true)}} ]</span>
-                </div>
+            <div class='section'>
+                {% with node='milestone', priority=milestone.priority, deadline=milestone.deadline %} {% include 'priority_deadline.html' %} {% endwith %}
             </div>
-
             <div class="row">
                 <div class="col-md-8">
                     <h2 data-var="milestone.name">
-                        <button class="btn btn-link mb-0 ml-0 p-0" type="button" data-toggle="collapse" data-target="#milestone_{{loop.index}}" aria-expanded="true">
-
-                {{milestone.name}}
-                </button>
+                        <a class="btn btn-link mb-0 ml-0 p-0" type="button" data-toggle="collapse" data-target="#milestone_{{loop.index}}" aria-expanded="true">
+                            {{milestone.name}}
+                        </a>
                     </h2>
                 </div>
                 <div class="col-md-4">

diff --git a/parsers/workfile_flask/templates/priority_deadline.html b/parsers/workfile_flask/templates/priority_deadline.html
@@ -0,0 +1,14 @@
+<div class="row meta-priority-deadline">
+    <div class="col-sm-4">
+        <i class='fa fa-layer-group'></i>
+        <span data-var='{{node}}.priority' class='priority priority-{{priority}}'>{{priority|default('Normal', true)}}</span>
+    </div>
+    <div class="col-sm-4">
+        <i class='fa fa-clock-o'></i>
+        <span data-var='{{node}}.deadline.starts' class='deadline deadline-{{deadline.starts}}'> {{deadline.starts|default('n/a', true)}} </span>
+    </div>
+    <div class="col-sm-4">
+        <i class='fa fa-clock-o'></i>
+        <span data-var='{{node}}.deadline.ends' class='deadline deadline-{{deadline.ends}}'> {{deadline.ends|default('n/a', true)}} </span>
+    </div>
+</div>
diff --git a/parsers/workfile_flask/templates/stakeholders.html b/parsers/workfile_flask/templates/stakeholders.html
@@ -16,5 +16,8 @@
                 </span> {% endfor %}
     </div>
     {% endif %} {% else %}
-    <small>unassigned</small> {% endif %}
+    <small>unassigned</small>
+    <a href='#'>
+        <small class="very">[ Assign to someone ]</small>
+    </a> {% endif %}
 </div>
diff --git a/parsers/workfile_flask/templates/tasks.html b/parsers/workfile_flask/templates/tasks.html
@@ -3,18 +3,7 @@
     <div class="tasks ml-2 list-group">
         {% for t in tasks %}
         <div class="task list-group-item" data-var='{{node}}.tasks'>
-            <div class="row">
-                <div class="col-sm-4">
-                    <span data-var='t.priority' class='priority priority-{{t.priority}}'>[ {{t.priority|default('Normal', true)}} ]</span>
-                </div>
-                <div class="col-sm-4">
-                    <span data-var='t.deadline.starts' class='deadline deadline-{{t.deadline.starts}}'>[ {{t.deadline.starts|default('Open Timeline', true)}} ]</span>
-                </div>
-                <div class="col-sm-4">
-                    <span data-var='t.deadline.ends' class='deadline deadline-{{t.deadline.ends}}'>[ {{t.deadline.ends|default('Open Timeline', true)}} ]</span>
-                </div>
-            </div>
-            {{t.name}} {% if t.desc %}
+            {% with node='task', priority=t.priority, deadline=t.deadline %} {% include 'priority_deadline.html' %} {% endwith %} {{t.name}} {% if t.desc %}
             <p>
                 {{t.desc}}
             </p>
@@ -23,12 +12,12 @@
                 {% with node='task', users=t.users, groups=t.groups %} {% include 'stakeholders.html' %} {% endwith %}
             </div>
             {% if t.subtasks %}
-            <div class="section">
+            <div class="section subtasks">
                 <label>Subtasks</label>
                 <ul>
                     {% for sub in t.subtasks %}
                     <li data-var='{{node}}.task.subtasks'>
-                        {{sub}}
+                        <label class='checkbox'><input type="checkbox" /> {{sub}}</label>
                     </li>
                     {% endfor %}
                 </ul>