From e998131935bdfd9df2997d80701afa5abbc82ea9 Mon Sep 17 00:00:00 2001
From: jensp <jensp@8810af33-2d31-482b-a856-94f89814c4df>
Date: Sun, 11 Oct 2015 09:30:02 +0000
Subject: [PATCH] Added a checkbox to the Xinha link dialog to make external
 links open in a new tab/window

git-svn-id: https://svn.libreccm.org/ccm/trunk@3684 8810af33-2d31-482b-a856-94f89814c4df
---
 .../assets/xinha/plugins/OpenCCM/lang/de.js   |   3 +-
 .../assets/xinha/plugins/OpenCCM/lang/en.js   |   3 +-
 .../xinha/plugins/OpenCCM/links/links.html    | 296 +++++++++---------
 .../xinha/plugins/OpenCCM/links/links.js      |  15 +-
 4 files changed, 167 insertions(+), 150 deletions(-)

diff --git a/ccm-cms/web/assets/xinha/plugins/OpenCCM/lang/de.js b/ccm-cms/web/assets/xinha/plugins/OpenCCM/lang/de.js
index 4345bd1fa..9cb0965a5 100644
--- a/ccm-cms/web/assets/xinha/plugins/OpenCCM/lang/de.js
+++ b/ccm-cms/web/assets/xinha/plugins/OpenCCM/lang/de.js
@@ -17,5 +17,6 @@
   "Dimension" : "Dimensionen",
   "Width:" : "Breite:",
   "Height:" : "Höhe:",
-  "Preview" : "Vorschau"
+  "Preview" : "Vorschau",
+  "New tab/window": "In neuem Tab/Fenster öffnen:"
 }
diff --git a/ccm-cms/web/assets/xinha/plugins/OpenCCM/lang/en.js b/ccm-cms/web/assets/xinha/plugins/OpenCCM/lang/en.js
index eb9c0ca21..fff5ab75f 100644
--- a/ccm-cms/web/assets/xinha/plugins/OpenCCM/lang/en.js
+++ b/ccm-cms/web/assets/xinha/plugins/OpenCCM/lang/en.js
@@ -17,5 +17,6 @@
   "Dimension" : "Dimension",
   "Width:" : "Width:",
   "Height:" : "Height:",
-  "Preview" : "Preview"
+  "Preview" : "Preview",
+  "New tab/window:": "Open in new tab/window:"
 }
diff --git a/ccm-cms/web/assets/xinha/plugins/OpenCCM/links/links.html b/ccm-cms/web/assets/xinha/plugins/OpenCCM/links/links.html
index c729b6bac..bd30b0708 100644
--- a/ccm-cms/web/assets/xinha/plugins/OpenCCM/links/links.html
+++ b/ccm-cms/web/assets/xinha/plugins/OpenCCM/links/links.html
@@ -1,155 +1,161 @@
 <style>
-  .common {
-    margin: 0.4em;
-  }
-  fieldset {
-    margin: 0.6em 0.3em;
-  }
-  
-  label.key {
-    clear: left;
-    float: left;
-    width: 5em;
-    padding: 0.25em 0.2em;
-  }
-  
-  .value {
-    margin-left: 5.5em;
-    margin-right: 1em;
-  }
-  
-  .withButton {
-    margin: 0em 0.2em 0em 12em;
-  }
-  
-  .withButton input[type="text"] {
-    float: left;
-    margin-left: -6em;
-  }
-  
-  .withButton input[type="button"] {
-    position: relative;
-    width: 5em !important;
-  }
-  
-  input {
-  width: auto !important;
-  }
-  
-  input[type="text"] {
-    width: 100% !important;
-  }
-  
-  
-  .itemname {
-    margin: 0.1em;
-    border: none;
-    border-radius: 0.3em;
-    padding: 0.2em;
-    font-style: italic;
-    color: #4a4a4a;
-    background-color: #dddddd;
-  }
-  
-  .buttons {
-    text-align: center;
-  }
+    .common {
+        margin: 0.4em;
+    }
+    fieldset {
+        margin: 0.6em 0.3em;
+    }
+
+    label.key {
+        clear: left;
+        float: left;
+        width: 5em;
+        padding: 0.25em 0.2em;
+    }
+
+    .value {
+        margin-left: 5.5em;
+        margin-right: 1em;
+    }
+
+    .withButton {
+        margin: 0em 0.2em 0em 12em;
+    }
+
+    .withButton input[type="text"] {
+        float: left;
+        margin-left: -6em;
+    }
+
+    .withButton input[type="button"] {
+        position: relative;
+        width: 5em !important;
+    }
+
+    input {
+        width: auto !important;
+    }
+
+    input[type="text"] {
+        width: 100% !important;
+    }
+
+
+    .itemname {
+        margin: 0.1em;
+        border: none;
+        border-radius: 0.3em;
+        padding: 0.2em;
+        font-style: italic;
+        color: #4a4a4a;
+        background-color: #dddddd;
+    }
+
+    .buttons {
+        text-align: center;
+    }
 </style>
 <h1 id="[h1]">
