Final demo code exported from anvil.

Author: mikeckennedy

days/85-87-full-stack-easy/demos/README.md

@@ -0,0 +1,9 @@
+package_name: pypoint100days
+name: pypoint-100days
+startup_form: HomeForm
+renamed: true
+runtime_options: {server_version: python2-sandbox}
+services:
+- source: /runtime/services/tables.yml
+  client_config: {}
+  server_config: {auto_create_missing_columns: false}

days/85-87-full-stack-easy/pypoint-100days/anvil.yaml

@@ -0,0 +1,44 @@
+from anvil import *
+import anvil.server
+import tables
+from tables import app_tables
+import utilities
+
+class AddDocForm (AddDocFormTemplate):
+  def __init__(self, **properties):
+    # You must call self.init_components() before doing anything else in this function
+    self.init_components(**properties)
+
+    # Any code you write here will run when the form opens.
+    self.drop_down_categories.items = [('select a category', None)] +  [(c, c) for c in utilities.categories]
+    self.label_errors.text = ""
+
+  def button_save_click (self, **event_args):
+    errors = self.validate()
+    if errors:
+      self.label_errors.text = "\n".join(errors)
+      return
+    
+    name = self.text_box_doc_name.text.strip()
+    category = self.drop_down_categories.selected_value
+    contents = self.text_area_contents.text.strip()
+    
+    utilities.create_doc(name, category, contents)
+    utilities.go_home()
+    
+  
+  def validate(self):
+    self.label_errors.text = ""
+    errors = []
+    if not self.text_box_doc_name.text or not self.text_box_doc_name.text.strip():
+      errors.append('Document name is required')
+    
+    if not self.drop_down_categories.selected_value:
+      errors.append('Document category is required')
+    
+    if not self.text_area_contents.text or not self.text_area_contents.text.strip():
+      errors.append('Cannot create empty documents')
+      
+    return errors
+
+

days/85-87-full-stack-easy/pypoint-100days/forms/AddDocForm.py

@@ -0,0 +1,65 @@
+container:
+  type: ColumnPanel
+  properties: {col_widths: '{"JOCGQM":15,"WPNYAI":45,"GQHPEC":15,"SSLEBU":45}'}
+components:
+- type: Label
+  properties: {role: null, width: default, align: center, border: '', foreground: '',
+    visible: true, text: Add a new document, font_size: 28, font: '', spacing_above: small,
+    icon_align: left, spacing_below: small, italic: false, background: '', bold: true,
+    underline: false, icon: ''}
+  name: label_subtitle
+  layout_properties: {grid_position: 'IIGYZM,LRYSUF'}
+- type: Label
+  properties: {role: null, width: default, align: left, border: '', foreground: '',
+    visible: true, text: Document name, font_size: null, font: '', spacing_above: small,
+    icon_align: left, spacing_below: small, italic: false, background: '', bold: true,
+    underline: false, icon: ''}
+  name: label_1
+  layout_properties: {grid_position: 'XYEAKB,JOCGQM'}
+- type: TextBox
+  properties: {role: null, width: default, align: left, hide_text: false, placeholder: document name,
+    border: '', enabled: true, foreground: '', visible: true, text: '', font_size: null,
+    font: '', spacing_above: small, type: text, spacing_below: small, italic: false,
+    background: '', bold: false, underline: false}
+  name: text_box_doc_name
+  layout_properties: {grid_position: 'XYEAKB,WPNYAI'}
+- type: Label
+  properties: {role: null, width: default, align: left, border: '', foreground: '',
+    visible: true, text: Category, font_size: null, font: '', spacing_above: small,
+    icon_align: left, spacing_below: small, italic: false, background: '', bold: true,
+    underline: false, icon: ''}
+  name: label_2
+  layout_properties: {grid_position: 'APMKDY,GQHPEC'}
+- type: DropDown
+  properties: {}
+  name: drop_down_categories
+  layout_properties: {grid_position: 'APMKDY,SSLEBU'}
+- type: Label
+  properties: {role: null, width: default, align: left, border: '', foreground: '',
+    visible: true, text: Contents, font_size: null, font: '', spacing_above: small,
+    icon_align: left, spacing_below: small, italic: false, background: '', bold: true,
+    underline: false, icon: ''}
+  name: label_3
+  layout_properties: {grid_position: 'KOMUDF,ESPOFP'}
+- type: TextArea
+  properties: {role: null, width: default, align: left, height: 169, placeholder: Add document contents here,
+    border: '', enabled: true, foreground: '', visible: true, text: '', font_size: null,
+    auto_expand: false, font: '', spacing_above: small, spacing_below: small, italic: false,
+    background: '', bold: false, underline: false}
+  name: text_area_contents
+  layout_properties: {grid_position: 'KSRZHC,WQFRHQ'}
+- type: Button
+  properties: {role: null, width: default, align: right, border: '', enabled: true,
+    foreground: '#fff', visible: true, text: Create document, font_size: null, font: '',
+    spacing_above: small, icon_align: left, spacing_below: small, italic: false, background: '#367498',
+    bold: false, underline: false, icon: 'fa:plus'}
+  name: button_save
+  layout_properties: {grid_position: 'USGITF,CTBUTN'}
+  event_bindings: {click: button_save_click}
+- type: Label
+  properties: {role: null, width: default, align: center, border: '', foreground: '#941100',
+    visible: true, text: This is an error, font_size: 18, font: '', spacing_above: small,
+    icon_align: left, spacing_below: small, italic: false, background: '', bold: true,
+    underline: false, icon: ''}
+  name: label_errors
+  layout_properties: {grid_position: 'ASTSPJ,XBGAYX'}

