hello, there's two things here so. bear with documentation for now, will separate dashboard and framework one the bois are readeh
- jQuery
Trumbowyg (will be replaced with TinyMCE)Trumbowyg Upload Plugin (1p21 Dashboard Custom) (will be deprecated when replaced with TinyMCE)
- 1p21 Dashboard Framework
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>
-
Highcharts with tooltips
To maintain design, we may have to add
events.load
properties to be able to append tooltip attributesDocumentation 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
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
Found in templates directory
- analytics
- nw_top_tens
- debug.php - used to debug the framework build.
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 |
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
orplaceholder
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.
-