-  <l10n>Insert/Modify Link</l10n>
+    <l10n>Insert/Modify Link</l10n>
 </h1>
 <div style="position:relative">
-  <div id="[options]">
-    <div class="common">
-      <label class="key" for="[title]">
-        <l10n>Title:</l10n>
-      </label>
-      <div class="value">
-        <input type="text" name="[title]" id="[title]"/>
-      </div>
-    </div>
-    <fieldset id="[fieldset_internal]">
-      <legend>
-        <label>
-          <input type="radio" name="[type]" id="[type_internal]" value="internal" checked="checked"/>
-          <l10n>Internal Link</l10n>
-        </label>
-      </legend>
-      <label class="key" for="[ci_name]">
-        <l10n>Item:</l10n>
-      </label>
-      <div class="value withButton">
-<!-- Ausgeblendet, bis es eine spezielle JSP / Java-Klasse gibt.
-        <input class="itemname" type="text" name="[ci_name]" id="[ci_name]" disabled="disabled" value="_(No item selected)"/>
--->
-<!-- Die folgende Zeile muß entfernt werden, wenn eine bessere JSP / Java-Klasse vorhanden ist -->
-        <input type="text" disabled="disabled" name="[ci_href]" id="[ci_href]" value=""/>
-        <input type="button" name="[ci_browse]" id="[ci_browse]" value="_(Browse)"/>
-      </div>
-<!-- Ausblenden, bis es eine spezielle JSP / Java-Klasse gibt, die besser mit externen Parametern arbeitet
-      <div class="value withButton">
-        <input type="text" name="[ci_searchfield]" id="[ci_searchfield]" value=""/>
-        <input type="button" name="[ci_search]" id="[ci_search]" value="_(Search)"/>
-      </div>
-      <input type="hidden" name="[ci_href]" id="[ci_href]" value=""/>
--->
-    </fieldset>
-    <fieldset id="[fieldset_external]">
-      <legend>
-        <label>
-          <input type="radio" name="[type]" id="[type_external]" value="external"/>
-          <l10n>External Link</l10n>
-        </label>
-      </legend>
-      <label class="key" for="[href]">
-        <l10n>URL:</l10n>
-      </label>
-      <div class="value">
-        <input type="text" name="[href]" id="[href]" value=""/>
-      </div>
-    </fieldset>
+    <div id="[options]">
+        <div class="common">
+            <label class="key" for="[title]">
+                <l10n>Title:</l10n>
+            </label>
+            <div class="value">
+                <input type="text" name="[title]" id="[title]"/>
+            </div>
+        </div>
+        <fieldset id="[fieldset_internal]">
+            <legend>
+                <label>
+                    <input type="radio" name="[type]" id="[type_internal]" value="internal" checked="checked"/>
+                    <l10n>Internal Link</l10n>
+                </label>
+            </legend>
+            <label class="key" for="[ci_name]">
+                <l10n>Item:</l10n>
+            </label>
+            <div class="value withButton">
+                <!-- Ausgeblendet, bis es eine spezielle JSP / Java-Klasse gibt.
+                        <input class="itemname" type="text" name="[ci_name]" id="[ci_name]" disabled="disabled" value="_(No item selected)"/>
+                -->
+                <!-- Die folgende Zeile muß entfernt werden, wenn eine bessere JSP / Java-Klasse vorhanden ist -->
+                <input type="text" disabled="disabled" name="[ci_href]" id="[ci_href]" value=""/>
+                <input type="button" name="[ci_browse]" id="[ci_browse]" value="_(Browse)"/>
+            </div>
+            <!-- Ausblenden, bis es eine spezielle JSP / Java-Klasse gibt, die besser mit externen Parametern arbeitet
+                  <div class="value withButton">
+                    <input type="text" name="[ci_searchfield]" id="[ci_searchfield]" value=""/>
+                    <input type="button" name="[ci_search]" id="[ci_search]" value="_(Search)"/>
+                  </div>
+                  <input type="hidden" name="[ci_href]" id="[ci_href]" value=""/>
+            -->
+        </fieldset>
+        <fieldset id="[fieldset_external]">
+            <legend>
+                <label>
+                    <input type="radio" name="[type]" id="[type_external]" value="external"/>
+                    <l10n>External Link</l10n>
+                </label>
+            </legend>
+            <label class="key" for="[href]">
+                <l10n>URL:</l10n>
+            </label>
+            <div class="value">
+                <input type="text" name="[href]" id="[href]" value=""/>
+            </div>
+            <label class="key" for="[newWindow]">
+                <l10n>New tab/window:</l10n>
+            </label>
+            <div class="value">
+                <input type="checkbox" name="[newWindow]" id="[newWindow]"/>
+            </div>
+        </fieldset>
 
