cyberweb 0.4.174

data/lib/cyberweb/javascript/popup.rb

@@ -0,0 +1,80 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# require 'cyberweb/javascript/popup.rb'
+# =========================================================================== #
+module Cyberweb
+ 
+  # ========================================================================= #
+  # === alert
+  # ========================================================================= #
+  def alert(
+      msg_to_display = 'Alert!'
+    )
+    popup(msg_to_display, :alert)
+  end
+
+  # ========================================================================= #
+  # === Cyberweb.popup
+  #
+  # This method will make a javascript popup "box". By default, we will
+  # use the alert-box.
+  #
+  # JavaScript has three kind of "popup" boxes:
+  #
+  #   (1) Alert   box
+  #   (2) Confirm box
+  #   (3) Prompt  box
+  #
+  # Do note that we can not style these boxes, unfortunately.
+  #
+  # You can implement a custom popup widget though, by e. g.
+  # using a div, and popping that one up. 
+  #
+  # Usage examples:
+  #
+  #   popup 'Something has happened.', :alert
+  #   popup 'Something has happened.', :confirm
+  #   popup 'Something has happened.', :prompt
+  #
+  # ========================================================================= #
+  def self.popup(
+      msg_to_display = 'Hello World!',
+      type           = :alert
+    )
+    _ = 
+    case type # case tag
+    # ======================================================================= #
+    # === :alert
+    # ======================================================================= #
+    when :alert, '1',
+         :default
+      'window.alert("'+msg_to_display.delete('"')+'");'
+    # ======================================================================= #
+    # === :confirm
+    # ======================================================================= #
+    when :confirm, '2'
+      'window.confirm("'+msg_to_display+'");'
+    # ======================================================================= #
+    # === :prompt
+    # ======================================================================= #
+    when :prompt, '3' # Second argument is the default value.
+      'var user_input = prompt("'+msg_to_display+'","Hello World");'
+    end
+    return javascript(_)
+  end; self.instance_eval { alias msg     popup } # === Cyberweb.msg
+       self.instance_eval { alias message popup } # === Cyberweb.message
+
+  # ========================================================================= #
+  # === popup
+  # ========================================================================= #
+  def popup(
+      a = 'Hello World!',
+      b = :default
+    )
+    ::Cyberweb.popup(a, b)
+  end; alias msg     popup # === msg
+       alias message popup # === message
+
+end

data/lib/cyberweb/javascript/print_javascript.rb

@@ -0,0 +1,33 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# require 'cyberweb/javascript/print_javascript.rb'
+# =========================================================================== #
+module Cyberweb
+
+  # ========================================================================= #
+  # === Cyberweb.print_javascript
+  #
+  # This will print our javascript.
+  # ========================================================================= #
+  def self.print_javascript(i)
+    ee return_javascript(i)
+  end; self.instance_eval { alias pjavascript       print_javascript } # === Cyberweb.pjavascript
+       self.instance_eval { alias ee_jscode         print_javascript } # === Cyberweb.ee_jscode
+       self.instance_eval { alias output_javascript print_javascript } # === Cyberweb.output_javascript
+       self.instance_eval { alias output_js         print_javascript } # === Cyberweb.output_js
+
+  # ========================================================================= #
+  # === print_javascript
+  #
+  # This will print our javascript.
+  # ========================================================================= #
+  def print_javascript(i)
+    ::Cyberweb.print_javascript(i)
+  end; alias pjavascript       print_javascript # === pjavascript
+       alias ee_jscode         print_javascript # === ee_jscode
+       alias output_javascript print_javascript # === output_javascript
+       alias output_js         print_javascript # === output_js
+
+end

data/lib/cyberweb/javascript/registered_javascript_methods.rb

@@ -0,0 +1,30 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+module Cyberweb
+
+  # ========================================================================= #
+  # === ARRAY_JAVASCRIPT_METHODS
+  #
+  # Register all javascript-related methods here into this Array.
+  #
+  # If you wish to make use of them in your code, do this:
+  #
+  #   ARRAY_JAVASCRIPT_METHODS.each {|entry| send(entry) }
+  # ========================================================================= #
+  ARRAY_JAVASCRIPT_METHODS = [
+
+    :chmod_displayer,
+    :display_clock,
+    :display_time,
+    :popup,
+    :show_cheerleader,
+    :show_javascript_canvas,
+    :doc_write,
+    :javascript_box,
+    :javascript_last_modified
+
+  ]
+
+end

data/lib/cyberweb/javascript/resize.rb

