Class: Page

Inherits:
Object show all
Defined in:
lib/volt/page/page.rb

Instance Attribute Summary collapse

Instance Method Summary collapse

Constructor Details

#initialize ⇒ Page

Returns a new instance of Page.



37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
# File 'lib/volt/page/page.rb', line 37

def initialize

  # debugger
  puts "------ Page Loaded -------"
  @model_classes = {}
  
  # Run the code to setup the page
  @page = ReactiveValue.new(Model.new)
  @flash = ReactiveValue.new(Model.new({}, persistor: Persistors::Flash))
  @store = ReactiveValue.new(Model.new({}, persistor: Persistors::StoreFactory.new(tasks)))
  
  @url = ReactiveValue.new(URL.new)
  @params = @url.params
  @url_tracker = UrlTracker.new(self)

  @events = DocumentEvents.new
  @draw_cycle = DrawCycle.new
  
  if RUBY_PLATFORM == 'opal'
    # Setup escape binding for console
    %x{
      $(document).keyup(function(e) {
        if (e.keyCode == 27) {
          Opal.gvars.page.$launch_console();
        }
      });
    
      $(document).on('click', 'a', function(event) {        
        Opal.gvars.page.$link_clicked($(this).attr('href'));
        event.stopPropagation();
      
        return false;
      });
    }
  end
end

Instance Attribute Details

#draw_cycle ⇒ Object (readonly)

Returns the value of attribute draw_cycle.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def draw_cycle
  @draw_cycle
end

#events ⇒ Object (readonly)

Returns the value of attribute events.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def events
  @events
end

#flash ⇒ Object (readonly)

Returns the value of attribute flash.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def flash
  @flash
end

#page ⇒ Object (readonly)

Returns the value of attribute page.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def page
  @page
end

#params ⇒ Object (readonly)

Returns the value of attribute params.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def params
  @params
end

#routes ⇒ Object (readonly)

Returns the value of attribute routes.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def routes
  @routes
end

#store ⇒ Object (readonly)

Returns the value of attribute store.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def store
  @store
end

#templates ⇒ Object (readonly)

Returns the value of attribute templates.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def templates
  @templates
end

#url ⇒ Object (readonly)

Returns the value of attribute url.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def url
  @url
end

Instance Method Details

#add_model(model_name) ⇒ Object 



115
116
117
118
119
 
# File 'lib/volt/page/page.rb', line 115

def add_model(model_name)
  # puts "ADD MODEL: #{model_name.inspect} - #{model_name.camelize.inspect}"
  
  @model_classes[["*", "_#{model_name}"]] = Object.const_get(model_name.camelize)
end

#add_routes(&block) ⇒ Object 



128
129
130
131
 
# File 'lib/volt/page/page.rb', line 128

def add_routes(&block)
  @routes = Routes.new.define(&block)
  @url.cur.router = @routes
end

#add_template(name, template, bindings) ⇒ Object 



121
122
123
124
125
126
 
# File 'lib/volt/page/page.rb', line 121

def add_template(name, template, bindings)
  # puts "Add Template: #{name}\n#{template.inspect}\n#{bindings.inspect}"
  @templates ||= {}
  @templates[name] = {'html' => template, 'bindings' => bindings}
  # puts "Add Template: #{name}"
end

#binding_name ⇒ Object

We provide a binding_name, so we can bind events on the document



93
94
95
 
# File 'lib/volt/page/page.rb', line 93

def binding_name
  'page'
end

#channel ⇒ Object 



101
102
103
104
105
106
107
108
109
 
# File 'lib/volt/page/page.rb', line 101

def channel
  @channel ||= begin
    if Volt.client?
      ReactiveValue.new(Channel.new)
    else
      ReactiveValue.new(ChannelStub.new)
    end
  end
end

#launch_console ⇒ Object 



97
98
99
 
# File 'lib/volt/page/page.rb', line 97

def launch_console
  puts "Launch Console"
end

#link_clicked(url) ⇒ Object 



78
79
80
81
82
83
84
85
86
87
88
89
90
 
# File 'lib/volt/page/page.rb', line 78

def link_clicked(url)
  # Skip when href == ''
  return if url.blank?

  # Normalize url
  # Benchmark.bm(1) do
    host = `document.location.host`
    @url.parse("http://#{host}" + url)
  # end
  
  # Clear the flash
  flash.clear
end

#load_stored_page ⇒ Object

When the page is reloaded from the backend, we store the $page.page, so we can reload the page in the exact same state. Speeds up development.



158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
 
# File 'lib/volt/page/page.rb', line 158

def load_stored_page
  if Volt.client?
    if `sessionStorage`
      page_obj_str = nil
      
      `page_obj_str = sessionStorage.getItem('___page');`
      `console.log(page_obj_str);`
      `if (page_obj_str) {`
        `sessionStorage.removeItem('___page');`

        JSON.parse(page_obj_str).each_pair do |key, value|
          self.page.send(:"#{key}=", value)
        end
      `}`
    end
  end
rescue => e
  puts "Unable to restore: #{e.inspect}"
end

#start ⇒ Object 



133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
 
# File 'lib/volt/page/page.rb', line 133

def start
  # Setup to render template
  Element.find('body').html = "<!-- $CONTENT --><!-- $/CONTENT -->"

  load_stored_page

  # Do the initial url params parse
  @url_tracker.url_updated(true)

  main_controller = IndexController.new

  # Setup main page template
  TemplateRenderer.new(DomTarget.new, main_controller, 'CONTENT', 'home/index/index/body')

  # Setup title listener template
  title_target = AttributeTarget.new
  title_target.on('changed') do
    title = title_target.to_html
    `document.title = title;`
  end
  TemplateRenderer.new(title_target, main_controller, "main", "home/index/index/title")
end

#tasks ⇒ Object 



74
75
76
 
# File 'lib/volt/page/page.rb', line 74

def tasks
  @tasks ||= Tasks.new(self)
end