cyberweb 0.4.174

data/lib/cyberweb/javascript/javascript_bundle.rb

@@ -0,0 +1,223 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# Here we bundle all javascript code things into one file.
+#
+# This way, we can reuse those components more readily and
+# more easily.
+#
+# We will also use a listing here so we can cherry-pick what we like
+# to use quickly (sort alphabetically):
+#
+#   - chmod_displayer()
+#   - display_clock()
+#   - display_time()
+#   - show_cheerleader()
+#   - show_javascript_canvas()
+#   - javascript_box()
+#   - javascript_last_modified()
+#   - popup
+#
+# =========================================================================== #
+# require 'cyberweb/javascript/javascript_bundle.rb'
+# Cyberweb.display_time
+# =========================================================================== #
+module Cyberweb
+
+  require 'cyberweb/toplevel_methods/path.rb'
+
+  # ========================================================================= #
+  # === show_cheerleader
+  #
+  # Shows an ASCII cheerleader.
+  # ========================================================================= #
+  def show_cheerleader(
+      path_to_cheerleader_file = Cyberweb.path_to_data?+'CODE/javascript/cheerleader.js'
+    )
+    filename = 'cheerleader.js'
+    _ = path_to_cheerleader_file
+    _ << filename unless _[-filename.size, filename.size] == filename
+    ee self.load_javascript(_)
+  end
+
+  # ========================================================================= #
+  # === Cyberweb.chmod_displayer
+  #
+  # This display a cute little chmod page.
+  #
+  # The local javascript file for this is at:
+  #
+  #    bl /home/x/DATA/CODE/javascript/chmod_displayer.js
+  #
+  # ========================================================================= #
+  def self.chmod_displayer(
+      path_to_file = :default
+    )
+    case path_to_file
+    # ======================================================================= #
+    # === :default
+    # ======================================================================= #
+    when :default
+      path_to_file = ::Cyberweb.path_to_the_internal_javascript_directory?+
+                     'chmod_displayer.js'
+    end
+    filename = 'chmod_displayer.js'
+    _ = path_to_file
+    _ << filename unless _[-filename.size, filename.size] == filename
+    return self.load_javascript(_)+'
+    <form name="chmod">
+    <tabke BORDER="0" CELLSPACING="0" CELLPADDING="0" style="font:normal 12px Verdana";>
+    <tr ALIGN="LEFT" valign="MIDDLE">
+    <td>Permissions: </TD>
+    <td><input type="text" name="t_total" value="751" size="4" onKeyUp="octalchange()"> </TD>
+    <td><input type="text" name="sym_total" value="" size="12" READONLY="1" STYLE="border: 0px none;">
+    </td>
+    </tr>
+    </table>
+    <br>
+    <table cellpadding="2" cellspacing="0" border="0" style="font:normal 12px Verdana">
+    <tr bgcolor="#333333">
+    <td width="60" align="left"> </td>
+    <td width="55" align="center" style="color:white"><b>owner
+    </b></td>
+    <td width="55" align="center" style="color:white"><b>group
+    </b></td>
+    <td width="55" align="center" style="color:white"><b>other
+    <b></td>
+    </tr>
+    <tr bgcolor="#dddddd">
+    <td width="60" align="left" nowrap style="color:black" bgcolor="#FFFFFF">read</td>
+    <td width="55" align="center" bgcolor="#eeeeee">
+    <input type="checkbox" name="owner4" value="4" onclick="calc_chmod()">
+    </td>
+    <td width="55" align="center" bgcolor="#ffffff"><input type="checkbox" name="group4" value="4" onclick="calc_chmod()">
+    </td>
+    <td width="55" align="center" bgcolor="#eeeeee">
+    <input type="checkbox" name="other4" value="4" onclick="calc_chmod()">
+    </td>
+    </tr>
+    <tr bgcolor="#dddddd">		
+    <td width="60" align="left" nowrap style="color:black" bgcolor="#FFFFFF">write</td>
+    <td width="55" align="center" bgcolor="#eeeeee">
+    <input type="checkbox" name="owner2" value="2" onclick="calc_chmod()"></td>
+    <td width="55" align="center" bgcolor="#ffffff"><input type="checkbox" name="group2" value="2" onclick="calc_chmod()">
+    </td>
+    <td width="55" align="center" bgcolor="#eeeeee">
+    <input type="checkbox" name="other2" value="2" onclick="calc_chmod()">
+    </td>
+    </tr>
+    <tr bgcolor="#dddddd">		
+    <td width="60" align="left" nowrap style="color:black" bgcolor="#FFFFFF">execute</td>
+    <td width="55" align="center" bgcolor="#eeeeee">
+    <input type="checkbox" name="owner1" value="1" onclick="calc_chmod()">
+    </td>
+    <td width="55" align="center" bgcolor="#ffffff">
+    <input type="checkbox" name="group1" value="1" onclick="calc_chmod()">
+    </td>
+    <td width="55" align="center" bgcolor="#eeeeee">
+    <input type="checkbox" name="other1" value="1" onclick="calc_chmod()">
+    </td>
+    </tr>
+    </table>
+    </form>'
+  end
+
+  # ========================================================================= #
+  # === Cyberweb.display_time
+  #
+  # Simply display the time.
+  # ========================================================================= #
+  def self.display_time(
+      in_what_format = :javascript,
+      css_style      = ''
+    )
+    if in_what_format.is_a?(Hash) and in_what_format.has_key?(:css_style)
+      css_style = in_what_format.delete(:css_style)
+      in_what_format = :javascript
+    end
+    div('','clock',css_style) {
+      case in_what_format
+      when :javascript, :default
+        return_javascript "updateClock(); setInterval('updateClock()', 1000 )"
+      when :ruby
+        e Time.now.strftime('%H:%M:%S') 
+      end
+    }
+  end
+
+  # ========================================================================= #
+  # === output_javascript_bundle
+  # ========================================================================= #
+  def output_javascript_bundle(
+      optional_css = 'pad1em bblack1'
+    )
+    div(optional_css) {
+      ARRAY_JAVASCRIPT_METHODS.each_with_index {|entry, index|
+        index += 1
+        h3 index.to_s+') '+entry.to_s
+        send(entry)
+      }
+    }
+  end
+
+  # ========================================================================= #
+  # === find_script
+  #
+  # Not sure if we need this ... I think its intent was to find a
+  # certain .js file.
+  # ========================================================================= #
+  def find_script(i)
+    _ = case i
+    when 'timer','1'
+      _ = 'timer.js'
+    end
+    _
+  end
+
+  # ========================================================================= #
+  # === javascript_box
+  #
+  # This is for testing purposes only so far ...
+  # ========================================================================= #
+  def javascript_box
+    ejavascript '
+    function wechsel(box)
+    {
+      if (box.checked) { box.checked = false; }
+      else             { box.checked = true;  }
+    }'
+    ee '<form name="checkbox">
+    <input type="checkbox" name="box" checked="checked">
+    <a href="javascript:wechsel(document.checkbox.box)">
+    Box an/aus</a>'
+    cform
+    # javascript:wechsel(document.formularname.checkboxname)
+  end
+
+  # ========================================================================= #
+  # === show_javascript_canvas
+  #
+  # This will display a little Javascript Canvas.
+  #   Taken from: http://smoothiecharts.org/tutorial.html
+  # ========================================================================= #
+  def show_javascript_canvas
+    ee '<canvas id="mycanvas" width="400" height="100"></canvas>'
+    script_javascript "
+    // Random data
+    var line1 = new TimeSeries();
+    var line2 = new TimeSeries();
+
+    setInterval(function() {
+      line1.append(new Date().getTime(), Math.random());
+      line2.append(new Date().getTime(), Math.random());
+    }, 2600);
+
+    var smoothie = new SmoothieChart({ grid: { strokeStyle: 'rgb(125, 0, 0)', fillStyle: 'rgb(60, 0, 0)', lineWidth: 1, millisPerLine: 250, verticalSections: 6 } });
+    smoothie.addTimeSeries(line1, { strokeStyle: 'rgb(0, 255, 0)', fillStyle: 'rgba(0, 255, 0, 0.4)', lineWidth: 3 });
+    smoothie.addTimeSeries(line2, { strokeStyle: 'rgb(255, 0, 255)', fillStyle: 'rgba(255, 0, 255, 0.3)', lineWidth: 3 });
+   "+'
+   smoothie.streamTo(document.getElementById("mycanvas"), 1000);'
+  end
+
+end