days/85-87-full-stack-easy/pypoint-100days/forms/AddDocForm.yaml

@@ -0,0 +1,33 @@
+from anvil import *
+import anvil.server
+import tables
+from tables import app_tables
+import utilities
+
+class AllDocsForm (AllDocsFormTemplate):
+  def __init__(self, **properties):
+    # You must call self.init_components() before doing anything else in this function
+    self.init_components(**properties)
+
+    # Any code you write here will run when the form opens.
+    self.repeating_panel_docs.items = utilities.docs
+
+  def text_box_filter_change (self, **event_args):
+    self.repeating_panel_docs.items = self.filtered_docs()
+    
+  def doc_to_text(self, d):
+    return "{} {} {}".format(d["name"], d["contents"], d["category"]["name"])
+  
+  def filtered_docs(self):
+    txt = self.text_box_filter.text
+    if not txt:
+      return utilities.docs
+    
+    txt = txt.lower()
+    
+    return [
+      d
+      for d in utilities.docs
+      if self.doc_to_text(d).lower().find(txt) >= 0
+    ]
+

days/85-87-full-stack-easy/pypoint-100days/forms/AllDocsForm.py

@@ -0,0 +1,34 @@
+container:
+  type: ColumnPanel
+  properties: {col_widths: '{"BIBWRZ":15,"RFXBVD":45}'}
+components:
+- type: Label
+  properties: {role: null, width: default, align: center, border: '', foreground: '',
+    visible: true, text: All documents, font_size: 28, font: '', spacing_above: small,
+    icon_align: left, spacing_below: small, italic: false, background: '', bold: true,
+    underline: false, icon: ''}
+  name: label_subtitle
+  layout_properties: {grid_position: 'KPLHVX,HYTIAV'}
+- type: Label
+  properties: {role: null, width: default, align: left, border: '', foreground: '',
+    visible: true, text: Filter documents, font_size: null, font: '', spacing_above: small,
+    icon_align: left, spacing_below: small, italic: false, background: '', bold: true,
+    underline: false, icon: ''}
+  name: label_1
+  layout_properties: {grid_position: 'EXTWSA,BIBWRZ'}
+- type: TextBox
+  properties: {role: null, width: default, align: left, hide_text: false, placeholder: Search within your documents,
+    border: '', enabled: true, foreground: '', visible: true, text: '', font_size: null,
+    font: '', spacing_above: small, type: text, spacing_below: small, italic: false,
+    background: '', bold: false, underline: false}
+  name: text_box_filter
+  layout_properties: {grid_position: 'EXTWSA,RFXBVD'}
+  event_bindings: {change: text_box_filter_change}
+- type: Spacer
+  properties: {height: 32}
+  name: spacer_1
+  layout_properties: {grid_position: 'UAROCY,KOVPNC'}
+- type: RepeatingPanel
+  properties: {item_template: DocListItemTemplate}
+  name: repeating_panel_docs
+  layout_properties: {grid_position: 'YTHURW,DKEOGM'}

days/85-87-full-stack-easy/pypoint-100days/forms/AllDocsForm.yaml

@@ -0,0 +1,14 @@
+from anvil import *
+import anvil.server
+import tables
+from tables import app_tables
+
+class DocDetailsForm (DocDetailsFormTemplate):
+  def __init__(self, **properties):
+    # You must call self.init_components() before doing anything else in this function
+    self.init_components(**properties)
+
+    # Any code you write here will run when the form opens.
+    doc = self.item
+    self.label_category.text = doc['category']['name']
+    self.label_date.text = doc["created"].strftime("%B %d, %Y")

days/85-87-full-stack-easy/pypoint-100days/forms/DocDetailsForm.py

