Initial commit

Author: Dani3lSun

ISSUE_TEMPLATE.md

@@ -0,0 +1,16 @@
+### Expected behavior
+
+
+### Actual behavior
+
+
+### Steps to reproduce the issue
+
+
+### APEX version (4.2.6 / 5.0.3)
+
+
+### Used web server / version and platform (ORDS 3.0.3 / Tomcat 7 / Apache 2.4 / Linux x64)
+
+
+### Used web browser / version and platform (Chrome 48 Mac / Firefox 44 Windows)

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Daniel Hochleitner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -0,0 +1,39 @@
+# Oracle APEX Dynamic Action Plugin - APEX Tooltip
+A powerful, flexible APEX plugin enabling you to easily create semantic, modern tooltips. Using the open source JQuery plugin tooltipster.
+
+## Changelog
+### 1.0 - Initial Release
+
+## Install
+- Import plugin file "dynamic_action_plugin_de_danielh_apextooltip.sql" from source directory into your application
+- (Optional) Deploy the JS and CSS files from "server" directory on your webserver and change the "File Prefix" to webservers folder.
+
+## Plugin Settings
+The plugin settings are highly customizable and you can change:
+- **Theme** - APEX Tooltip theme (5 different themes to choose from)
+- **Content Text** - Content text of the tooltip
+- **Content with HTML** - If the content of the tooltip is provided as a string, it is displayed as plain text by default. If this content should actually be interpreted as HTML, set this option to true
+- **Animation** - Determines how the tooltip will animate in and out (Fade, Grow, Swing, Slide, Fall)
+- **Position** - Set the position of the tooltip (Top, Bottom, Left, Right, Top-Left, Top-Right, Bottom-Left, Bottom-Right)
+- **Trigger** - Set how tooltips should be activated and closed. Default 'hover'
+- **Delay** - Delay how long it takes (in milliseconds) for the tooltip to start animating in. Default 200ms.
+- **min Width** - Set a minimum width (in pixels) for the tooltip. Default: 0 (auto width)
+- **max Width** - Set a maximum width (in pixels) for the tooltip. Default: null (no max width)
+- **Logging** - Whether to log events in the console
+
+## How to use
+- Create a new Dynamic Action with event "onload" (other events also possible)
+- As action choose "APEX Tooltip".
+- Choose best fitting plugin attributes (help included)
+- Choose Affected Elements which tooltips are binded to (Items, Buttons, Regions or JQuery Selectors)
+
+## Plugin Events
+- **APEX Tooltip - on Show** - DA event to do things when a tooltip opens
+- **APEX Tooltip - on Hide** - DA event to do things when a tooltip closes
+
+## Demo Application
+[https://apex.oracle.com/pls/apex/f?p=APEXPLUGIN](https://apex.oracle.com/pls/apex/f?p=APEXPLUGIN)
+
+## Preview
+## ![](https://github.com/Dani3lSun/apex-plugin-apextooltip/blob/master/preview.gif)
+- [tooltipster](https://github.com/iamceege/tooltipster)

apexplugin.json

@@ -0,0 +1,34 @@
+{
+  "name" : "APEX Tooltip",
+  "version" : "1.0",
+  "description" : "A powerful, flexible APEX plugin enabling you to easily create semantic, modern tooltips.",
+  "keywords" : ["tooltip", "popover", "hover"],
+  "homepage" : "https://github.com/Dani3lSun/apex-plugin-apextooltip",
+  "bugs" : {
+    "url" : "https://github.com/Dani3lSun/apex-plugin-apextooltip/issues",
+    "email" : "daniel@danielh.de"
+  },
+  "license" : "MIT",
+  "author" : {
+    "name" : "Daniel Hochleitner",
+    "email" : "daniel@danielh.de",
+    "url" : "http://blog.danielh.de/"
+  },
+  "repository" : {
+    "type" : "git",
+    "url" : "https://github.com/Dani3lSun/apex-plugin-apextooltip.git"
+  },
+  "oracle" : {
+    "versions" : ["11.2.0.1", "12.1.0.1"],
+    "apex" : {
+      "versions" : ["5.0.0"],
+      "plugin" : {
+        "internalName" : "DE.DANIELH.APEXTOOLTIP",
+        "type" : "dynamic action",
+        "demo" : "https://apex.oracle.com/pls/apex/f?p=APEXPLUGIN",
+        "previewImage" : "https://raw.githubusercontent.com/Dani3lSun/apex-plugin-apextooltip/master/preview.gif"
+      }
+    }
+  }
+
+}

preview.gif

@@ -0,0 +1,12 @@
+.tooltipster-light {
+	border-radius: 5px; 
+	border: 1px solid #cccccc;
+	background: #ededed;
+	color: #666666;
+}
+.tooltipster-light .tooltipster-content {
+	font-family: Arial, sans-serif;
+	font-size: 14px;
+	line-height: 16px;
+	padding: 8px 10px;
+}

server/css/themes/tooltipster-light.css

@@ -0,0 +1,12 @@
+.tooltipster-noir {
+	border-radius: 0px; 
+	border: 3px solid #2c2c2c;
+	background: #fff;
+	color: #2c2c2c;
+}
+.tooltipster-noir .tooltipster-content {
+	font-family: 'Georgia', serif;
+	font-size: 14px;
+	line-height: 16px;
+	padding: 8px 10px;
+}

server/css/themes/tooltipster-noir.css

@@ -0,0 +1,12 @@
+.tooltipster-punk {
+	border-radius: 5px; 
+	border-bottom: 3px solid #f71169;
+	background: #2a2a2a;
+	color: #fff;
+}
+.tooltipster-punk .tooltipster-content {
+	font-family: 'Courier', monospace;
+	font-size: 14px;
+	line-height: 16px;
+	padding: 8px 10px;
+}

server/css/themes/tooltipster-punk.css

@@ -0,0 +1,12 @@
+.tooltipster-shadow {
+	border-radius: 5px;
+	background: #fff;
+	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
+	color: #2c2c2c;
+}
+.tooltipster-shadow .tooltipster-content {
+	font-family: 'Arial', sans-serif;
+	font-size: 14px;
+	line-height: 16px;
+	padding: 8px 10px;
+}