-<!-- Evt. für spätere Erweiteung, aber eigentlich sollten Links auf Contact-Items verwendet werden -->
-<!--
-    <fieldset id="[fieldset_mailto]">
-      <legend>
-        <label>
-          <input type="radio" name="[type]" id="[type_mailto]" value="mailto"/>
-          <l10n>Email Link</l10n>
-        </label>
-      </legend>
-      <label class="key" for="[to]">
-        <l10n>Email Address:</l10n>
-      </label>
-      <div class="value">
-        <input "type="text" name="[to]" id="[to]" value=""/>
-      </div>
-    </fieldset>
--->
-<!-- Für spätere Erweiterung. Scanne nach Anchor und trage sie ein -->
-<!--
-    <fieldset id="[fieldset_anchor]">
-      <legend>
-        <label>
-          <input type="radio" name="[type]" id="[type_anchor]" value="anchor"/>
-          <l10n>Anchor Link</l10n>
-        </label>
-      </legend>
-      <label class="key" "for="[anchor]">
-        <l10n>Anchor:</l10n>
-      </label>
-      <div class="value">
-        <select name="[anchor]" id="[anchor]">
-        </select>
-      </div>
-    </fieldset>
--->
-    <div class="buttons">
-      <input type="button" id="[ok]"     value="_(OK)"     />
-      <input type="button" id="[clear]"  value="_(Remove Link)" />
-      <input type="button" id="[cancel]" value="_(Cancel)" />
+        <!-- Evt. für spätere Erweiteung, aber eigentlich sollten Links auf Contact-Items verwendet werden -->
+        <!--
+            <fieldset id="[fieldset_mailto]">
+              <legend>
+                <label>
+                  <input type="radio" name="[type]" id="[type_mailto]" value="mailto"/>
+                  <l10n>Email Link</l10n>
+                </label>
+              </legend>
+              <label class="key" for="[to]">
+                <l10n>Email Address:</l10n>
+              </label>
+              <div class="value">
+                <input "type="text" name="[to]" id="[to]" value=""/>
+              </div>
+            </fieldset>
+        -->
+        <!-- Für spätere Erweiterung. Scanne nach Anchor und trage sie ein -->
+        <!--
+            <fieldset id="[fieldset_anchor]">
+              <legend>
+                <label>
+                  <input type="radio" name="[type]" id="[type_anchor]" value="anchor"/>
+                  <l10n>Anchor Link</l10n>
+                </label>
+              </legend>
+              <label class="key" "for="[anchor]">
+                <l10n>Anchor:</l10n>
+              </label>
+              <div class="value">
+                <select name="[anchor]" id="[anchor]">
+                </select>
+              </div>
+            </fieldset>
+        -->
+        <div class="buttons">
+            <input type="button" id="[ok]"     value="_(OK)"     />
+            <input type="button" id="[clear]"  value="_(Remove Link)" />
+            <input type="button" id="[cancel]" value="_(Cancel)" />
+        </div>
     </div>
-  </div>
 </div>
 
 
diff --git a/ccm-cms/web/assets/xinha/plugins/OpenCCM/links/links.js b/ccm-cms/web/assets/xinha/plugins/OpenCCM/links/links.js
index fad19ad6a..e3e5265f1 100644
--- a/ccm-cms/web/assets/xinha/plugins/OpenCCM/links/links.js
+++ b/ccm-cms/web/assets/xinha/plugins/OpenCCM/links/links.js
@@ -20,7 +20,8 @@ OpenCCM.prototype.showLinkDialog = function(link)
                 type: 'internal',
                 ci_name: '',
                 ci_href: '',
-                href: ''
+                href: '',
+                target: ''
             };
 
     if (link && link.tagName.toLowerCase() == 'a')
@@ -46,6 +47,10 @@ OpenCCM.prototype.showLinkDialog = function(link)
             data.type = 'external';
             data.href = href;
         }
+        
+        if (link.target === "_blank") {
+            data.newWindow  = "on";
+        }
 
     }
 
@@ -97,9 +102,10 @@ OpenCCM.prototype.linkApply = function()
                 href: '',
                 alt: '',
                 title: '',
-                class: ''
+                class: '',
+                target: ''
             };
-
+            
     // Read needed form values
     switch (values.type)
     {
@@ -116,6 +122,9 @@ OpenCCM.prototype.linkApply = function()
             linkAttr.href = values.href;
             linkAttr.title = values.title;
             linkAttr.class = "linkExternal";
+            if (values.newWindow === "on") {
+                linkAttr.target = "_blank";
+            }
 
             // Make absolute url