Git Product home page Git Product logo

Comments (4)

hotwebmatter avatar hotwebmatter commented on August 30, 2024

DrupalCampNYC 2021 will use the Sessionize platform, so the minimum viable product is a Sessionize embed code.

The embed codes look like this:

<script type="text/javascript" src="https://sessionize.com/api/v2/6mh71zh8/view/gridsmart"></script>

The embed code is structured like this:

<script type="text/javascript" src="https://sessionize.com/api/v2/{{ embed_id }}/view/{{ embed_style }}"></script>

I think I can create a Paragraph type with two fields:

  • embed_id (always an 8-character string)
  • embed_style (could be a select list; there are six predefined styles available, of which two are deprecated)
0|GridSmart
1|Sessions
2|Speakers
3|SpeakerWall
4|GridTable
5|Grid

The Twig template for this Paragraph could simply generate the embed code as the inline <script> tag seen above.

Sessionize API / Embed documentation says:

Use one code per page - do not mix codes on the same page and do not use one code on more than one page.

So I would want the onscreen help to explain that only one "Sessionize Embed" Paragraph should be used per page, and that no "Sessionize Embed" Paragraph should be used on more than one page.

This is the simplest implementation, but it does not get our schedule into Drupal's database, so it may be more difficult to archive the site after the event. Future iterations may involve setting up a Sessionize API endpoint instead of using the web embed code.

@jdleonard @dominicherard What do you think of this approach?

from drupalcampnyc.

hotwebmatter avatar hotwebmatter commented on August 30, 2024

This approach does not work ... yet. 😃

https://github.com/hotwebmatter/sessionize_embed_block

from drupalcampnyc.

hotwebmatter avatar hotwebmatter commented on August 30, 2024

I figured out the problem. Patch incoming:

diff --git a/config/install/sessionize_embed_block.settings.yml b/config/install/sessionize_embed_block.settings.yml
index 67ec75b..24e834c 100644
--- a/config/install/sessionize_embed_block.settings.yml
+++ b/config/install/sessionize_embed_block.settings.yml
@@ -1,2 +1,3 @@
 embed_id: 6mh71zh8
-embed_style: 0
\ No newline at end of file
+embed_style: SmartGrid
+
diff --git a/config/schema/sessionize_embed_block.schema.yml b/config/schema/sessionize_embed_block.schema.yml
index 37c6769..3d4a78f 100644
--- a/config/schema/sessionize_embed_block.schema.yml
+++ b/config/schema/sessionize_embed_block.schema.yml
@@ -6,5 +6,5 @@ sessionize_embed_block.settings:
       type: string
       label: Sessionize Embed ID
     embed_style:
-      type: integer
-      label: Sessionize Embed Style
\ No newline at end of file
+      type: string
+      label: Sessionize Embed Style

from drupalcampnyc.

hotwebmatter avatar hotwebmatter commented on August 30, 2024

Screenshot of Sessionize Embed Block in the  DrupalCampNYC template
Here's how it looks in the site template. If we keep the "Confirmed Sessions" headline, we should tighten the vertical space between headline and grid.

from drupalcampnyc.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.