Differences

This shows you the differences between two versions of the page.

--- te3:interface_manager [2014/11/06 08:07] – [Add new interfaces] moderator
+++ te3:interface_manager [2014/11/20 18:55] (current) – moderator
@@ Line 1: / Line 1: @@
 ====== 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.
-Interface is a **customized** selection of data columns displayed in the [[te3:admin_panel#Stats table|Stats table]]. TE "Interface manager" enables you to create various interfaces corresponding to your traffic trading actions, to switch between them with just one click, or to 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** \\ \\
-They can be created and displayed in the following menus: [[te3:overview|Overview]], [[te3:pages|Pages]], [[te3:network|Network]] and Settings / Sign-up page / [[te3:signup#Webmaster statistics|Webmaster statistics]].
+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]].
 ----
@@ Line 11: / Line 13: @@
 ===== Select interface =====
-{{ :te3:interface_man1.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". 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. \\ \\ <WRAP caution>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.</WRAP>
+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.
+<WRAP caution>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.</WRAP>
 ----
@@ Line 18: / Line 22: @@
 ===== Add new interfaces =====
- Click {{:te3:interface_plus.png?nolink|''+''}} icon in the footer and open a "Customize interface" window. The amount of [[te3:interface_manager_available_parameters|available parameters]] is extensive, therefore they are sorted into 12 sections. Each section expands into a list of parameters - enable a preferred parameter by ''check boxing'' it (if you ''check box'' a section, you enable every parameter in the section) and it will be displayed as a column of data in the stats table.
+ 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 - use ''Drag'' icon to drag them up and down and change column order.
+  * 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. Use {{:te3:interface_color.png?nolink|}} icon to open the "Color selector".  First click on the color strip to the right and select the color from the palette. Then click anywhere in the large square to refine your selection.
+  * further customize your intefaces by setting a desired colour for each individual column.
-To confirm your settings, enter an ''Interface name'' and click ''Save''.
+++++ Example: Add new interface |
+Let's create an interface with [[te3:forces|Forces]] stats enabled:
+<fs 125%>**Step by step**</fs>
+{{: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 and delete existing interfaces =====
+===== 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:
+<fs 125%>**Step by step**</fs>
+{{: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:
+<fs 125%>**Step by step**</fs>
+{{: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|}}
+++++
-{{ :te3:interface3.png?nolink|}}
-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. All functions are same as with "Add new interfaces". 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''. \\ \\ Click ''Edit button'' in the footer, then click {{:te3:interface_delete.png?nolink|}} ''Delete'' icon for the respective interface.
+----
+===== 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.
 ----
@@ Line 40: / Line 101: @@
 ===== 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
+[[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.
-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]]