@@ -0,0 +1,28 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+module Cyberweb
+
+  require 'cyberweb/toplevel_methods/registered_ids.rb'
+
+  # ========================================================================= #
+  # === javascript_resize 
+  # ========================================================================= #
+  def javascript_resize(
+      this_id
+    )
+    this_id = this_id.to_s
+    case this_id # Treat a few IDs in a special.
+    when 'last','last_id','last_id_used','last_image'
+      this_id = @array_registered_ids[-1] if ARRAY_REGISTERED_IDS.size > 0
+    end
+    # ======================================================================= #
+    # Next we output the javascript-code from jquery that enables the
+    # resizable-action.
+    # ======================================================================= #
+    ee_jscode '$(function() { $( "#'+this_id+'" ).resizable();});'
+  end; alias javascript_resize_this_id     javascript_resize # === javascript_resize_this_id
+       alias javascript_resize_for_this_id javascript_resize # === javascript_resize_for_this_id
+
+end

data/lib/cyberweb/javascript/return_javascript.rb

@@ -0,0 +1,48 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# require 'cyberweb/javascript/return_javascript.rb'
+# =========================================================================== #
+module Cyberweb
+
+  # ========================================================================= #
+  # === Cyberweb.return_javascript                   (javascript tag, js tag)
+  #
+  # Return a <script> tag, with content.
+  #
+  # This method will "generate" javascript code.
+  #
+  # We will use some macro-magic here, to make our life easier when
+  # generating this javascript code. The class JavascriptMagic is
+  # responsible for this - it beautifies some javascript for us.
+  #
+  # Please note that strictly speaking, the type="text/javascript" part
+  # is no longer required as part of the <script> tag, as JavaScript
+  # is the default scripting language in all modern browsers and in
+  # HTML5. In the past I used to specify it like this:
+  #
+  #   return '<script type="text/javascript">'+input+'</script>'+N
+  #
+  # But I removed this completely in April 2019.
+  #
+  # Some (more or less useful) examples for using this method, as
+  # a method on the web_object:
+  #
+  #   .javascript = "window.location.href='comments.cgi';"
+  #   .javascript = "(5).times(function() {document.write('hello')});"
+  #   .javascript = 'alert("Return Value of ary.pop() is ");'
+  #   .javascript = 'intercept_spacebar();'
+  #  w.javascript = 'bkLib.onDomLoaded(nicEditors.allTextAreas);'
+  #
+  # ========================================================================= #
+  def self.return_javascript(input)
+    return "\n<script>\n\n#{input}\n</script>\n"
+  end; self.instance_eval { alias javascript=            return_javascript } # === Cyberweb.javascript=
+       self.instance_eval { alias js=                    return_javascript } # === Cyberweb.js=
+       self.instance_eval { alias javascript             return_javascript } # === Cyberweb.javascript
+       self.instance_eval { alias js                     return_javascript } # === Cyberweb.js
+       self.instance_eval { alias return_javascript_code return_javascript } # === Cyberweb.return_javascript_code
+       # alias    script_javascript return_javascript
+
+end

data/lib/cyberweb/javascript/scroll.rb

@@ -0,0 +1,17 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+module Cyberweb
+
+  # ========================================================================= #
+  # === javascript_scroll
+  #
+  # This method will make use of jquery scroll.
+  #
+  # Not implemented yet.
+  # ========================================================================= #
+  def javascript_scroll
+  end
+
+end

data/lib/cyberweb/javascript/snoweffect.rb

