uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
342 Commits 6 Branches 24 Tags
b2bce1c0d619ee7a2a74fd47b0b8bf058b7bfa5e
Commit Graph
100 Commits
This Branch
This Branch
All Branches
Author SHA1 Message Date
Arpad Csanyi b2bce1c0d6 Modify layout of keys with two letters on it. #27 2016-04-30 15:10:17 +02:00
Arpad Csanyi 18ffc6f1c4 Key title layout when only multiple modifiers are selected. #27 2016-04-29 22:45:43 +02:00
Arpad Csanyi a926ce92c2 Add newly created mouse icon. #27 2016-04-28 22:41:33 +02:00
Arpad Csanyi 0cdc62755e Update the mouse icons on the layout with the new one. #27 2016-04-28 22:40:56 +02:00
Arpad Csanyi d17f10deda Add new mouse icons variants. #27 2016-04-27 23:13:59 +02:00
Arpad Csanyi 80862f16da Try a new icon for the mouse actions. #27 2016-04-26 01:53:03 +02:00
Arpad Csanyi 9374d55924 Add different layouts of the selected switch type. #27 2016-04-26 01:22:35 +02:00
Arpad Csanyi 2351975a49 Add Layer Switcher Action key title layouts. #27 
These buttons are toggles, so you will be able to use your mouse layer
without having to hold the mouse "key" pressed. Acts like caps lock.
 2016-04-26 00:48:38 +02:00
Arpad Csanyi 86d32dc6f8 Add new icon for the macros instead of the play icon. 2016-04-25 22:59:12 +02:00
Arpad Csanyi ade1408314 Create initial design of macro action key titles. #27 2016-04-24 23:34:20 +02:00
Arpad Csanyi 3123bb34b0 All program shortcuts are shown as the keys pressed simultaneously. #27 
This is so, as a shortcut can be assigned in multiple programs without
interference, but on the key we can represent only one program(group)
for that shortcut defined on that key.
 2016-04-24 22:50:17 +02:00
Arpad Csanyi 5a123d55c2 Add some more keys on the mod layer. #27 2016-04-23 21:32:00 +02:00
Arpad Csanyi 8ee071539c Create variant of layout layer switcher layout design: #27 2016-04-22 22:34:03 +02:00
Arpad Csanyi cbf42c760d Add missing keyboard icon. #27 2016-04-21 18:21:37 +02:00
Arpad Csanyi c651adbb21 Add Keymap Switching key title layout. #27 2016-04-20 23:25:38 +02:00
Arpad Csanyi 1cfbe35ae1 Add new icons used on the key titles. #27 2016-04-19 00:07:04 +02:00
Arpad Csanyi 44a93c329d Add new icons key title layouts to the fn layer. #27 
This phase contains multiple ides:
- Lock, Search, Calculator: we have text and icon. Would just an icon
be enough?
- The browser related button on the second row are represented by their
shortcut. This can be set up on the keypress action interface.
- In the third line the first shortcut is for stepping back in the
  history. I wouldn't recognize it seeing it on a keyboard, but it's
  consistent with the shortcuts of the second row (which are more
  familiar for everybody)
- The other direction of the history navigation is "represented as the
  media buttons". This is more straightforward when looking at the
  keyboard than it's shortcut would be (cmd+]).
 2016-04-18 23:28:12 +02:00
Arpad Csanyi 082103aa9e Fix permissions of example file. 2016-04-18 23:27:50 +02:00
Arpad Csanyi 9bbd5f39b1 Add icons for the fn layer. #27 
The icon for the screen lock was created from two icons: display and
lock4.
 2016-04-17 21:47:00 +02:00
Arpad Csanyi a2be0d4e25 Add first batch of icons for being able to work on the sprite. #27 2016-04-16 21:10:18 +02:00
Arpad Csanyi 387a4e12e8 Add mod layer designs with the menu key. #27 2016-04-16 15:41:21 +02:00
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