cosmocms / cosmo

Single Page App CMS

cosmo

Cosmo is a single page app CMS built on AngularJS and PHP.

Github serves as a nightly build and issue manager for Cosmo. To download the most recent stable release, please download from the cosmo home page.

Home page - http://www.cosmocms.org/

Demo- http://www.cosmocms.org/demo/

Install - http://www.cosmocms.org/install

Basics - http://www.cosmocms.org/cosmo-basics

Create a Module - http://www.cosmocms.org/how-to-create-a-module-for-cosmo

Create a Theme - http://www.cosmocms.org/how-to-create-a-theme-for-cosmo

cosmo's Issues

Block Saving

When creating a new block, you can select the block type and position, then go in, insert the information and click save. It doesn’t save the information, you have to refresh the page in order to have the settings save after first creating the block.

Code Syntax Highlighting

Codeview should have syntax highlighting along with numbered lines http://codemirror.net/mode/verilog/index.html

Admin Login

• When you log in, have the site refresh or show the admin area right away instead of forcing the user to refresh the page.
• When you close the login modal, force it to go back to the previous page they were on or go home whichever is easier.
• Ability to reset your password
• require them to input their email address or username associated with their account
  (send email with a link to reset the password)

Banner image does not save when saving a new page

When you insert an image in the large banner area and hit save for a new page, it will not insert the image, it will remove it as though you never inserted an image.

Tags reverting to "array" when re-used

When you re-use a photo in the gallery and do an edit to the photo, it will revert the tag to being "array" instead of the tag it was previously.

Draft Mode for Scheduling / Draft

When you schedule a post, allow them to still see the post in "draft" mode. All draft posts should also be viewable.

Approve/Disapprove of pages/posts

