smartVISU
21:03, 22.08, v2.6

Icons

smartVISU uses two kinds of icons:

Dynamic Icons

Dynamic icons are based on svg-images. They are directly rendered in the browser and are the fastest way to show dynamic changes. Use the slider to see how the dynamic icon changes.
{{ icon.arrow('icon1', '', 'bath_light_value') }}
{{ icon.battery('icon2', '', 'bath_light_value') }}


icon.arrow
icon.battery
N
icon.compass
icon.shutter
N
icon.windrose
icon.windsock


Static Icons

Static icons are base on png-images. Some color-variants are shipped in the icons directory. To make them responsable to the design use as path "icon0" for "normal" icons and "icon1" for the highlighted version.
icon0~'light_light.png'
icon1~'light_light.png'
Examples
Icons located in "icons/ws/"

audio_audio.png

audio_eject.png

audio_eq.png

audio_fade.png

audio_ff.png

audio_headphone.png

audio_loudness.png

audio_pause.png

audio_play.png

audio_playlist.png

audio_rec.png

audio_repeat.png

audio_rew.png

audio_shuffle.png

audio_sound.png

audio_stop.png

audio_volume_high.png

audio_volume_low.png

audio_volume_mid.png

audio_volume_mute.png



control_all_on_off.png

control_arrow_down_left_right.png

control_arrow_down_left.png

control_arrow_down_right.png

control_arrow_down.png

control_arrow_downward.png

control_arrow_left.png

control_arrow_leftward.png

control_arrow_right.png

control_arrow_rightward.png

control_arrow_turn_left.png

control_arrow_turn_right.png

control_arrow_up_down.png

control_arrow_up_left.png

control_arrow_up_right.png

control_arrow_up.png

control_arrow_upward.png

control_building_2_s_all.png

control_building_2_s_dg.png

control_building_2_s_eg.png

control_building_2_s_kg.png

control_building_all.png

control_building_control.png

control_building_dg.png

control_building_eg.png

control_building_empty.png

control_building_filled.png

control_building_kg.png

control_building_modern_s_2og_all.png

control_building_modern_s_2og_dg.png

control_building_modern_s_2og_eg.png

control_building_modern_s_2og_kg.png

control_building_modern_s_2og_og1.png

control_building_modern_s_2og_og2.png

control_building_modern_s_all.png

control_building_modern_s_dg.png

control_building_modern_s_eg.png

control_building_modern_s_kg.png

control_building_modern_s_og.png

control_building_modern_s_okg_all.png

control_building_modern_s_okg_dg.png

control_building_modern_s_okg_eg.png

control_building_modern_s_okg_og.png

control_building_og.png

control_building_outside.png

control_building_s_all.png

control_building_s_dg.png

control_building_s_eg.png

control_building_s_kg.png

control_building_s_og.png

control_centr_arrow_down_left.png

control_centr_arrow_down_right.png

control_centr_arrow_down.png

control_centr_arrow_left.png

control_centr_arrow_right.png

control_centr_arrow_up_left.png

control_centr_arrow_up_right.png

control_centr_arrow_up.png

control_home.png

control_minus.png

control_on_off.png

control_outside_on_off.png

control_plus.png

control_reboot.png

control_return.png

control_standby.png

control_x.png

control_zoom_in.png

control_zoom_out.png



edit_collapse.png

edit_copy.png

edit_cut.png

edit_delete.png

edit_expand.png

edit_input_numeric.png

edit_open.png

edit_paste.png

edit_save.png

edit_settings.png

edit_sort.png



fts_blade_arc_close_00.png

fts_blade_arc_close_100.png

fts_blade_arc_close_50.png

fts_blade_arc_sun.png

fts_blade_arc.png

fts_blade_s_sun.png

fts_blade_s.png

fts_blade_z_sun.png

fts_blade_z.png

fts_door_open.png

fts_door_slide_2w_open_l.png

fts_door_slide_2w_open_lr.png

fts_door_slide_2w_open_r.png

fts_door_slide_2w.png

fts_door_slide_m.png

fts_door_slide_open_m.png

fts_door_slide_open.png

fts_door_slide.png

fts_door.png

fts_garage_door_10.png

fts_garage_door_100.png

fts_garage_door_20.png

fts_garage_door_30.png

fts_garage_door_40.png

fts_garage_door_50.png

fts_garage_door_60.png

fts_garage_door_70.png

fts_garage_door_80.png

fts_garage_door_90.png

fts_garage.png

fts_light_dome_open.png

fts_light_dome.png