data/lib/cyberweb/javascript/javascript_clock.rb

@@ -0,0 +1,69 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# require 'cyberweb/javascript/javascript_clock.rb'
+# =========================================================================== #
+module Cyberweb
+
+  # ========================================================================= #
+  # === display_clock                                             (clock tag)
+  #
+  # If you want to know the time, use this method.
+  #
+  # You can copy/paste this.
+  # ========================================================================= #
+  def display_clock(
+      css_class  = '',
+      the_id     = 'Clock',
+      css_style  = '',
+      javascript = ''
+    )
+    # ======================================================================= #
+    # === Handle blocks next
+    # ======================================================================= #
+    if block_given?
+      yielded = yield
+      case yielded
+      # ===================================================================== #
+      # === :larger_font_size
+      #
+      # For some reason this does not seem to work.
+      # ===================================================================== #
+      when :larger_font_size
+        if css_style.frozen?
+          css_style = css_style.to_s.dup
+        end
+        css_style << '; font-size: larger;'
+      end
+    end
+    self.javascript '
+clock_id = 0
+function UpdateClock() {
+  if(clock_id) {
+    clearTimeout(clock_id);
+    clock_id = 0;
+  }
+  date_object = new Date()
+  xxx = date_object.getSeconds()
+  if(xxx <10) {
+    xxx = "0"+xxx
+  }
+  document.FormClock.Time.value = ""+date_object.getHours()+":"+date_object.getMinutes()+":"+xxx
+  clock_id = setTimeout("UpdateClock()", 1000);
+}
+function StartClock() { clock_id = setTimeout("UpdateClock()", 500); }
+function KillClock()  { if(clock_id) { clearTimeout(clock_id); clock_id = 0; }}'
+    div(css_class, the_id, css_style, javascript){
+      self.javascript 'StartClock()' # Start our clock here.
+      # Give the form the name "FormClock" next.
+      e '<form name="FormClock">'
+      input(:text,'','pad5px s8px','Time',
+      'border:5px solid #040a17;width:150px;'\
+      'background-color: #daffbf;'+css_style,
+      'c')
+      cform
+    }
+  end; alias javascript_clock display_clock # === javascript_clock
+
+end

