A map with monster data inputed in. Made to help orient the Tree of Savior Translation group on What monsters are found where.
This was my first app. Very crude and disorganized code. 'Monstall' isn't even proper JSON. A lot of repeat angularized HTML.
AngularJS + filtering a list via multiple dropdown options. JQuery mouseover map popup
CRUD functions: editing monsters. Search w/ 'search results' popup: ng-filter an object via multiple parameters. Monsters based off map-zone AND floor.
- Toggling buttons and tabs -> stay lit up without outlines, etc.
- "X" for closing pseudoelement (first use)
- Using a fullscreen clickblocker that darkens rest of site when user is focused on editing a monster
- Vertical Text
- Loading JSON Data via HTML
- Tabs, floors, selected zone control.
- Use of Angular Filters to filter Ng-Repeat
- Use of Ng-Switch for picture/icon handling
- Used MonsterDB.monstall.indexOf(monster) instead of $index to track monsters due to issues with non-sequential lists.
- Vertical Delete Button
- Use of a transparent, Full-screen DIV layer to block clicks outside edited object
- Use of
angular.copy($scope.MonsterDB.monstall[index], $scope.editedItem);- copy original to form-controlled 'editedItem' to edit.
- reverse to save ->
angular.copy($scope.editedItem, $scope.MonsterDB.monstall[index]);
- Share access of data between more than one Controller via Services.
- Angular Filter Array of Objects by 'searched for' object. Basic Name search and attribute searching.
- Should've used an Array of JSON for Map Data, ng-repeat prefers Arrays. With ng-style, could use JSON for positioning
- More ng-repeat to avoid repeated HTML elements.
- Split Controllers, or just do it in one controller and not have to use a service.