fts_shutter_10.png

fts_shutter_100.png

fts_shutter_20.png

fts_shutter_30.png

fts_shutter_40.png

fts_shutter_50.png

fts_shutter_60.png

fts_shutter_70.png

fts_shutter_80.png

fts_shutter_90.png

fts_shutter_auto.png

fts_shutter_automatic.png

fts_shutter_daynight_auto.png

fts_shutter_down.png

fts_shutter_manual.png

fts_shutter_up.png

fts_shutter.png

fts_sliding_gate.png

fts_sunblind.png

fts_window_1w_open.png

fts_window_1w_tilt.png

fts_window_1w.png

fts_window_2w_open_l_tilt_r.png

fts_window_2w_open_l.png

fts_window_2w_open_lr.png

fts_window_2w_open_r.png

fts_window_2w_open.png

fts_window_2w_tilt_l_open_r.png

fts_window_2w_tilt_l.png

fts_window_2w_tilt_lr.png

fts_window_2w_tilt_r.png

fts_window_2w_tilt.png

fts_window_2w.png

fts_window_louvre_open.png

fts_window_louvre.png

fts_window_roof_open_1.png

fts_window_roof_open_2.png

fts_window_roof_shutter_10.png

fts_window_roof_shutter_100.png

fts_window_roof_shutter_20.png

fts_window_roof_shutter_30.png

fts_window_roof_shutter_40.png

fts_window_roof_shutter_50.png

fts_window_roof_shutter_60.png

fts_window_roof_shutter_70.png

fts_window_roof_shutter_80.png

fts_window_roof_shutter_90.png

fts_window_roof_shutter.png

fts_window_roof.png



it_camera.png

it_fax.png

it_internet.png

it_nas.png

it_net.png

it_network.png

it_pc.png

it_radio.png

it_remote.png

it_router.png

it_satellite_dish_heating.png

it_satellite_dish.png

it_server.png

it_smartphone.png

it_telephone.png

it_television.png

it_wifi.png

it_wireless_dcf77.png



light_bedside.png

light_cabinet.png

light_ceiling_light.png

light_control.png

light_diffused.png

light_dinner_table.png

light_downlight.png

light_dressing_room.png

light_fairy_lights.png

light_floor_lamp.png

light_led.png

light_light_dim_00.png

light_light_dim_10.png

light_light_dim_100.png

light_light_dim_20.png

light_light_dim_30.png

light_light_dim_40.png

light_light_dim_50.png

light_light_dim_60.png

light_light_dim_70.png

light_light_dim_80.png

light_light_dim_90.png

light_light.png

light_mirror.png

light_office_desk.png

light_office.png

light_outdoor.png

light_painting.png

light_party.png

light_pendant_light_round.png

light_pendant_light.png

light_stairs.png

light_uplight.png

light_wall_1.png

light_wall_2.png

light_wall_3.png

light_wire_system_1.png

light_wire_system_2.png



measure_current.png

measure_photovoltaic_inst.png

measure_power_meter.png

measure_power.png

measure_voltage.png

measure_water_meter.png

message_attention.png

message_error.png

message_garbage.png

message_info.png

message_light_intensity.png

message_mail_open.png

message_mail.png

message_medicine.png

message_notice.png

message_ok.png

message_presence_active.png

message_presence_disabled.png

message_presence_inactive.png

message_presence.png

message_service.png

message_socket_ch_3.png

message_socket_ch.png

message_socket_on_off.png

message_socket.png

message_stop.png

message_tendency_downward.png

message_tendency_steady.png

message_tendency_upward.png



phone_answersing.png

phone_call_end_in.png

phone_call_end_out.png

phone_call_end.png

phone_call_in.png

phone_call_out.png

phone_call.png

phone_dial.png

phone_missed_in.png

phone_missed_out.png

phone_ring_in.png

phone_ring_out.png

phone_ring.png



sani_boiler_temp.png

sani_buffer_temp_all.png

sani_buffer_temp_down.png

sani_buffer_temp_up.png

sani_domestic_waterworks.png

sani_earth_source_heat_pump.png

sani_floor_heating.png

sani_garden_pump.png

sani_heating_automatic.png

sani_heating_manual.png

sani_heating_temp.png

sani_heating.png

sani_irrigation.png

sani_pump.png

sani_return_temp.png

sani_solar_temp.png

sani_solar.png

sani_sprinkling.png

sani_supply_temp.png

sani_water_cold.png

sani_water_hot.png

sani_water_tap.png



scene_baby.png

scene_baking_oven.png