data/lib/cyberweb/javascript/javascript_last_modified.rb

@@ -0,0 +1,27 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# require 'cyberweb/javascript/javascript_last_modified.rb'
+# Cyberweb.javascript_last_modified
+# =========================================================================== #
+module Cyberweb
+
+  # ========================================================================= #
+  # === Cyberweb.javascript_last_modified
+  #
+  # Display when the document was last modified.
+  # ========================================================================= #
+  def self.javascript_last_modified(
+      text_to_display = 'Letzte Änderung am '
+    )
+    return_javascript '
+    datum = document.lastModified
+    day   = datum.slice(3,5)
+    month = datum.slice(0,2)
+    year  = datum.slice(6,10)
+    datum = "'+text_to_display+'"+day+"."+month+"."+year'
+    doc_write 'datum' # This used to be: document.write(datum)
+  end; self.instance_eval { alias last_modified? javascript_last_modified } # === Cyberweb.last_modified?
+
+end

data/lib/cyberweb/javascript/javascript_magic.rb

@@ -0,0 +1,150 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# === Cyberweb::JavascriptMagic
+#
+# This special class will translate between invalid (but simplified)
+# Javascript to valid Javascript. It is currently in use in the file
+# web_foundation.rb.
+# =========================================================================== #
+module Cyberweb # === Cyberweb::JavascriptMagic
+
+class JavascriptMagic
+
+  alias e puts
+
+  # ========================================================================= #
+  # === ARRAY_APPLY_JAVASCRIPT_MAGIC_ON_THESE_ELEMENTS
+  # ========================================================================= #
+  ARRAY_APPLY_JAVASCRIPT_MAGIC_ON_THESE_ELEMENTS = %w(
+    on_mouse_over_underline
+    popup
+    focus_and_select
+    redirect
+  )
+
+  # ========================================================================= #
+  # === Cyberweb::JavascriptMagic.is_included?
+  #
+  # Query to the above Array.
+  # ========================================================================= #
+  def self.is_included?(i)
+    ARRAY_APPLY_JAVASCRIPT_MAGIC_ON_THESE_ELEMENTS.include? i
+  end
+
+  # ========================================================================= #
+  # === initialize
+  # ========================================================================= #
+  def initialize(
+      i = nil
+    )
+    if i
+      assign_to_original_input(i.dup)
+      assign_to_string(@original_input)
+      translate
+    end
+  end
+
+  # ========================================================================= #
+  # === assign_to_original_input
+  # ========================================================================= #
+  def assign_to_original_input(i)
+    @original_input = i
+  end
+
+  # ========================================================================= #
+  # === assign_to_string
+  # ========================================================================= #
+  def assign_to_string(i) # use only this method when modifying @i.
+    @i = i.dup
+  end
+
+  # ========================================================================= #
+  # === translate
+  #
+  # This is the powerhorse of the class. It is automatically called
+  # whenever a new instance is made.
+  #
+  # Note that all the following .include? checks in the code below,
+  # must also be synced to the main ARRAY on top of this file.
+  # ========================================================================= #
+  def translate(
+      this_string = @i
+    ) # translate between the magic.
+    _ = this_string
+    assign_to_string(_)
+    # ======================================================================= #
+    # === underline
+    # ======================================================================= #
+    if _.include? 'on_mouse_over_underline'
+      @i.gsub!(/on_mouse_over_underline/,
+        'onmouseover="this.style.textDecoration=\'underline\';"')
+    end
+    # ======================================================================= #
+    # === popup
+    # ======================================================================= #
+    if _.include? 'popup'
+      @i.gsub!(/popup/, 'onclick="return popup(this.href)";')
+    end
+    # ======================================================================= #
+    # === focus_and_select
+    # ======================================================================= #
+    if _.include? 'focus_and_select'
+      @i.gsub!(/popup/, 'onclick="this.focus();this.select()";')
+    end
+    # ======================================================================= #
+    # === redirect
+    # ======================================================================= #
+    if _.include? 'redirect' # handle redirect syntactic sugar.
+      regex = /redirect_to\((.+)\)/
+      match_data_object = regex.match(@i)
+      match_data_object[1]
+      @i.gsub!(regex, 'window.location.href='+match_data_object[1]+';')
+    end
+    @i
+  end
+
+  # ========================================================================= #
+  # === _
+  # ========================================================================= #
+  def _ # Easier access method to query for the @i variable.
+    @i
+  end; alias translated? _ # === translated?
+
+  # ========================================================================= #
+  # === test
+  #
+  # The second argument determines whether we shall be verbose or
+  # whether we shall not.
+  # ========================================================================= #
+  def test(this_string, be_verbose = false)
+    case be_verbose
+    when :be_verbose
+      be_verbose = true
+    end
+    _ = this_string
+    assign_to_original_input(_)
+    translate(_)
+    if be_verbose
+      print "The string `#{_}` translates to: "
+    end
+    e @i
+    @i
+  end; alias test_this_string test # === test_this_string
+
+  # ========================================================================= #
+  # === Cyberweb::JavascriptMagic[]
+  # ========================================================================= #
+  def self.[](i)
+    new(i)
+  end
+
+end; end
+
+if __FILE__ == $PROGRAM_NAME
+  javascript_magic = Cyberweb::JavascriptMagic.new
+  javascript_magic.test_this_string "redirect_to('www.foobar.com')", :be_verbose
+  javascript_magic.test_this_string "popup", :be_verbose
+  javascript_magic.test_this_string 'on_mouse_over_underline', :be_verbose
+end # $CYBERWEB/javascript/javascript_magic.rb

