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
 
# 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)

  @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) {
        return Opal.gvars.page.$link_clicked($(this).attr('href'), event);
      });
    }
  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

#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

#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 



131
132
133
134
135
 
# File 'lib/volt/page/page.rb', line 131

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 



144
145
146
147
 
# File 'lib/volt/page/page.rb', line 144

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

#add_template(name, template, bindings) ⇒ Object 



137
138
139
140
141
142
 
# File 'lib/volt/page/page.rb', line 137

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



109
110
111
 
# File 'lib/volt/page/page.rb', line 109

def binding_name
  'page'
end

#channel ⇒ Object 



117
118
119
120
121
122
123
124
125
 
# File 'lib/volt/page/page.rb', line 117

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

#flash ⇒ Object 



68
69
70
 
# File 'lib/volt/page/page.rb', line 68

def flash
  @flash ||= ReactiveValue.new(Model.new({}, persistor: Persistors::Flash))
end

#launch_console ⇒ Object 



113
114
115
 
# File 'lib/volt/page/page.rb', line 113

def launch_console
  puts "Launch Console"
end

#link_clicked(url = '', event = nil) ⇒ Object 



84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
 
# File 'lib/volt/page/page.rb', line 84

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

  # Normalize url
  # Benchmark.bm(1) do
  if @url.parse(url)
    if event
      # Handled new url
      `event.stopPropagation();`
    end

    # Clear the flash
    flash.clear

    # return false to stop the event propigation
    return false
  end
  # end

  # Not stopping, process link normally
  return true
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.



177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
 
# File 'lib/volt/page/page.rb', line 177

def load_stored_page
  if Volt.client?
    if `sessionStorage`
      page_obj_str = nil

      `page_obj_str = sessionStorage.getItem('___page');`
      `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

#local_store ⇒ Object 



76
77
78
 
# File 'lib/volt/page/page.rb', line 76

def local_store
  @local_store ||= ReactiveValue.new(Model.new({}, persistor: Persistors::LocalStore))
end

#start ⇒ Object 



149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
 
# File 'lib/volt/page/page.rb', line 149

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(self, 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(self, title_target, main_controller, "main", "home/index/index/title")

  # TODO: this dom ready should really happen in the template renderer
  main_controller.dom_ready if main_controller.respond_to?(:dom_ready)
end

#store ⇒ Object 



72
73
74
 
# File 'lib/volt/page/page.rb', line 72

def store
  @store ||= ReactiveValue.new(Model.new({}, persistor: Persistors::StoreFactory.new(tasks)))
end

#tasks ⇒ Object 



80
81
82
 
# File 'lib/volt/page/page.rb', line 80

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