html.Div(
className='six columns',
style={'margin-left': 0,
'margin-right': 10,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
dcc.Graph(
id='osi-graph1',
figure=create_school_RMIT_graph(
df1=df_schools_data,
measure='osi',
start_year=2015, end_year=2018,
semester=1,
folder='H:\\Projects\\CoB\\CES\\School Reporting\\2018 S2\\',
height=400,
width=396,
background='#FFFFFF')
)
],
),
# OSI Sem 2 Graph
html.Div(
className='six columns',
style={'margin-left': 0,
'margin-right': 0,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
def make_ces_measure_section(measure,
df=df_schools_data,
start_year=2015,
end_year=2018):
div = \
html.Div(
className='row',
style={'margin-bottom': 0,
'margin-left': 0,
'margin-right': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
# Graph Title #################################################
html.Div(
className='row',
style={'margin-bottom': 0,
'margin-left': 4,
'margin-right': 4,
'backgroundColor': rc.RMIT_DarkBlue,
},
children=[
html.Div(
className='row',
children=['Course Experience Survey - {} Percent Agree (CoB Schools)'.format(measure.upper())],
style={'backgroundColor': rc.RMIT_DarkBlue,
'textAlign': 'center',
'font-size': 28,
'color': rc.RMIT_White,
'font-family': 'Sans-serif',
'font-weight': 'normal',
'line-height': '150%',
'align': 'center',
'margin-top': 2,
},
),
],
),
# Table ################################################################
html.Div(
className='row',
style={'margin-bottom': 0,
'margin-left': 0,
'margin-right': 0,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
html.Div(
className='7 columns',
style={
'width': '62.5%',
'margin-bottom': 0,
'margin-left': 0,
'margin-right': 0,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
dcc.Graph(
id='{}-table'.format(measure),
figure=generate_school_ces_pd_table(df, start_year, end_year, measure),
style={'margin': 0,
'margin-top': 0,
'margin-left': 50,
'margin-right': 0,
'backgroundColor': rc.RMIT_White},
),
],
),
html.Div(
className='5 columns',
style={
'width': '37.5%',
'margin-bottom': 0,
'margin-left': 0,
'margin-right': 0,
'margin-top': 0,
'color': rc.RMIT_DarkBlue,
'line-height': '110%',
'backgroundColor': rc.RMIT_White,
'text-align': 'left',
'font-size': 16,
'font-family': 'Sans-serif',
},
children=[
html.P(
children=['The values presented are the {} Percent Agree.'
''.format(measure.upper())],
style={
'margin-top': 50,
'margin-left': 15,
'margin-right': 5,
},
),
html.P(
children=['This is the percentage of all student responses, for the school,'
' that were an Agree or Strongly Agree'
],
style={
'margin-left': 15,
'margin-right': 5,
},
),
html.P(
children=['This methodology treats all student responses equally.'
],
style={
'margin-left': 15,
'margin-right': 5,
},
),
html.P(
children=['Hence the larger courses have a larger'
' influence on the overall results.'
],
style={
'margin-left': 15,
'margin-right': 5,
},
),
],
),
],
),
# Semester Titles #############################################
html.Div(
className='row',
style={'margin-bottom': 0,
'margin-left': 4,
'margin-right': 4,
'backgroundColor': rc.RMIT_White,
},
children=[
# Semester 1
html.Div(
className='six columns',
style={'margin-left': 10,
'margin-right': 5,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
html.P(children='Semester 1',
style={'text-align': 'center',
'font-size': 16,
'font-family': 'Sans-serif',
'font-weight': 'Bold',
'color': rc.RMIT_White,
'line-height': '100%',
'margin-left': 5,
'margin-right': 5,
'margin-top': 2,
'margin-bottom': 2,
'backgroundColor': rc.RMIT_Blue,
},
),
],
),
# Semester 2
html.Div(
className='six columns',
style={'margin-left': 10,
'margin-right': 5,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
html.P(children='Semester 2',
style={'text-align': 'center',
'font-size': 16,
'font-family': 'Sans-serif',
'font-weight': 'Bold',
'color': rc.RMIT_White,
'line-height': '100%',
'margin-left': 5,
'margin-right': 5,
'margin-top': 2,
'margin-bottom': 2,
'backgroundColor': rc.RMIT_Blue,
},
),
],
),
],
),
# Graphs #############################################################
html.Div(
className='row',
style={'margin-bottom': 0,
'margin-left': 0,
'margin-right': 0,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
# OSI Sem 1 Graph
html.Div(
className='six columns',
style={'margin-left': 0,
'margin-right': 10,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
dcc.Graph(
id='{}-graph1'.format(measure),
figure=create_school_RMIT_graph(
df1=df,
measure=measure,
start_year=start_year, end_year=end_year,
semester=1,
height=340,
width=530,
background='#FFFFFF')
)
],
),
# OSI Sem 2 Graph
html.Div(
className='six columns',
style={'margin-left': 20,
'margin-right': 0,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
dcc.Graph(
id='{}-graph2'.format(measure),
figure=create_school_RMIT_graph(
df1=df,
measure=measure,
start_year=start_year, end_year=end_year,
semester=2,
height=340,
width=530,
background='#FFFFFF')
)
],
),
],
),
],
)
return div
def make_ces_measure_section(measure, df=df_schools_data):
div = \
html.Div(
className='row',
style={'margin-bottom': 0,
'margin-left': 0,
'margin-right': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
# Graph Title #################################################
html.Div(
className='row',
style={'margin-bottom': 0,
'margin-left': 4,
'margin-right': 4,
'backgroundColor': rc.RMIT_DarkBlue,
},
children=[
html.Div(
className='row',
children=['{}'.format(measure.upper())],
style={'backgroundColor': rc.RMIT_DarkBlue,
'textAlign': 'center',
'font-size': 28,
'color': rc.RMIT_White,
'font-family': 'Sans-serif',
'font-weight': 'normal',
'line-height': '150%',
'align': 'center',
'margin-top': 2,
},
),
],
),
# Semester Titles #############################################
html.Div(
className='row',
style={'margin-bottom': 0,
'margin-left': 4,
'margin-right': 4,
'backgroundColor': rc.RMIT_White,
},
children=[
# Semester 1
html.Div(
className='six columns',
style={'margin-left': 10,
'margin-right': 5,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
html.P(children='Semester 1',
style={'text-align': 'center',
'font-size': 16,
'font-family': 'Sans-serif',
'font-weight': 'Bold',
'color': rc.RMIT_White,
'line-height': '100%',
'margin-left': 5,
'margin-right': 5,
'margin-top': 2,
'margin-bottom': 2,
'backgroundColor': rc.RMIT_Blue,
},
),
],
),
# Semester 2
html.Div(
className='six columns',
style={'margin-left': 5,
'margin-right': 10,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
html.P(children='Semester 2',
style={'text-align': 'center',
'font-size': 16,
'font-family': 'Sans-serif',
'font-weight': 'Bold',
'color': rc.RMIT_White,
'line-height': '100%',
'margin-left': 5,
'margin-right': 5,
'margin-top': 2,
'margin-bottom': 2,
'backgroundColor': rc.RMIT_Blue,
},
),
],
),
],
),
# Graphs #############################################################
html.Div(
className='row',
style={'margin-bottom': 0,
'margin-left': 0,
'margin-right': 0,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
# OSI Sem 1 Graph
html.Div(
className='six columns',
style={'margin-left': 0,
'margin-right': 10,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
dcc.Graph(
id='{}-graph1'.format(measure),
figure=create_school_RMIT_graph(
df1=df,
measure=measure,
start_year=2015, end_year=2018,
semester=1,
height=400,
width=396,
background='#FFFFFF')
)
],
),
# OSI Sem 2 Graph
html.Div(
className='six columns',
style={'margin-left': 0,
'margin-right': 0,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
dcc.Graph(
id='{}-graph2'.format(measure),
figure=create_school_RMIT_graph(
df1=df,
measure=measure,
start_year=2015, end_year=2018,
semester=2,
height=400,
width=396,
background='#FFFFFF')
)
],
),
],
),
# Table ################################################################
html.Div(
className='row',
style={'margin-bottom': 0,
'margin-left': 0,
'margin-right': 0,
'margin-top': 0,
'backgroundColor': rc.RMIT_White,
},
children=[
dcc.Graph(
id='{}-table'.format(measure),
figure=generate_school_ces_pd_table(df, start_year, end_year, measure),
style={'margin': 0,
'margin-top': 0,
'margin-left': 0,
'margin-right': 0,
},
),
],
),
],
)
return div