scene_bath.png

scene_bathroom.png

scene_childs_room.png

scene_cinema.png

scene_cleaning.png

scene_clothes_dryer.png

scene_cockle_stove.png

scene_cooking.png

scene_cubby.png

scene_day.png

scene_dinner.png

scene_dishwasher.png

scene_dressing_room.png

scene_drink.png

scene_fitness.png

scene_gaming.png

scene_garden.png

scene_hall.png

scene_keyboard.png

scene_laundry_room_fem.png

scene_laundry_room.png

scene_livingroom.png

scene_making_love_clean.png

scene_making_love.png

scene_microwave_oven.png

scene_night.png

scene_office.png

scene_party.png

scene_pool.png

scene_robo_lawnmower.png

scene_sauna.png

scene_scene.png

scene_shower.png

scene_sleeping_alternat.png

scene_sleeping.png

scene_stairs.png

scene_storeroom.png

scene_stove.png

scene_summerhouse.png

scene_swimming.png

scene_terrace.png

scene_toilet_alternat.png

scene_toilet.png

scene_visit_guests.png

scene_washing_machine.png

scene_wine_cellar.png

scene_workshop.png

scene_x-mas.png



secur_alarm.png

secur_encoding.png

secur_frost_protection.png

secur_heat_protection.png

secur_locked.png

secur_open.png

secur_smoke_detector.png



status_automatic.png

status_available.png

status_away_1.png

status_away_2.png

status_bat_00.png

status_bat_10.png

status_bat_100.png

status_bat_20.png

status_bat_30.png

status_bat_40.png

status_bat_50.png

status_bat_60.png

status_bat_70.png

status_bat_80.png

status_bat_90.png

status_bat_unknown.png

status_comfort.png

status_frost.png

status_locked.png

status_night.png

status_open.png

status_standby.png

status_vacation.png



temp_control.png

temp_frost.png

temp_inside.png

temp_outside.png

temp_temperature_00.png

temp_temperature_10.png

temp_temperature_100.png

temp_temperature_20.png

temp_temperature_30.png

temp_temperature_40.png

temp_temperature_50.png

temp_temperature_60.png

temp_temperature_70.png

temp_temperature_80.png

temp_temperature_90.png

temp_temperature_max.png

temp_temperature_min.png

temp_temperature.png

temp_windchill.png

text_max.png

text_min.png



time_automatic.png

time_calendar.png

time_clock.png

time_eco_mode.png

time_graph.png

time_manual_mode.png

time_note.png

time_statistic.png

time_timer_switch.png

time_timer.png



user_available.png

user_away.png

user_ext_away.png

user_n_a.png



vent_ambient_air.png

vent_bypass.png

vent_exhaust_air.png

vent_supply_air.png

vent_used_air.png

vent_ventilation_control.png

vent_ventilation_level_0.png

vent_ventilation_level_1.png

vent_ventilation_level_2.png

vent_ventilation_level_3.png

vent_ventilation_level_auto_1.png

vent_ventilation_level_auto_2.png

vent_ventilation_level_auto_3.png

vent_ventilation_level_auto_4.png

vent_ventilation_level_automatic.png

vent_ventilation_level_manual_m.png

vent_ventilation.png



weather_baraometric_pressure.png

weather_cloudy_heavy.png

weather_cloudy_light.png

weather_cloudy.png

weather_directions.png

weather_frost.png

weather_humidity.png

weather_light_meter.png

weather_moon_phases_1_new.png

weather_moon_phases_2.png

weather_moon_phases_3_half.png

weather_moon_phases_4.png

weather_moon_phases_5_full.png

weather_moon_phases_6.png

weather_moon_phases_7_half.png

weather_moon_phases_8.png

weather_moonrise.png

weather_moonset.png

weather_pollen.png

weather_rain_gauge.png

weather_rain_heavy.png

weather_rain_light.png

weather_rain_meter.png

weather_rain.png

weather_snow_heavy.png

weather_snow_light.png

weather_snow.png

weather_station_quadra.png

weather_station.png

weather_storm.png

weather_summer.png

weather_sun.png

weather_sunrise.png

weather_sunset.png

weather_thunderstorm.png

weather_wind_directions_e.png

weather_wind_directions_n.png

weather_wind_directions_ne.png

weather_wind_directions_nw.png

weather_wind_directions_s.png

weather_wind_directions_se.png

weather_wind_directions_sw.png

weather_wind_directions_w.png

weather_wind_speed.png

weather_wind.png

weather_winter.png

Widgets

Design

Misc