Commit Graph
96 Commits
Author SHA1 Message Date
Arpad Csanyi 96c56c8081 Unify mouse icons + fix text size on some click action buttons. #27 2016-04-15 00:21:16 +02:00
Arpad Csanyi 1f26bd3034 Try mouse icon instead of mouse cursor icon on the given layer. #27 2016-04-14 23:50:02 +02:00
Arpad Csanyi 17ae4aab30 Add key title design for some media keys. #27 2016-04-14 02:20:21 +02:00
Arpad Csanyi e51b70eb66 Add key title designs for mouse clicks. #27 2016-04-14 00:15:25 +02:00
Arpad Csanyi 620f260c5b Add scroll key layouts. #27 2016-04-14 00:06:32 +02:00
Arpad Csanyi 8d572648c6 Add mouse movement key title designs. #27 2016-04-13 23:36:37 +02:00
Arpad Csanyi 9458509a8e Add file containing helper rects for alignments. #27
The magenta colored rects are the alignment helpers.
2016-04-13 21:54:17 +02:00
Arpad Csanyi 70c85c9a75 Update basic key title layouts. #27 2016-04-13 21:53:48 +02:00
Arpad Csanyi 9b040c6665 Modifier and layer switcher keys only have primary actions. #27
Possibly we can allow assigning multiple modifiers to a single key (e.g.
one keypress makes: ctrl+shift), so you wouldn't have to press two
modifiers. But that seems really and edge case.
2016-04-11 11:03:52 +02:00
Arpad Csanyi 6cc7fede82 Add some more layout ideas from keys: 1-3. #27. 2016-04-11 10:32:49 +02:00
Arpad Csanyi 41010cf220 Work on key layouts for the base layer. #27
The keys having a magenta background are the ones that are done. Changes
worth mentioning:
- key "4$" vs. "6^": see the difference of the two layout while having
  the same amount of information.
- key "9(" vs. "0)" (same as 7 vs. 8): the first key contains one
  text element and the spacing of between the top and bottom is based on
  line-height, while the second key is divided into 0.5-1-1-0.5
  portions, and the two text objects are aligned in the middle sections.
  This latter layout is more consistent with other parts of the keyboard
  as this same approach is used on the key "4$", and the benefit of this
  layout is that we don't have to deal with line-height, and can easier
  control the final layout.
