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