photo viewer with link to full size image to view detals; docu

Author: swoellauer

PhotoApp/src/pages/viewer.vue

@@ -8,7 +8,7 @@
 
 <q-page v-if="photo !== undefined" class="column wrap  items-center ">
     <div class="row items-center" style="padding-top: 5px; padding-bottom: 5px;">
-      Selected image <q-btn :disable="!hasPrev" @click="move(-1)" icon="chevron_left" title="Move to previous image." :style="hasPrev ? {} : {color: 'grey'}"></q-btn>
+      <q-btn :disable="!hasPrev" @click="move(-1)" icon="chevron_left" title="Move to previous image." :style="hasPrev ? {} : {color: 'grey'}"></q-btn>
       <span class="time-text"><span v-if="locationText !== undefined">{{locationText}}</span><span v-else>{{locationTextPrev}}</span> | {{dateText}}</span>
       <q-btn :disable="!hasNext" @click="move(+1)" icon="chevron_right" title="Move to next image." :style="hasNext ? {} : {color: 'grey'}"></q-btn>
       <q-select v-model="processing" :options="['original', 'lighten', 'lighten strong', 'darken', 'darken strong']" label="Processing" dense options-dense style="width: 200px;" rounded standout/>
@@ -24,7 +24,8 @@
           {label: 'No incorrect', value: 'no_incorrect'},
           {label: 'None', value: 'none'}
         ]"
-      />      
+      />
+      <a :href="imageURL" target="_blank" title="Open current image at new tab to view details."><q-icon size="md" name="image_search" /></a>
     </div>
     <div style="position: relative;" class="" ref="imageDiv">
       <img :src="imageURL" :style="{'max-width': maxImageWidth + 'px', 'max-height': maxImageHeight + 'px'}" ref="image" @load="onLoadImage" @error="onErrorImage"/>

README.md

@@ -1,12 +1,16 @@
-# AudioDB
+# AudioDB / PhotoDB
 
-Requirements: Java 11 (or newer)
+This repository contains sources, documentation and release packages of AudioDB and PhotoDB.  
+In brief, the whole package is called **AudioDB** (which also includes PhotoDB).
 
-AudioDB releases: 
 
-https://github.com/Nature40/audiodb/releases
+Requirements: [Java 11 (or newer)](https://adoptium.net)
 
-# Installation on Ubuntu
+Supported operation systems: **Ubuntu** and **Windows**
+
+AudioDB releases: https://github.com/Nature40/audiodb/releases
+
+# Deployment on Ubuntu
 
 Install Java, e.g.:
 
@@ -38,26 +42,26 @@ http://127.0.0.1:8080/
 Stop server by key crtl-c or by closing the terminal.
 
 
-# Installation on Windows
+# Deployment on Windows
 
-Install Java
+Install [Java](https://adoptium.net)
 
-Download AudioDB package and extract.
+Download AudioDB [package](https://github.com/Nature40/audiodb/releases) and extract.
 
 # Running on Windows
 
-Start AudioDB server:
+Start AudioDB server: Run the start script from the **command line** or just **double click** at the script file:
 
 ```
 win_audio.cmd
 ```
 
-Open AudioDB web-interface on a browser.
+Open AudioDB web-interface on a **web browser**.  
 Local URL with default port 8080:
 
 http://127.0.0.1:8080/
 
-Stop server by key crtl-c or by closing the terminal.
+Stop server by key **ctrl-c** or by closing the terminal.
 
 # Configuration