hello, there's two things here so. bear with documentation for now, will separate dashboard and framework one the bois are readeh

Dashboard Documentation

Dependencies

Javascript

jQuery
~~Trumbowyg (will be replaced with TinyMCE)~~
- ~~Trumbowyg Upload Plugin (1p21 Dashboard Custom) (will be deprecated when replaced with TinyMCE)~~
1p21 Dashboard Framework

CSS / SASS

NEW

Bubble chart demo code Bubble Live

Calendar ui dropdown markup

<!-- Container/ ancestor with position to validly position dropdown-->
<div class="position-relative">
	<!-- toggle for dropdown -->
	<a href="#dropcal" data-toggle="dropdown">Toggle ya boi</a>

	<!-- dropdown -->
	<div id="dropcal" class="dropdown" data-dropdown-width="100%">
		<div class="flex-grid flex-wrap flex-grid-no-gutter-y"">

			<div class="flex-col-md-4 flex-col-sm-6">

				<div class=" input-wrapper input-wrapper-vertical input-wrapper-responsive input-wrapper-block">
					<label class="input-label">From</label>
					<input type="date" class="input input-calendar" data-calendar-text-input="true" />
				</div>
			</div>

			
			<div class="flex-col-md-4 flex-col-sm-6">

				<div class=" input-wrapper input-wrapper-vertical input-wrapper-responsive input-wrapper-block">
					<label class="input-label">To</label>
					<input type="date" class="input input-calendar" data-calendar-text-input="true" />
				</div>
			</div>

			
			<div class="flex-col-md-4 flex-col-sm-12">
				<div class="input-label">Or by Month</div>
				<ul class="no-padding-left">

					<li><a href="#">Jan 2018</a></li>
					<li><a href="#">Feb 2018</a></li>
					<li><a href="#">March 2018</a></li>
					<li><a href="#">April 2018</a></li>
					<li><hr class="dropdown-separator"></li>
					<li><a href="#">Today</a></li>
					<li><a href="#">Last 3 days</a></li>
					<li><a href="#">Last week</a></li>
					<li><a href="#">Last Month</a></li>
				</ul>

			</div>
		</div>
	</div>
</div>

Assets Flowchart

Flowchart

NOTES

Highcharts with tooltips

To maintain design, we may have to add events.load properties to be able to append tooltip attributes

Documentation for tooltip: here

events.load property solution: here
Overrides to framework or custom styles are prepended with #dashboard or .dashboard. .filter- are also custom shits and not the framework's bbies
dynamic content will be classed with corresponding prefix (eg. .profile-name contains the profile's name data ) but not necessarily styled yet

Structure

Files to translate

assets - front end shit boi
- images - duh
- plugins - third party bitches eg framework, trumbowyg, etc
- scripts - duh
- styles - duh
placeholder - they can alll go awei
template - markup for each page. this is the holy grail of bitches
components - shared or repeating markup. second holy grail
includes - template parts
header.php - duh
footer.php - duh

Files you dont need because it's just to setup the templates for showing off or internal bitches.. or.. whatever pls ignore them they're not needed on the actual dashboardt

config.codekit
config.php
content.php
helpers.php
index.php

Templates

Equivalent Templates

Found in templates directory

New Templates	Description	Matching Current Templates	New Template Live Link	Current Template Local Link Reference(assuming localhost:3000)
error	Internal errors (eg. 404, 503.. ). for both envs: production and scoreboard	No match	http://frameworkdashboarddebug.1p21.io/?template=error	n/a
home-production	Overall stats: tasks/production	No match	http://frameworkdashboarddebug.1p21.io/?env=production	n/a
home-scoreboard	Overall stats: seo scoreboard	dashboard	http://frameworkdashboarddebug.1p21.io/?env=scoreboard	http://localhost:3000/dashboard?date=2020-01
last-activity	yes	user_last_activity	http://frameworkdashboarddebug.1p21.io/?template=last-activity	http://localhost:3000/seo_team/Natalie/last_activity
login	yes. for both envs	login	http://frameworkdashboarddebug.1p21.io/?template=login	http://localhost:3000/login
profile-production	profile for production ppl	No match	http://frameworkdashboarddebug.1p21.io/?template=profile&env=production	n/a
profile-scoreboard	profile for seos	user	http://frameworkdashboarddebug.1p21.io/?template=profile&env=scoreboard	http://localhost:3000/seo_team/Alana?date=2020-01
profiles	list of profiles. subgrouped as well. for both envs.	designers, developers	http://frameworkdashboarddebug.1p21.io/?template=profiles	http://localhost:3000/designers?date=ytd
project-production	view of site project/account for production	No match	http://frameworkdashboarddebug.1p21.io/?template=project&env=production	n/a
project-scoreboard	view of site project/account for SEO	user_websites	http://frameworkdashboarddebug.1p21.io/?env=scoreboard&template=project	n/a
projects-production	all list view of site project/account for production. e.g. search, view all, etc	No match	http://frameworkdashboarddebug.1p21.io/?template=projects&env=production
projects-scoreboard	all list view of site project/account for production. e.g. search, view all, etc	todos, user_todos, events, user_events, new_content, user_new_content, social_media, user_social_media	http://frameworkdashboarddebug.1p21.io/?env=scoreboard&template=projects	http://localhost:3000/seo_team/Alana/on_page_updates?date=ytd
unique-links	yes	links, user_links	http://frameworkdashboarddebug.1p21.io/?template=unique-links&env=scoreboard	http://localhost:3000/seo_team/Alana/links?date=ytd

Current Templates with no existing equivalent

analytics
nw_top_tens

New Templates that are can be disregarded for dashy boi

debug.php - used to debug the framework build.

Found Features in design that do not exist on current dashboard yet

Will be updated when items are found

New Templates	Feature not ready
error	none
home-production
home-scoreboard
last-activity
login
profile-production	online status on profile image Availability status Add new task
profile-scoreboard
profiles
project-production
project-scoreboard
projects-production
projects-scoreboard
unique-links

Strings to find dynamic shit

There are html comments or string instances by markup with dynamic attributes and or content. Initiate a find (but not a replace because wew) on these instances to setup for magic

REPLACE Meant to be replaced with dynamic content or actual data. if it's a span with this class, replace the entire span and its inner
DYNAMIC Contains information for something that needs to be dynamicall modified but not necessarily replaced
LOOP

Boi gon loop
PLACEHOLDER or placeholder

Meant to go away or even repurposed when dynamicness is ready
/placeholder/

uri for assets meant to go away when dynamic boi is ready

NOTE: graphs will have tooltip integrations through framework setup using tooltip framework integration
NOTE

Other elements that rely on server side based... things
@IF @ELSE

Conditional markup
Functions
- app_create_link()
  
  Also counts as REPLACE, this was setup solely to link together the user flow of templates. this creates internal links
- app_get_component()
  
  Calls on template markups of functionality based template markups. replace or repurpose if needed.

Framework Documentation

Here

cristianrasch / 1p21dashboardframework