Setting up EDAS D8 - Tracking page

This is the plan for moving from D7 to D8.

Basic configuration

  • D8 Basic installation => DONE
  • Twitter - basic integration & proof of some autotweet => DONE
  • Admin efficiencies/improvements => DONE/IN PROGRESS
  • CLI-based snapshot tools - backup with date point => DONE
  • CLI-based snapshot tools - restore => DONE
  • Minimal taxonomy setup to support site development => DONE

Initial setup

  • Import some basic content - history pages with images
  • Import some basic content - blog
  • Import some basic content - other?
  • Basic event content type => DONE
  • Basic calendar p.o.c. => DONE
  • Private area (committee or other flexibly defined group?)
  • Different section, different theme? (radbourne, halloween etc) [project/switch_page_theme?]
  • Create initial user permission groups => DONE
  • Configure content type: blog => DONE
  • Configure content type: basic page => DONE
  • Configure content type: article => DONE
  • Configure content type: press release => DONE

Wysiwyg & user workflow

  • CKEditor setup => DONE
  • CKEditor extensions/modules => IN PROGRESS
  • Image upload and management (drag&drop? resize? IMCE?) => DONE
  • Colorbox (or alternative)
  • Comments against content type?
  • Media embedding - image and video => DONE
  • Set up IMCE paths

Look and feel

  • Theme installs - Creative responsive => IN PROGRESS
  • Theme selection => DONE
  • Initial theme tweaking => DONE
  • Home page layout => IN PROGRESS (need to solve content/block ordering)

Full setup

  • Calendar & events - full content type, nicer display output
  • Calendar - listing format => DONE
  • Infinity scroll
  • Auto-tweet using site account
  • Render latest tweets in block ("Twitter block"?)
  • Set-up home page content
  • Picture gallery?
  • User pictures/avatar
  • User profile setups (fields of)
  • How to migrate existing content paths from D7 to D8?
  • Site backup (backup_migrate ... backup_migrate to google drive, s3 or dropbox?)
  • Creation of user permission groups
  • Read count statistics for comments
  • GA / other stats support
  • Final taxonomy definition
  • Styling for event calendar (move the view into a block and have another block on the page display a specific event?)
  • Display layout for individual Press Release => DONE
  • Display layout for Press Release listings
  • Tokenise default values for Press Release
  • Display layout for Blog posts
  • Display layout for Blog Teasers
  • Display layout for /Blogs listing
  • Update carousel to be easier to manage slider content (content type, views etc)
  • Display layout for News Page
  • Headline block for News for front page
  • Configure contact form
  • Privacy policy page
  • Install to TSOHOST Staging for testing  

Final stages

  • Full content import
  • Refresh content for new site
  • Content sync/update
  • Module updates to latest
  • User account creation
  • Unpublish/clear-down site development content
  • Create event content

Post launch

  • Can users subscribe to nodes? (get notified of updates?)
  • Sub-sites (194, radbourne, events etc....)
  • Can we use social login for user accounts on D8? (ie. if user is member of N.Allot group?)
  • Investigate possible google drive integration (meeting minutes)
  • Allotment sign-up form integration (webform ->google: webform_google_exporter)
  • Upload gallery pics via drupal to a google or drop box account?
  • Facebook integration
  • Displaying minutes docs from word etc? (gdoc_field)
  • Deploy CDN (cloud flare or f.o.c alternative?)
  • jquery calendar display (nicer refresh clicking through months) => DONE
  • Call Colorbox to IMCE/Image dialog???





Common theme seems to be create an Event content type, that includes a date field.  Use Calendar module for rendering.  Good reference

Example calendar layouts:  - per event display


This is an example of a paragraph of text. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

1/ Need to look at behaviour of top banner when viewwindow is between 756 and 992 - Site Name and social icons don't sit well together within this range.  This is due to the theme have @media breakpoint at 756 and bootstrap having breakpoint at 992.  I've not covered how to display between these ranges.

@media 756->992 (look at .col-md-3 & .col-md-9 in bootstrap.css defaults and theme custom-media.css)

2/ Breadcrumbs look broken - like a list instead of a line.. => Breadcrumbs removed (I think I had to fix this in D7 theme else)

3/ Copy the call-to-action images from existing website to new website (some sort of package?)

4/ Get vertical call-to-action images made slightly smaller & upload to new website (package?)

5/ Find a way to make header shrink in depth when page is scrolled up

6/ Install Pages module(s) for front page - No need: Being addressed using blocks & content albeit currently an issue with block ordering on the homepage

7/ Adjust header colour to match existing

8/ Font awesome download fails - Fixed - Path in theme seemed to be incorrect; Fixed with symlink in theme (should probably be fixed at point in the theme code where the URL is generated)

9/ Adjust banner font, size & remove hover underline => DONE (font size/weight should still be looked at)

10/ Author in a block:

Ace Editor
Blazy *- library??
Breakpoint *-
CKEditor Anchor Link *- DONE
CKEditor Media Embed plugin *- DONE
Crop API *- image cropping
Diff *- changes between content revisions
Display Suite *- DS - DONE
DropzoneJS entity browser widget *- drag and drop image upload
dropzonejs *- 
Embed - framework for embedding things !
Entity *- entity to be in core one day
Entity Browser *- 
Entity Embed *-
Entityqueue *- 
External Links *- 
Focal Point *- image editing
Field Group *- grouping fields on form and display
Media entity *-
Media entity image *-
Media entity document *-
Ultimate Cron
Video Embed Field *- DONE
Video Embed Media *- DONE
Video Embed WYSIWYG *- DONE
Views Infinite Scroll *- 
Views Reference Field *-

Slider shows on homepage but not on newspage... need to work out why...

... it doesn't seem to obey the "Pages" visibility settings in the Block Settings pages.

  • Reduce depth of header
  • Change colour of header background (edas green?)
  • Reduce size of logo
  • Update facebook link to external facebook page
  • Disable google+ link
  • Tweak title font weight (reduce?)
  • Remove the zymphonies footer; Update the (c) footer
  • Disable the contact page link at the bottom of the pages

Frontpage seems insistent on displaying "Main page content" *last* - ie after Mailing list signup form in this case.

Is this a theme specific issue?

Screenshot of block layout screen

Image upload dialog in comments (for full html only) seems badly laid out.  This is not as it's seen in content (article, basic page) edit dialog...

Image upload dialog

Does the linkit dialog have the "Add Link" and "Edit Link" dialog titles the wrong way around?


?? Why ??  (this was on a blog post)

Is it 

- filter ordering

- availability of editor more for the blog post?

- some html tags that are allowed in "full" but not in "comprehensive"?

Source suggests it's removed entirely!


And Autoplay doesn't seem to work.

CKEditor wordcount

CKEditor Anchor link (already there?