@@ -0,0 +1,59 @@
+container:
+  type: ColumnPanel
+  properties: {col_widths: '{"DNHJUG":15,"JCESCE":45,"ELLICF":15,"LLBXUV":45,"GLAPWR":15,"HEERCI":45}'}
+components:
+- type: Label
+  properties: {role: null, width: default, align: center, border: '', foreground: '',
+    visible: true, text: Document details, font_size: 28, font: '', spacing_above: small,
+    icon_align: left, spacing_below: small, italic: false, background: '', bold: true,
+    underline: false, icon: ''}
+  name: label_subtitle
+  layout_properties: {grid_position: 'WVCRYU,ZZNMYW'}
+- type: Label
+  properties: {role: null, width: default, align: left, border: '', foreground: '',
+    visible: true, text: Title, font_size: null, font: '', spacing_above: small, icon_align: left,
+    spacing_below: small, italic: false, background: '', bold: true, underline: false,
+    icon: ''}
+  name: label_1
+  layout_properties: {grid_position: 'JZPWOP,GLAPWR'}
+- type: Label
+  properties: {role: null, width: default, align: left, border: '', foreground: '',
+    visible: true, text: '', font_size: 24, font: '', spacing_above: small, icon_align: left,
+    spacing_below: small, italic: false, background: '', bold: false, underline: false,
+    icon: ''}
+  name: label_title
+  layout_properties: {grid_position: 'JZPWOP,HEERCI'}
+  data_bindings:
+  - {property: text, code: 'self.item[''name'']'}
+- type: Label
+  properties: {role: null, width: default, align: left, border: '', foreground: '',
+    visible: true, text: Created, font_size: null, font: '', spacing_above: small,
+    icon_align: left, spacing_below: small, italic: false, background: '', bold: true,
+    underline: false, icon: ''}
+  name: label_2
+  layout_properties: {grid_position: 'ABSXYH,DNHJUG'}
+- type: Label
+  properties: {}
+  name: label_date
+  layout_properties: {grid_position: 'ABSXYH,JCESCE'}
+  data_bindings: []
+- type: Label
+  properties: {role: null, width: default, align: left, border: '', foreground: '',
+    visible: true, text: Category, font_size: null, font: '', spacing_above: small,
+    icon_align: left, spacing_below: small, italic: false, background: '', bold: true,
+    underline: false, icon: ''}
+  name: label_3
+  layout_properties: {grid_position: 'RFNREN,ELLICF'}
+- type: Label
+  properties: {}
+  name: label_category
+  layout_properties: {grid_position: 'RFNREN,LLBXUV'}
+- type: Label
+  properties: {role: null, width: default, align: left, border: '', foreground: '',
+    visible: true, text: '', font_size: 18, font: '', spacing_above: small, icon_align: left,
+    spacing_below: small, italic: false, background: '', bold: false, underline: false,
+    icon: ''}
+  name: label_contents
+  layout_properties: {grid_position: 'OQYTJI,QDEAGK'}
+  data_bindings:
+  - {property: text, code: 'self.item[''contents'']'}

days/85-87-full-stack-easy/pypoint-100days/forms/DocDetailsForm.yaml

@@ -0,0 +1,23 @@
+from anvil import *
+import anvil.server
+import tables
+from tables import app_tables
+import utilities
+
+class DocListItemTemplate (DocListItemTemplateTemplate):
+  def __init__(self, **properties):
+    # You must call self.init_components() before doing anything else in this function
+    self.init_components(**properties)
+
+    # Any code you write here will run when the form opens.
+    
+
+  def form_show (self, **event_args):
+    # This method is called when the column panel is shown on the screen
+    self.label_created.text = self.item["created"].strftime("%B %d, %Y")
+
+  def link_details_click (self, **event_args):
+    # This method is called when the link is clicked
+    utilities.go_details(self.item)
+
+

days/85-87-full-stack-easy/pypoint-100days/forms/DocListItemTemplate.py

@@ -0,0 +1,28 @@
+container:
+  type: ColumnPanel
+  properties: {col_widths: '{"JKNUPK":30,"TIDSGW":20,"KEEGAO":10}'}
+  event_bindings: {show: form_show}
+components:
+- type: Label
+  properties: {role: null, width: default, align: left, border: '', foreground: '',
+    visible: true, text: '', font_size: null, font: '', spacing_above: small, icon_align: left,
+    spacing_below: small, italic: false, background: '', bold: true, underline: false,
+    icon: ''}
+  name: label_title
+  layout_properties: {grid_position: 'KYKPJJ,JKNUPK'}
+  data_bindings:
+  - {property: text, code: 'self.item[''name'']'}
+- type: Label
+  properties: {}
+  name: label_created
+  layout_properties: {grid_position: 'KYKPJJ,TIDSGW'}
+  data_bindings: []
+- type: Link
+  properties: {role: null, width: default, align: left, border: '', foreground: '',
+    visible: true, text: details, font_size: null, row_spacing: 10, wrap_on: mobile,
+    font: '', spacing_above: small, icon_align: left, col_widths: '', spacing_below: small,
+    italic: false, background: '', bold: false, underline: false, icon: ''}
+  name: link_details
+  layout_properties: {grid_position: 'KYKPJJ,KEEGAO'}
+  event_bindings: {click: link_details_click}
+item_type: {table_id: 9224}