data/lib/cyberweb/javascript/javascript_selectable.rb

@@ -0,0 +1,24 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+module Cyberweb
+
+  # ========================================================================= #
+  # === js_select_this_id
+  #
+  # Pass the id you wish to make selectable here.
+  #
+  # Complete usage example:
+  #
+  #   js_select_this_id(:slateblue)
+  #   ol id: 'selectable'
+  #
+  # ========================================================================= #
+  def js_select_this_id(id = '')
+    javascript_code '
+      $(function() { $( "#'+id.to_s+'" ).selectable(); });
+    '
+  end
+
+end

data/lib/cyberweb/javascript/jquery.rb

@@ -0,0 +1,30 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+module Cyberweb
+
+  require 'cyberweb/configuration/load_the_configuration_file.rb'
+
+  # ========================================================================= #
+  # === Cyberweb.download_latest_jquery
+  #
+  # This toplevel-method is a convenience method. It can be used to
+  # download the latest jquery version - at the least the latest
+  # one registered in the Cyberweb project.
+  #
+  # Usage example:
+  #
+  #   Cyberweb.download_latest_jquery
+  #
+  # ========================================================================= #
+  def self.download_latest_jquery
+    file = config_file?
+    jquery_version_string = YAML.load_file(file)['jquery_version']
+    jquery_url = "https://code.jquery.com/jquery-#{jquery_version_string}.js"
+    _ = "wget #{jquery_url}"
+    puts _
+    system _
+  end
+
+end

data/lib/cyberweb/javascript/on_click_change_opacity.rb

