Class: Cyberweb::Vue

Inherits:
Base
  • Object
show all
Defined in:
lib/cyberweb/vue/vue.rb

Overview

Cyberweb::Vue

Constant Summary

Constants inherited from Base

Base::HOME_DIRECTORY_OF_THE_USER_X, Base::NAMESPACE

Class Method Summary collapse

Instance Method Summary collapse

Methods inherited from Base

#be_verbose, #be_verbose?, #cascading_style_sheets_directory?, #cd, #commandline_mode?, #copyright?, #css_comment, #delete_directory, #do_toggle, #e, #echo_raw, #filename?, #full_path_to_image_directory?, #html_colours?, #html_image, #htmlentities, #img_dir?, #infer_the_namespace, #initialize_the_configuration, #is_a_file?, #is_a_video_file?, #is_an_image_file?, #is_on_roebe?, #last_tag_used?, #last_tag_used_first_element?, #last_tag_used_id?, #mkdir, #mode?, #namespace?, #open_in_browser, #opne, #opnn, #remove_comments_from_this_string_but_preserve_CSS_rules, #remove_html, #return_all_directories, #return_date, #return_program_name, #return_pwd, #ruby_header?, #server_base_directory?, #set_commandline_mode, #set_last_tag_used, #update_the_image_directory, #use_this_relative_directory_for_custom_images?, #www_mode?

Methods included from BaseModule::FileRelatedFunctionality

#copy_this_file, #cpr, #delete_file, #filename_without_extension?, #read_file_via_utf8_encoding

Methods included from BaseModule

#attach_these_constants, #base_dir?, #beautiful_url, #cd, #create_the_internal_hash, #doctype?, #ee, #ensure_main_encoding, #esystem, #html_templates, #initialize_the_config_if_the_config_hash_is_empty, #internal_hash?, #log_dir?, #no_http, #random_alphabet_characters, #rarrow?, #rds, #remove_comments_from_this_string, #remove_numbers, #require_the_html_templates, #require_these, #return_file_size_in_kb_of, #return_html_comment, #ruby_sitelib_dir?, #sanitize_this_id, #server_base_directory?, #string_remote_image, #today?, #try_to_require_rack, #try_to_require_the_open_gem, #write_what_into

Methods included from BaseModule::ContentType

#content_type_is_html, #content_type_is_jpeg, #content_type_is_json, #content_type_is_plain_text

Methods included from BaseModule::CommandlineArguments

#append_to_the_commandline_arguments, #commandline_arguments?, #first_argument?, #parse_these_commandline_arguments, #second_argument?, #set_commandline_arguments

Methods included from BaseModule::Colours

#all_html_colours, #lightgreen, #rev, #sdir, #sfancy, #sfile, #simp, #steelblue, #tomato

Constructor Details

#initialize(commandline_arguments = nil, run_already = true) ⇒ Vue

#

initialize

#


18
19
20
21
22
23
24
25
26
27
# File 'lib/cyberweb/vue/vue.rb', line 18

def initialize(
    commandline_arguments = nil,
    run_already           = true
  )
  reset
  set_commandline_arguments(
    commandline_arguments
  )
  run if run_already
end

Class Method Details

.[](i = '') ⇒ Object

#

Cyberweb::Vue[]

#


75
76
77
# File 'lib/cyberweb/vue/vue.rb', line 75

def self.[](i = '')
  new(i)
end

Instance Method Details

#output_the_resultObject

#

output_the_result

#


40
41
42
# File 'lib/cyberweb/vue/vue.rb', line 40

def output_the_result
  ee @result
end

#resetObject

#

reset (reset tag)

#


32
33
34
35
# File 'lib/cyberweb/vue/vue.rb', line 32

def reset
  super()
  infer_the_namespace
end

#runObject

#

run (run tag)

#


47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
# File 'lib/cyberweb/vue/vue.rb', line 47

def run
  # ======================================================================= #
  # === @name_of_the_variable
  # ======================================================================= #
  @name_of_the_variable = 'app4'
  # ======================================================================= #
  # === @use_this_id
  # ======================================================================= #
  @use_this_id = 'app-4'
  # ======================================================================= #
  # === @result
  # ======================================================================= #
  @result = "var #{@name_of_the_variable} = new Vue({
el: '#'+@use_this_id.to_s+'',
data: {
  todos: [
    { text: 'Learn JavaScript' },
    { text: 'Learn Vue' },
    { text: 'Build something awesome' }
  ]
}
})"
  output_the_result
end