• panel in sidebar for content requiring approval, show list similar to browse
• Users who don't have ability to schedule / post immediately or update pages when selecting any saving options (e.g. publish, update etc..) it should not publish but put up an alert that says "This post has been sent for approval.
• Allow certain Admin / moderators to be selected for approval of posts by categories of users ( #15 ).
• Notification management for posts that are being approved, allow quick approval/disapprove with a notes section, along with a link to the page. (see issue #15 )
• On the page editor it should show a notification at the top that says "This page is currently awaiting approval from {{username here}}" "Approve" "Disapprove" Which then opens the comments area for changes.
• When the user returns to their login, they should see the notification in their user area ( #15 ) which leads them to the page with comments related to it at the top of the page.
• After displaying the comment, it should show a button saying "Submit for Approval"

URL Shortener

An auto url shortener to be used for spreading to social media, that uses the users base url with a small string of numbers generally.

Menu Editor

Have the edit icon on each menu item clickable to reveal the edit area with the text pre-populated.

Integrate Heroku with Cosmo

Integrate heroku for continual updates to users using cosmo

https://www.heroku.com

URL Inserter isn't allowing a url to be input

URL input isn't working, not allowing typing or copy/pasting

Alerts

• Allow an unpublish date for things like notifications that will be displayed (i.e., breaking news alerts etc...)
• A timer with fade-in / fade-out alert at the top of the page
  or
• A selection to not close the alert until the user clicks the "x" button
• Select top, bottom, then after, select left, middle or right.

Tagging

• allow hitting enter, or using keyboard for selection of tags while typing for faster input
• tags only seem to be pulling the tags used in the gallery instead of both the gallery and pages (this is the case in both the new/edit page and the tags search area)
• when a tag is inserted, have it add the comma afterwards.
• On click off allow the blue box/arrow go away
• upon hitting the spacebar all searches become null and void, it loses it's reference

Admin Optimization

• Ability to load CSS only after login
  http://www.phpied.com/when-is-a-stylesheet-really-loaded/
• Load JS files only when dependancies are needed. http://requirejs.org/docs/start.html

Gallery

• Need a jpg generated from pdf's/excel/word, just something to indicate the file type.
• When uploading multiple images, allow multiple edits at once either on that screen or something after.
• Once you click save and close to make sure they add to the gallery, have the gallery then populate instead of requiring a refresh.
• Once you add the photos to the gallery, it should auto populate the arrangement view of content
• Combine the select files and drag/drop upload (e.g., facebook's file uploader).
• Need a way to "go back" in the media selection because you have to save in the overview of all the images, but if you don't want to add one you're forced to in order to save/close
• tags should also have the suggestions appear below when typing
• Need categorization for PDF's and assorted Documents (pdf,excel,word).
• When clicking edit, it should go directly to that image to edit it's text/tags etc...
• Need an upload status indicator for images uploading (images gradually growing in opacity etc...) in order to indicate how far along the process the upload is taking place.
• images are not resizing properly, they save extensions (e.g. -512.jpg) but don't actually resize them.
• Need to run a script that checks for corrupt images and re-generates that image from the larger version.
• Compress images in gallery

Page Updated will sometimes not leave

The "page updated" notification stays in the upper right hand corner even though I leave the page that was updated and go to other areas of the site.

Page Updated:

Other Page After Updating

Manage Users

• There’s an extra div that gets populated on the manage area. (the dark gray spot).

• The banner area doesn’t swap out, so the back button has to be below the banner, we need the banner to change at the top in order for the back button to be where it needs to be.

"True" and "False" Tagging

when typing tags out, the recommendations appearing below are not pulling all tags that have been used and it's also populating a "true" and "false" at the end of the recommendations list.

Add / Remove Rows

Ability to add and remove rows from tables

Publishing Date auto updates to the day it was edited, not published

Need the date ability when clicking "edit page" to be able to back date the post, because every time I do an edit, it re-saves with today's date

Blocks not saving correctly

Blocks aren't saving / pulling correctly. When you look at the code it's showing all the properties in the code instead of showing the code to just pull the properties. (again the code needs to be compressed in order to use it.

Commenting

DISQUS

• Implement commenting from disqus with ability to approve posts, go to posts for review etc... within the commenting dashboard. Their API is here - http://disqus.com/api/docs/
  (e.g. the official disqus plugin for wordpress http://wordpress.org/plugins/disqus-comment-system/screenshots/ )

LiveFyre Free Comments

• Implement commenting from LiveFyre with ability to approve posts, go to posts for review etc... within the commenting dashboard. Their API is here - https://github.com/Livefyre/livefyre-docs/wiki
  Basic overview is here - http://web.livefyre.com/comments/

Temporary URL redirect

When you change a url, have it create a temporary redirect from the old url to the new one

Sidebar list

Have all lists be fully clickable, with the CSS it won't allow it. Will have to override in javascript

Code view requiring compressed code

When in code view anywhere on the site, it must be compressed code otherwise it won't read / save

URL Generator

• URL Generator needs to generate the url as the title is typed out, only allowing dashes between spaces.
• Allow users to copy/paste something and it convert spaces etc... into dashes.
• Don't allow special characters (currently I know okinas are appearing ( ’ )

Settings Area

• Favicon uploader
• Logo uploader

Missing: Gallery Upload Indicator

The progress indicator in the upload area is no longer there.

Image Compression

• An auto image compressor built into the core. There’s either kraken.io which is a paid thing so it’d be a module, or we can do what’s mentioned on

An article on which to use - http://addyosmani.com/blog/image-optimization-tools/

Other references below
To summarize - http://stackoverflow.com/questions/2999743/looking-for-a-lossles-compression-api-similar-to-smushit

WHAT TOOLS DOES SMUSH.IT USE TO SMUSH IMAGES?

We have found many good tools for reducing image size. Often times these tools are specific to particular image formats and work much better in certain circumstances than others. To "smush" really means to try many different image reduction algorithms and figure out which one gives the best result.

These are the algorithms currently in use:

ImageMagick: to identify the image type and to convert GIF files to PNG files.
pngcrush: to strip unneeded chunks from PNGs. We are also experimenting with other PNG reduction tools such as pngout, optipng, pngrewrite. Hopefully these tools will provide improved optimization of PNG files.
jpegtran: to strip all metadata from JPEGs (currently disabled) and try progressive JPEGs.
gifsicle: to optimize GIF animations by stripping repeating pixels in different frames.
More information about the smushing process is available at the Optimize Images section of Best Practices for High Performance Web pages.

Image editor

Implement an easy to use image editor like http://www.picmonkey.com/ or some other easy to use editor with API access. (Aviary seems like it's free access only allows small image resolution output)

Random Formatting Code Insertion

WYSIWYG is forcing many divs and spans instead of applying it to p tags or regular standard tags how it should.

Users

• Pull usernames for the front area of the side panel
• Allow creation of users,
• Username
• Email
• Password
• Categorize users with different settings. (e.g. admin, moderator) but allow more fine grained (e.g., science section, tech section etc...)
• Warning message before deleting users "Are you sure you want to delete {{username here}}?"
• Permission to require a post or update to be approved by an admin/mod
• Profile Picture for users
• Allow users to input contact information, social media account info (which generates little FB buttons etc....) / byline (for blog style posting)

Integrate Travis CI

Integrate Travis CI with cosmo

http://travis-ci.com/

ng src for embedded images not working

When you edit a page or a block with embedded images (i.e., /our-heritage) it doesn't save because it adds ngsrc to the images which hides them, but will still appear in the admin area.

Adaptive Images Module

Implement module for adaptive images
http://adaptive-images.com/

Table Insertion

• Ability to insert tables and have them be styled correctly and save correctly
• for the ability to input tables from a file, it could even be like they do here - http://tableizer.journalistopia.com/

Together JS

Implementation of https://togetherjs.com/ to be auto added onto sites for people to use on client websites etc...

Copy/Paste should unformat the text from word or other websites

WYSIWYG needs to strip formatting from copy/paste and only allow standard paragraph and link tags to be used. Currently it's inserting span and div tags.

Create / Edit Page

• Saving/updating a page is still putting to the newest date when it shouldn't. It should stay it's previous post date unless someone clicks to schedule the post.
• Schedule to work 100% of the time.
• When the user schedules a post, it should still show the post to the admin as though it's "live" but with a div above it that says it's scheduled/draft
• When inserting images into the gallery, the alt text does not populate unless you save/refresh the page.
• When you insert an image in the large banner area and hit save for a new page, it will not insert the image, it will remove it as though you never inserted an image.

Complete

• Unpublish button to say "draft" instead of unpublish, so a user can keep it in draft mode until they're ready to publish.
• Description box is pulling the code for the url inserter for some reason, needs to not be pulling that as it ends up changing the height of the textarea for it.
• url generator needs to populate the url when you type in the title of the page with dashes no %20 and also removing all special characters like quotations, apostrophes, colons etc...
• Tags should auto separate by comma when inserting by clicking in the blue bubble, or when hitting enter on the keyboard
• When there's no tag reference it should not show the blue bubble (e.g., type in - street view, and it will replicate it)
• After hitting save, when opening up the sidebar, it should show the edit panel, not the new page panel since it's changed the status from new page to edit.
• Compare button to highlight areas that have been updated
• Publish date to publish with the exact day / time that they click the button.

Form Builder

Allow building of forms inline for polls, surveys, contact forms etc...

Editing URL

When editing the url for a page that's been created, it duplicates the page instead of just updating the url.

Keyboard Shortcuts

Implement basic keyboard shortcuts for editing, saving etc...

Table inserting black line

Tables are inserting outlines with black.

Numbered Lines

Code should save on the correct lines/numbers etc..

WYSIWYG Editor

• PDF/File Uploader for cosmo gallery to be set up to be able to insert into links etc..
• PDF's aren't directing to an actual page how they should be, they're thinking it's within the actual template
• Need the date ability when clicking "edit page" to be able to back date the post, because every time I do an edit, it re-saves with today's date
• When inserting a table use the table modal, and add functionality from #5
• WYSIWYG needs to strip formatting from copy/paste and only allow standard paragraph and link tags to be used. Currently it's inserting span and div tags.
• Inserting span and div classes randomly into the code, making links break, headers break etc..
• In blocks editor it is jutting past the space for the textarea
• In code view in the website and blocks editor, the code is inserting many random divs, labels, and when inputting code it messes up if it isn't pasted in as compressed html
• When you select text to edit the text that already has a link, have the link inserter pull the link that was already inserted.
• When typing in a URL if they don't add the http:// it doesn't direct it to the correct site.
• Isn't loading wysiwyg on new page after the page has been saved
• Allow copy/paste in the link inserter, it makes it unusable for long links.
• Gallery is acting weird when uploading images, not adjusting to be the -320.jpg dimension. Even when it does compress it to that size, it's still not actually that size, it's just adding the -320.jpg to the end.
• When inserting media (files, photos, audio, video) open the modal manager.
• links are jumping from where initially inserted
• When inserting links user the link modal window (Style link should be shown, just the actual text area should be hidden until you click)
• Allow the ability for classes to be added to links (currently not working).
• when inserting a link it does it as an extension of the root (e.g. rootdomain.com/www.domainitshouldpointto.com)
• Inserting bold text instead of regular
• Make sure when updating text from paragraph to any other type it doesn't do inline styling, but to just apply a standard header tag
• Load for initial WYSIWYG is really slow, delays about 5-10 seconds after you make a selection
• Implement updated wysiwyg editor

Tables

• Implement the responsive tables by zurb.com/playground/responsive-tables as a module within Cosmo.
• Tables should allow copy/paste formatting and override styling on save. Currently it keeps pasted settings.
• Allow upload of CSV/EXCEL files to import
• allow tabbing to go across, enter to go down
• Allow sorting by table head

Alt text / tags not auto populating

When inserting images into the gallery, the alt text and tags do not populate unless you save/refresh the page.

Google Analytics

Advanced google analytics allowing for goals to be associated and added to specific pages etc... Should go over in depth.

Tables aren't saving

When inserting a table, it will not save (e.g., ocean-view-retreat-with-seven-bedrooms )

Audio

Allow html 5 audio to be inserted through the media modal