added save icon

Author: Jinjinov

icons/save.png

@@ -78,19 +78,22 @@
  </div>
  </div>
  <div v-on:click="onLeftClick()" v-click-outside="addNewTask" class="task" v-bind:style="{ 'background-color': taskGroups[newTaskGroup] }">
- <div class="task-top-row">
- <span v-if="expanded" class="task-top-row-span">
+ <div v-if="expanded" class="task-top-row">
+ <span class="task-top-row-span">
  <img src="icons/increase.png" alt="Task priority factor" title="Task priority factor" height="20" width="20">
  <input type="text" ref="factor" v-on:input="inputAdjust()" v-model="newTaskFactor" aria-label="Task factor" class="task-top-row-input" />%
  </span>
- <span v-if="expanded" class="task-top-row-span">
+ <span class="task-top-row-span">
  <img src="icons/tag.png" alt="Task group" title="Task group" height="20" width="20">
  <select v-model="newTaskGroup">
  <option v-for="(value, key) in taskGroups" v-bind:value="key" v-bind:style="{ 'background-color': value }">
  {{ key }}
  </option>
  </select>
  </span>
+ <button v-on:click="addNewTask" class="task-top-row-button">
+ <img src="icons/save.png" alt="Save task" title="Save task" height="20" width="20">
+ </button>
  </div>
  <textarea ref="message" v-on:input="textAreaAdjust()" v-model="newTaskText" placeholder="Add a task" aria-label="Add a task" class="task-textarea" v-bind:style="{ 'background-color': taskGroups[newTaskGroup] }"></textarea>
  </div>
@@ -122,6 +125,7 @@
  :last-update="task.lastUpdate"
  :last-activity="task.lastActivity"
  v-on:outside="clickOutsideTask(task._id)"
+ v-on:save="updateTask(task._id)"
  v-on:remove="deleteTask(task._id)"
  v-on:activity="onTaskActivity(task._id)"
  v-on:click.native="onLeftClickTask(task._id)"

index.html

@@ -204,6 +204,9 @@ Vue.component('task-item', {
  <button v-if="expanded" v-on:click="$emit('remove')" class="task-top-row-button">
  <img src="icons/delete.png" alt="Delete task" title="Delete task" height="20" width="20">
  </button>
+ <button v-if="expanded" v-on:click="$emit('save')" class="task-top-row-button">
+ <img src="icons/save.png" alt="Save task" title="Save task" height="20" width="20">
+ </button>
  </div>
  <textarea v-if="expanded" ref="message" v-on:input="textAreaAdjust()" :value="text" @input="$emit('update:text', $event.target.value)" aria-label="Task text" class="task-textarea" v-bind:style="{ 'background-color': color }"></textarea>
  <div v-else v-html="autolinkedText" aria-label="Task text" class="task-formatted-textarea" v-bind:style="{ 'background-color': color }"></div>

index.js

@@ -12,10 +12,13 @@ var urlstocache = [
  'icons/count.png',
  'icons/day.png',
  'icons/delete.png',
+ 'icons/help.png',
  'icons/increase.png',
  'icons/pause.png',
  'icons/play.png',
  'icons/priority.png',
+ 'icons/save.png',
+ 'icons/tag.png',
  'icons/week.png',
  'https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css',
  'https://cdnjs.cloudflare.com/ajax/libs/pouchdb/6.4.3/pouchdb.min.js',