====== Interface manager ====== ~~NOTOC~~ Interface is a **customized** selection of data columns displayed in the [[te3:admin_panel#Stats table|Stats table]]. TE3 "Interface manager" enables you to create various interfaces corresponding to your traffic trading actions, switch between them with just one click, or edit them at any time. {{:te3:interface_tut15.png?nolink |}} {{:te3:tut_step_1.png?nolink|}} **Open "interface manager" drop-down menu** \\ \\ \\ \\ {{:te3:tut_step_2.png?nolink|}} **Switch between interfaces** \\ \\ \\ \\ \\ \\ {{:te3:tut_step_3.png?nolink|}} **Edit interfaces** \\ \\ \\ {{:te3:tut_step_4.png?nolink|}} **Add new interfaces** \\ \\ You can create and display interfaces in the following menus: [[te3:overview|Overview]], [[te3:pages|Pages]], [[te3:network|Network]] and Settings / Sign-up page / [[te3:signup#Webmaster statistics|Webmaster statistics]]. ---- ===== Select interface ===== Click on the {{:te3:customize_button1.png?nolink|}} ''Interfaces'' button to open the "Interface manager drop-down". Select the inteface you wish to survey, click on it and it will be loaded into the stats table. Selected interface is stored into a cookie. Next time you open this menu, last selected interface will be automatically displayed. We have pre-added a "Default" interface with stats for basic traffic trading actions. Although you can edit it, we advise you to create new interfaces and experiment with the settings you prefer. ---- ===== Add new interfaces ===== Click {{:te3:interface_plus.png?nolink|''+''}} icon in the footer and open a "Customize interface" window. [[te3:interface_manager_available_parameters|Available parameters]] are sorted into 12 expandable sections - enable a preferred parameter by ''check boxing'' it and it will be displayed as a column of data in the stats table (if you ''check box'' a section, you enable every parameter in the section). A new interface already has default parameters enabled, but you can disable them, enable those you prefer and completely modify it to suit your needs: * reposition all sections and parameters - simply drag them up and down and change column order. * rename the enabled parameters - to view original column name, hold mouse over the ''input field'' and it will appear in the tooltip. * further customize your intefaces by setting a desired colour for each individual column. ++++ Example: Add new interface | Let's create an interface with [[te3:forces|Forces]] stats enabled: **Step by step** {{:te3:interface11.png?nolink |}} {{:te3:tut_step_1.png?nolink|}} Navigate to the [[te3:overview|Overview]] menu, click on the {{:te3:customize_button1.png?nolink|}} ''Interfaces'' button and open the "Interface manager drop-down". \\ \\ \\ \\ \\ \\ \\ \\ \\ {{:te3:tut_step_2.png?nolink|}} Click {{:te3:interface_plus.png?nolink|''+''}} icon in the footer and open a "Customize interface" window. \\ \\ \\ {{:te3:interface10.png?nolink |}} \\ \\ \\ {{:te3:tut_step_3.png?nolink|}} Select parameters you wish to enable. We'll enable ''Forces'' stats - you can ''Mass checkbox'' the whole section, or expand the accordion and ''Checkbox'' individual stats. \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ {{:te3:tut_step_4.png?nolink|}} Select a name for the new interface - we'll choose "forces". {{:te3:tut_step_5.png?nolink|}} Click {{:te3:button_save.png?nolink|}} or press ''Enter'' to save the interface. \\ \\ The new interface will automatically get loaded in the "stats table". To switch back to "default" interface, open "Interface manager" and click on "default". ++++ ---- ===== Edit existing interfaces ===== Click ''Edit'' button in the footer of "Interface manager", then click {{:te3:interface_edit.png?nolink|}} ''Edit interface'' icon for the respective interface and open "Customize interface" window. To confirm your settings, click ''Save as''. If you wish to save your modifications as a new interface, enter an ''Interface name'' and click ''Save''. ++++ Example: Edit interface | Let's edit an interface: **Step by step** {{:te3:interface_tut12.png?nolink |}} {{:te3:tut_step_1.png?nolink|}} Navigate to the [[te3:overview|Overview]] menu, click on the {{:te3:customize_button1.png?nolink|}} ''Interfaces'' button and open the "Interface manager drop-down". \\ \\ \\ \\ \\ \\ \\ \\ \\ {{:te3:tut_step_2.png?nolink|}} Click ''Edit'' button in the footer of “Interface manager". {{:te3:interface_tut13.png?nolink |}}{{:te3:tut_step_3.png?nolink|}} Click {{:te3:interface_edit.png?nolink|}} ''Edit interface'' icon for the desired interface and open "Customize interface" window. We'll edit our "forces" interface. \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ {{:te3:interface_tut5.png?nolink |}} {{:te3:tut_step_4.png?nolink|}} Let's rearrange column order - click on the ''Forces'' section header. \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ {{:te3:interface_tut6.png?nolink |}} {{:te3:tut_step_5.png?nolink|}} Drag the section up and click {{:te3:button_save.png?nolink|}} or press ''Enter''. \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ **Congratulations, you have edited the interface and repositioned "Forces" section.** {{:te3:interface_tut7.png?nolink|}} ++++ ++++ Example: Set color for individual columns | "Interface manager" allows you to create completely unique interfaces with stats, corresponding to your traffic trading actions. You can even set a desired colour for each individual column. Let's edit "forces" interface again: **Step by step** {{:te3:interface_tut8.png?nolink |}} {{:te3:tut_step_1.png?nolink|}} Expand ''Forces'' section. \\ \\ {{:te3:tut_step_2.png?nolink|}} Use {{:te3:interface_color.png?nolink|}} icon to open the "Color selector". Let's set color for ''Instant column''. \\ \\ \\ \\ \\ {{:te3:interface_tut9.png?nolink |}} {{:te3:tut_step_3.png?nolink|}} Select the color from the palette. Then click anywhere in the large square to refine your selection. \\ \\ {{:te3:tut_step_4.png?nolink|}} Click {{:te3:button_ok.png?nolink|}} to set the color and {{:te3:button_save.png?nolink|}} the interface. \\ \\ \\ \\ \\ \\ \\ \\ \\ "forces" interface now looks like this: {{:te3:interface_tut10.png?nolink|}} ++++ ---- ===== Delete existing interfaces ===== Click {{:te3:interface_edit2.png?nolink|}} button in the footer, then click {{:te3:interface_delete.png?nolink|}} ''Delete'' icon for the respective interface. ---- ===== Network ===== [[te3:network_sync|Network sync]] function allows you to copy interface to the other sites in your [[te3:network|network]]. To proceed, select sites from the multiple select box and click ''Save'' button. If interface with the same name already exists on some sites in your network, it will be overwritten. ++++ Example: | {{ :te3:interface_tut14.png?nolink|}} {{:te3:tut_step_1.png?nolink|}} Select sites from the multiple select box (use CTRL + left mouse click to select / deselect preferred sites). \\ \\ {{:te3:tut_step_2.png?nolink|}} Click {{:te3:button_save.png?nolink|}} button to perform the sync. \\ \\ The respective interface will be exported to the selected sites. If interface with the same name already exists on some sites in your network, it will be overwritten. ++++ ---- ===== Related topics ===== **User manual:** [[te3:interface_manager_available_parameters|Available parameters]]