From 161465ddd7247aa5ddb42ad6a17578f1ff308653 Mon Sep 17 00:00:00 2001
From: Marcell Mars <ki.ber@kom.uni.st>
Date: Wed, 28 Apr 2021 17:35:46 +0200
Subject: [PATCH] relative path of the edited file as important part of the
 context at the top of the page...

---
 src/App.svelte       |  2 +-
 src/SpHasWhat.svelte | 10 +++++++---
 src/SpTitle.svelte   |  2 ++
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 6a3f4bd..3060023 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -91,7 +91,7 @@
 <svelte:window on:keyup={keyUp}/>
 <main id="sandpoints">
   <form>
-    <SpTitle title={title} />
+    <SpTitle relpath={relpath} title={title} />
     <SpHasWhat on:hasTiersSelected={newHasTiers} hases={hases} hastiers={hastiers} />
     <SpHasTiers on:addToCandidatesRemoveFromTiers={addToCandidatesRemoveFromTiers} hastiers={hastiers} candidates={candidates} tiers={tiers}/>
     <SpHasCandidates on:addToTiersRemoveFromCandidates={addToTiersRemoveFromCandidates} candidates={candidates} />
diff --git a/src/SpHasWhat.svelte b/src/SpHasWhat.svelte
index 70806ba..5d28d7c 100644
--- a/src/SpHasWhat.svelte
+++ b/src/SpHasWhat.svelte
@@ -7,16 +7,18 @@
  const dispatch = createEventDispatcher();
 
  afterUpdate(() => {
-   let optsel = document.getElementById(hasNew)
+   let optsel = document.getElementById('hasNew')
    if (hastiers=="" && optsel) {
      optsel.selected = 'selected';
+     optsel.disabled = 'disabled'
    } else if (hastiers != "") {
      let optsel = document.getElementById('_' + hastiers)
      optsel.selected = 'selected'
    }
  });
 
-$: {
+ $: {
+   console.log("hases", hases)
    if (value && value.startsWith("_")) {
      dispatch("hasTiersSelected", value)
    }
@@ -24,7 +26,9 @@ $: {
 </script>
 
 <select id="selecthas" class="selecthas" bind:value>
-  <option id="hasNew" title="Has new" value="hasNew">Has new...</option>
+  {#if hastiers == ""}
+    <option id="hasNew" title="Has new" value="hasNew">Has new...</option>
+  {/if}
   {#each hases as has}
     <option id="{'_' + has}" class="hasoption" title="{has}" value={'_' + has}>Has {has}:</option>
   {/each}
diff --git a/src/SpTitle.svelte b/src/SpTitle.svelte
index 5584c53..d57cbf8 100644
--- a/src/SpTitle.svelte
+++ b/src/SpTitle.svelte
@@ -1,6 +1,8 @@
 <script>
  export let title;
+ export let relpath;
 </script>
 
+<p><em>File path: <strong>{relpath}</strong></em></p>
 <label for="title">Title:</label>
 <input type="text" name="title" value="{title}">