@@ -0,0 +1,97 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# require 'cyberweb/javascript/on_click_change_opacity.rb'
+# Cyberweb.on_click_make_darker(this_id, opacity = '0.90')
+# =========================================================================== #
+module Cyberweb
+
+  # ========================================================================= #
+  # === Cyberweb.return_on_click_change_opacity
+  #
+  # This will return a javascript-string.
+  #
+  # The second argument is for the "transparency" value (the opacity).
+  # ========================================================================= #
+  def self.return_on_click_change_opacity(
+      use_this_id                = 'pic',
+      which_opacity_value_to_use = '0.92'
+    )
+    which_opacity_value_to_use = which_opacity_value_to_use.to_s
+    # The id must be a string.
+    use_this_id = use_this_id.to_s.dup # Work on a copy.
+    unless use_this_id.start_with? '#'
+      use_this_id.prepend('#')
+    end
+    result = return_javascript("
+$(document).ready(function(){
+    $('"+use_this_id+"').click(function(){
+    opacity_value = $('"+use_this_id+"').css('opacity');
+    if (opacity_value == '1')
+      $('"+use_this_id+"').css('opacity', '"+which_opacity_value_to_use+"');
+    else
+      $('"+use_this_id+"').css('opacity', '1');
+  });
+});
+"+N)
+    return result
+  end; self.instance_eval { alias string_highlight return_on_click_change_opacity } # === Cyberweb.string_highlight
+
+  # ========================================================================= #
+  # === Cyberweb.on_click_make_darker
+  #
+  # The first argument should be the id in question.
+  # ========================================================================= #
+  def self.on_click_make_darker(
+      this_id, opacity = '0.90'
+    )
+    ::Cyberweb.return_on_click_change_opacity(this_id, opacity)
+  end
+
+  # ========================================================================= #
+  # === on_click_make_darker
+  #
+  # The first argument should be the id in question.
+  # ========================================================================= #
+  def on_click_make_darker(
+      this_id, opacity = '0.90'
+    )
+    ::Cyberweb.on_click_change_opacity(this_id, opacity)
+  end
+
+  # ========================================================================= #
+  # === return_on_click_change_opacity
+  # ========================================================================= #
+  def return_on_click_change_opacity(a = 'pic', b = '0.92')
+    Cyberweb.return_on_click_change_opacity(a, b)
+  end; alias string_highlight return_on_click_change_opacity # === string_highlight
+
+  # ========================================================================= #
+  # === on_click_change_opacity                               (highlight tag)
+  #
+  # Use this method to change the opacity value of a html tag.
+  #
+  # The input to this method should be the specific ID of that tag.
+  #
+  # Note that we will use jQuery for this.
+  #
+  # Specific usage examples:
+  #
+  #   on_click_change_opacity '#foobar'
+  #   on_click_change_opacity '#foobar','0.5'
+  #
+  # ========================================================================= #
+  def on_click_change_opacity(
+      use_this_id                = 'pic',
+      which_opacity_value_to_use = '0.92'
+    )
+    return_on_click_change_opacity(
+      use_this_id,
+      which_opacity_value_to_use
+    )
+  end; alias on_click_highlight on_click_change_opacity # === on_click_highlight
+       alias highlight_tag      on_click_change_opacity # === highlight_tag
+       alias highlight          on_click_change_opacity # === highlight
+
+end

data/lib/cyberweb/javascript/on_click_hide.rb

@@ -0,0 +1,63 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+module Cyberweb
+
+  # ========================================================================= #
+  # === on_click_hide
+  #
+  # Use this method to hide a html tag.
+  #
+  # The input should be that specific tag, such as 'p'.
+  #
+  # You can also pass in something such as 'id: foo' which will
+  # connect the on_click_hide action towards a specific ID.
+  #
+  # Alternatively, a leading '#' means that we refer to a particular
+  # ID as well.
+  #
+  # Note that we will use jQuery for this functionality. There exists
+  # another way, which is the jQuery class selector. This one finds
+  # elements with a specific class.
+  #
+  # To find elements with a specific class rather than an id="" entry,
+  # write a period character aka '.', followed by the name of the
+  # class in question.
+  #
+  # Specific Example:
+  #
+  #   on_click_hide '.test'
+  #
+  # This would hide things such as:
+  #
+  #   <h2 class="test">This is a heading</h2>
+  #
+  # Specific usage example:
+  #
+  #   on_click_hide 'p'
+  #   on_click_hide 'id: test'
+  #   on_click_hide 'id: skeleton_desert'
+  #
+  # ========================================================================= #
+  def on_click_hide(
+      this_tag = 'p'
+    )
+    if this_tag.is_a?(String) and this_tag.include?('id:')
+      this_tag = { id: this_tag.gsub(/id:/,'').strip }
+    end
+    if this_tag.is_a? Hash
+      if this_tag.has_key? :id
+        this_tag = '#'+this_tag.delete(:id)
+      end
+    end
+    this_tag = this_tag.to_s
+    embed_javascript '
+$(document).ready(function(){
+    $("'+this_tag+'").click(function(){
+        $(this).hide();
+    });
+});'+N
+  end
+
+end