@@ -0,0 +1,122 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+module Cyberweb
+
+  # ========================================================================= #
+  # === snoweffect
+  #
+  # This can be used to make a snowflake effect..
+  #
+  # Complete usage example:
+  #
+  #   ee '<canvas id="snowflakes"></canvas>'
+  #   snoweffect
+  #
+  # ========================================================================= #
+  def snoweffect(
+      drawing_interval = 40,
+      use_this_id      = 'snowflakes',
+      use_n_particles  = 100
+    )
+    canvas '','snowflakes' # This canvas holds the snowflakes.
+    the_code = <<-EOF
+window.onload = function(){
+
+	// canvas init - we refer to it
+	var canvas = document.getElementById("#{use_this_id}");
+	var ctx = canvas.getContext("2d");
+	
+	// canvas dimensions
+	var W = window.innerWidth;
+	var H = window.innerHeight;
+	canvas.width = W;
+	canvas.height = H;
+	
+	//snowflake particles
+	var mp = #{use_n_particles}; //max particles
+	var particles = [];
+	for(var i = 0; i < mp; i++)
+	{
+		particles.push({
+			x: Math.random()*W, //x-coordinate
+			y: Math.random()*H, //y-coordinate
+			r: Math.random()*4+1, //radius
+			d: Math.random()*mp //density
+		})
+	}
+	
+	//Lets draw the flakes
+	function draw()
+	{
+		ctx.clearRect(0, 0, W, H);
+
+		ctx.fillStyle = "rgba(255, 255, 255, 0.8)";
+		ctx.beginPath();
+		for(var i = 0; i < mp; i++)
+		{
+			var p = particles[i];
+			ctx.moveTo(p.x, p.y);
+			ctx.arc(p.x, p.y, p.r, 0, Math.PI*2, true);
+		}
+		ctx.fill();
+		update();
+	}
+
+	// Function to move the snowflakes
+	// angle will be an ongoing incremental flag. Sin and Cos
+	// functions will be applied to it to create vertical and
+	// horizontal movements of the flakes
+	var angle = 0;
+	function update()
+	{
+		angle += 0.01;
+		for(var i = 0; i < mp; i++)
+		{
+			var p = particles[i];
+			// Updating X and Y coordinates
+			// We will add 1 to the cos function to prevent negative values
+			// which will lead flakes to move upwards
+			//
+			// Every particle has its own density which can be
+			// used to make the downward movement different for each
+			// flake
+			// Lets make it more random by adding in the radius
+			p.y += Math.cos(angle+p.d) + 1 + p.r/2;
+			p.x += Math.sin(angle) * 2;
+
+			// Sending flakes back from the top when it exits
+			// Lets make it a bit more organic and let flakes enter from the left and right also.
+			if(p.x > W+5 || p.x < -5 || p.y > H)
+			{
+				if(i%3 > 0) //66.67% of the flakes
+				{
+					particles[i] = {x: Math.random()*W, y: -10, r: p.r, d: p.d};
+				}
+				else
+				{
+					//If the flake is exitting from the right
+					if(Math.sin(angle) > 0)
+					{
+						//Enter from the left
+						particles[i] = {x: -5, y: Math.random()*H, r: p.r, d: p.d};
+					}
+					else
+					{
+						//Enter from the right
+						particles[i] = {x: W+5, y: Math.random()*H, r: p.r, d: p.d};
+					}
+				}
+			}
+		}
+	}
+
+	// animation loop
+	setInterval(draw, #{drawing_interval});
+}
+EOF
+    return javascript_code(the_code)
+  end; alias snowflakes snoweffect # === snowflakes
+
+end

data/lib/cyberweb/javascript_code/README.md

@@ -0,0 +1,6 @@
+This directory may contain javascript code that could be useful
+for other people.
+
+A requirement is that the javascript code stored here is extensively
+documented - or, at the least, sufficiently documented. It should
+also be somewhat useful.

data/lib/cyberweb/javascript_code/chmod_displayer.js

@@ -0,0 +1,74 @@
+function octalchange() 
+{
+	var val = document.chmod.t_total.value;
+	var ownerbin = parseInt(val.charAt(0)).toString(2);
+	while (ownerbin.length<3) {
+	  ownerbin="0"+ownerbin;
+	};
+	var groupbin = parseInt(val.charAt(1)).toString(2);
+	while (groupbin.length<3) {
+	  groupbin="0"+groupbin;
+	};
+	var otherbin = parseInt(val.charAt(2)).toString(2);
+	while (otherbin.length<3) {
+	  otherbin="0"+otherbin;
+	};
+	document.chmod.owner4.checked = parseInt(ownerbin.charAt(0)); 
+	document.chmod.owner2.checked = parseInt(ownerbin.charAt(1));
+	document.chmod.owner1.checked = parseInt(ownerbin.charAt(2));
+	document.chmod.group4.checked = parseInt(groupbin.charAt(0)); 
+	document.chmod.group2.checked = parseInt(groupbin.charAt(1));
+	document.chmod.group1.checked = parseInt(groupbin.charAt(2));
+	document.chmod.other4.checked = parseInt(otherbin.charAt(0)); 
+	document.chmod.other2.checked = parseInt(otherbin.charAt(1));
+	document.chmod.other1.checked = parseInt(otherbin.charAt(2));
+	calc_chmod(1);
+};
+
+function calc_chmod(nototals)
+{
+  var users = new Array("owner", "group", "other");
+  var totals = new Array("","","");
+  var syms = new Array("","","");
+
+	for (var i=0; i<users.length; i++)
+	{
+	  var user=users[i];
+		var field4 = user + "4";
+		var field2 = user + "2";
+		var field1 = user + "1";
+		//var total = "t_" + user;
+		var symbolic = "sym_" + user;
+		var number = 0;
+		var sym_string = "";
+	
+		if (document.chmod[field4].checked == true) { number += 4; }
+		if (document.chmod[field2].checked == true) { number += 2; }
+		if (document.chmod[field1].checked == true) { number += 1; }
+	
+		if (document.chmod[field4].checked == true) {
+			sym_string += "r";
+		} else {
+			sym_string += "-";
+		}
+		if (document.chmod[field2].checked == true) {
+			sym_string += "w";
+		} else {
+			sym_string += "-";
+		}
+		if (document.chmod[field1].checked == true) {
+			sym_string += "x";
+		} else {
+			sym_string += "-";
+		}
+
+		//if (number == 0) { number = ""; }
+	  //document.chmod[total].value = 
+		totals[i] = totals[i]+number;
+		syms[i] =  syms[i]+sym_string;
+	
+  };
+	if (!nototals) document.chmod.t_total.value = totals[0] + totals[1] + totals[2];
+	document.chmod.sym_total.value = "-" + syms[0] + syms[1] + syms[2];
+}
+window.onload = octalchange;