2016-04-11 09:46:45 +02:00
Arpad Csanyi 7b1075c65f Create new design implementations of the keys. #27. 2016-04-06 23:37:30 +02:00
Arpad Csanyi 891d29ab2d Add design for the key titles. #27
On this picture there are good and bad examples as well. Check the
corresponding ticket for further information.
2016-04-01 10:34:11 +02:00
Arpad Csanyi 32b219a483 Remove red lines from keyboard designs. 2016-03-26 01:03:12 +01:00
Arpad Csanyi f844350782 Change the order of Scancode and Modifiers fixing #23.
I find the current spacing between the "Long press action" and the
"Modifiers" is enough, and not too much.
2016-03-26 00:54:25 +01:00
Arpad Csanyi 5099ea2f01 Close #21 by making the border of the popover's tip black. 2016-03-26 00:47:38 +01:00
Arpad Csanyi f5756a72bd Restructure scss file to make use of basic language features. 2016-03-26 00:45:56 +01:00
Arpad Csanyi 1c05abe9b9 Make scss file from old style.css and compile it as well. #21 2016-03-26 00:27:38 +01:00
Arpad Csanyi 60b11f9a69 Add css related to the previous change. #21 2016-03-26 00:26:59 +01:00
Arpad Csanyi 4c4717a982 Set currently selected key's color to the primary color. #21
This commit relates to #18 as well, as we will have to refactor the
color set here after finishing that issue.
2016-03-26 00:16:39 +01:00
Arpad Csanyi c62b8506e9 Close #19 by removing empty stars from the keymap menu items.
This way only the currently set default keymap will have an indicator in
the menu, and there won't be any interaction possible from there.
2016-03-26 00:00:06 +01:00
Arpad Csanyi 74cfe6d1af Close #20 by removing drag handles. 2016-03-25 23:32:52 +01:00
Arpad Csanyi 13e477d03c Recalculate .keyboard-slider height when changing imgs to svgs. #15.
If UI is loaded on a smaller screen, the svg will be cut in half as the
height of the image will be smaller then the height of the svg. There
could be other solutions for this, but this was the quickest, and it's
sufficient for the purpose of the mockup.
2016-03-17 16:08:36 +01:00
Arpad Csanyi 7ab20e4a6f Remove unneeded console.log(). 2016-03-17 16:08:18 +01:00
Arpad Csanyi af9a2416e2 Make the iframe 300px heigher so there will be space for dropdowns. #15 2016-03-17 16:04:48 +01:00
Arpad Csanyi d761c9c93f Fix typos. 2016-03-17 15:58:02 +01:00
Arpad Csanyi 0c8e9fe6f1 Quick mocking of the popover displaying functionality. #15
Its main purpose is to show colors and general layout. Precise
positioning is still missing.
2016-03-17 15:48:32 +01:00
Arpad Csanyi fd981fb79b Add basic theming to the keyedior popover (and iframe). #15 2016-03-17 15:47:47 +01:00
Arpad Csanyi c976cb056b Version of keyeditor popover designed to be displayed in popover. #15
This is needed as the other version has a small menu to switch between
the macro and the keyeditor mockups.
2016-03-17 15:45:56 +01:00
Arpad Csanyi 6585859346 Add iframe containing the keyeditor popover. #15 2016-03-17 15:44:52 +01:00
Arpad Csanyi c3d89d88d3 Fix keymap names. #15 2016-03-17 15:43:45 +01:00
Arpad Csanyi 7be4c27ce5 Change keyboard images SVG to inline SVG. Resolves #14. 2016-03-17 13:44:43 +01:00
Arpad Csanyi 589f2455ed Add missing (light) vertical bar for primary buttons. #6 2016-03-17 00:31:57 +01:00
Arpad Csanyi 32750c5121 Add basic sliding functionality. Resolves #6.
At least for the mockups I've chosen to use jQuery's animate function
for this functionality instead of css3 transitions. The reason is that I
have to compute widths with js, and the whole click event and class
addition/removal is handled there.
2016-03-17 00:29:35 +01:00
Arpad Csanyi 335f7be207 Add general _init() function. #6
This function is used to be able to call the same initialization process
for a given view every time we load that view. At the moment of
committing it's not really usable, but it can solve some issues later.
2016-03-17 00:23:21 +01:00
Arpad Csanyi 3a4b83f51c Remove unneeded console.log(). 2016-03-17 00:22:07 +01:00
Arpad Csanyi a48582f1b0 Theme the keyboard slider. #6 2016-03-17 00:21:05 +01:00
Arpad Csanyi bbd5aa60b4 Prepare layout and markup for the slider. #6 2016-03-17 00:18:44 +01:00
Arpad Csanyi 48317bbaa6 Remove owl carousel relate resources. #3 2016-03-15 23:14:12 +01:00
Arpad Csanyi 5e56dc81b5 Remove owl carousel related settings from the files. Fixes #3. 2016-03-15 23:02:23 +01:00
Arpad Csanyi fc9150081d Remove owl carousel library. #3 2016-03-15 22:54:25 +01:00
Arpad Csanyi a060d221bf Add compiled css related to the previous changes. 2016-03-15 22:47:17 +01:00
Arpad Csanyi cc2771934f Add missing image files. 2016-03-15 22:46:03 +01:00
Arpad Csanyi 0eaea4852b Show handle on sortable buttons resolves #9. 2016-03-15 22:45:03 +01:00
Arpad Csanyi 5da91749af Make the content match the default active menu item. 2016-03-15 22:43:52 +01:00
Arpad Csanyi 9e4457ad0a Fix css path of the macro mockup. 2016-03-15 20:48:46 +01:00
Arpad Csanyi d1cc203cab Fix links and GoogleTagManager code after the rename. 2016-03-15 20:46:45 +01:00
Arpad Csanyi 93f89a8a63 Make the app UI the default page on the mockup gh pages. 2016-03-15 20:43:47 +01:00
Arpad Csanyi 798eb4bf6c Add macro related js resources to the app. #7 2016-03-15 20:04:32 +01:00
Arpad Csanyi f18d41d678 Add new macro.css file to the app. #7 2016-03-15 17:47:53 +01:00
Arpad Csanyi 41ff7fe598 Create scss file from the old macro.css file. #7 2016-03-15 17:46:46 +01:00
Arpad Csanyi d7e4fa19ab Refactor general list styles as it was to specific. #5. 2016-03-15 17:35:31 +01:00
Arpad Csanyi 0bdf61a3a3 Fix bottom menu's depth. 2016-03-15 10:27:17 +01:00
Arpad Csanyi 8a1323d5bb Refactor app.scss to make use of nesting. This is part of #5. 2016-03-15 10:25:51 +01:00
Arpad Csanyi 7f22eb610d Remove "action links" related parts as they are not needed any more. 2016-03-14 17:48:46 +01:00
Arpad Csanyi 6148d12c84 Switch view on the right based on the selected menu item. 2016-03-14 17:39:24 +01:00
Arpad Csanyi eab1e0d0a8 Add data attributes on menu items.
The view on the right pane will be switched based on this.
2016-03-14 17:37:05 +01:00
Arpad Csanyi 933421e94f Add classes to make view switching easier on the mockups. 2016-03-14 17:35:58 +01:00
Arpad Csanyi bc0db45e6c Apply more general classes on pane title elements. 2016-03-14 16:52:54 +01:00
Arpad Csanyi 4d18b7a460 Make wrapper classes consistent. 2016-03-14 09:45:53 +01:00
Arpad Csanyi 1797b50847 Macro edition interface title theming+functionality. #7
The migration of the macro theming will come after.
2016-03-14 09:37:38 +01:00
Arpad Csanyi 68d566e233 Create basic markup of the Macro edition interface. #7 2016-03-14 09:34:29 +01:00
Arpad Csanyi 94062a5fde Reference the new location of the css file. 2016-03-06 21:52:24 +01:00
Arpad Csanyi 4bc3ebd108 Remove old css file, and add the new, compiled one. 2016-03-06 21:51:08 +01:00
Arpad Csanyi 0fe289661d Make current css file to a sass file.
It will need further optimizations (nesting, variables, ...).
2016-03-06 21:49:01 +01:00
Arpad Csanyi cb1f61b6b6 Add new tasks for compiling sass files. 2016-03-06 21:45:12 +01:00
Arpad Csanyi 39424a2b64 Keymap tile formatting resolves #10.
Probably we will be able to use this "trick" in the final version as
well. Regarding the browser support it's quite good.
2016-03-02 22:27:43 +01:00
Arpad Csanyi e3bf28d2bc Add verbose class names to keymap editor's slides. 2016-02-27 22:14:36 +01:00
Arpad Csanyi 91478c2b3c Implementing basic open/collapse functionality resolves #13. 2016-02-27 22:11:51 +01:00
Arpad Csanyi b590b8030b Resolve #2 by changing stateful colors of the keymap star. 2016-02-18 23:30:49 +01:00
Arpad Csanyi 41a6b095bd Setting overflow to auto fixes #1. 2016-02-18 23:16:45 +01:00
Arpad Csanyi ddc0b4a9dc Add GoogleAnalytics tracking to the app.html page. 2016-02-18 14:12:53 +01:00
Arpad Csanyi 85be54008c Improve theming and layout of the sidebar menu. 2016-02-18 01:37:33 +01:00
Arpad Csanyi f913cbe947 Create basic layout of the Agent's sidebar menu. 2016-02-17 09:50:54 +01:00
Arpad Csanyi f112d898b8 Delete split.js from the bower dependencies. 2016-02-16 23:26:12 +01:00
Arpad Csanyi 7e22531ccd Remove split.js from the agent. 2016-02-16 23:24:14 +01:00
Arpad Csanyi d4172951d3 Add link to the current mockup of the application UI. 2016-02-11 00:22:20 +01:00
Arpad Csanyi 37bac6b57e Add bower components used in the html files. 2016-02-11 00:18:37 +01:00
Arpad Csanyi abaa341c92 Add initial version of the application's UI. 2016-02-11 00:12:14 +01:00
Arpad Csanyi 325e049caf Add new library: OwlCarousel2. 2016-02-11 00:10:42 +01:00
Arpad Csanyi d1e43701de Completely hide the options being disabled. (better UX) 2016-02-11 00:09:14 +01:00
Arpad Csanyi 16232388e3 Create a function for the event handlers of the keypress tab. 2016-02-11 00:08:12 +01:00
Arpad Csanyi 7f04de545b Change icon of the "None" action. 2016-02-11 00:07:33 +01:00
Arpad Csanyi 03b9712ae9 Add Google Tag Manager's code. 2016-01-14 14:12:21 +01:00
Arpad Csanyi e0b9ff67bd Update URLs of README. 2016-01-14 02:01:08 +01:00
Arpad Csanyi 7d807aec42 Add Bootstrap's Glyphicons as it is used at some places. 2016-01-14 01:52:44 +01:00
Arpad Csanyi fc728f3010 Add FontAwesome font files from bower_components. 2016-01-14 01:47:01 +01:00
Arpad Csanyi 5db460073a Add bower_components used by the pages. 2016-01-14 01:45:05 +01:00
Arpad Csanyi 483aa32901 Revert "Add bower_components as it contains the resources used by github pages."
This reverts commit bfffb12f8f.
2016-01-14 01:15:58 +01:00
Arpad Csanyi 4a9e48624c Initial commit of the Macro editor's mockup. 2016-01-14 00:47:13 +01:00
Arpad Csanyi 47ed430847 Initial commit of the Keypress action editor's mockup. 2016-01-14 00:45:19 +01:00
Arpad Csanyi 521dcf4aa6 Add images used on the mockups. 2016-01-14 00:44:03 +01:00
Arpad Csanyi bfffb12f8f Add bower_components as it contains the resources used by github pages. 2016-01-14 00:43:09 +01:00
Arpad Csanyi 7b7b550e1a Add bower's configuration file. 2016-01-14 00:42:42 +01:00
Arpad Csanyi a06716ff8b Add gulpfile with browser-sync. 2016-01-14 00:41:48 +01:00
Arpad Csanyi 4072a58a24 Add README of the repository. 2016-01-13 23:37:32 +01:00