how to create a dynamic menu of items - html

hey i'm trying to create an it ticketing system for a college project and im stuck trying to create a page in jsp where i take in N items from my database for which i use hibernate to interface with where all the tickets or x amount are displayed in separate boxes per ticket where it shows the title and the description of the ticket as well as a button that would allow me to link it to its corresponding page to fully view the ticket. i just cant seem to figured out what this kind of menu is called as every google search i have done has lead me to dead ends.
any help would be fantastic.

I believe you can utilize Bootstrap cards to do that. See their official website: https://v4-alpha.getbootstrap.com/components/card/ You can display some image/description for the ticket. So basically what you need is to render array of such cards.

Related

Vue / Nuxt - Content Api - Filter Json on category

Am trying to build a portfolio in Nuxt. The content of the portfolio is in GoogleSheets. Via GoogleSheets Api I created an portfolio.json in the Nuxt/Content folder. The presentation of the individual items and the overview of all the items is working.
Every portfolio item is in a category, I have a few categories. I want to be able to filter the items based on those categories.
Been trying to create a filter on the Portfolio page, but haven't succeeded yet. I have tried three different approaches, they are based on examples I found online.
example frontend, with dummy content: https://dl5en.sse.codesandbox.io
code : https://codesandbox.io/s/nuxt-content-filter-json-dl5en
attempt : recreated the example I saw on Youtube. Problem to get the filters working at all.
attempt : used a dev.to example to create filters. Problem, no items showing on first page visit. Would like to show them all at first visit.
attempt : used example in a reddit article to create filters. Problem, only items of one category are showing on first page visit. Would like to show them all at first visit.
If someone could give me some pointers on how to solve this problem(for one of the attempts), this is very much appreciated!
found solution. updated the Codesandbox with example. including reset filter button and active css class.
https://codesandbox.io/s/nuxt-content-filter-json-dl5en?file=/pages/reddit2/index.vue

Getting a specific text from a website using Regex in Shortcuts

I’m trying to create a Shortcut on iOS that uses Regex, what I’m trying to accomplish is getting the price of a product from a website but no matter what Regex commands I use don’t work. It would be easier if my computer was up and running and I was able to use addons to view the site better but I’m stuck on iOS for the time being. Viewing the source code line 606 displays
'productPrice':'409.99',
But nothing I try pulls the the price even from different lines in the code.
I’m trying to get the price from https://www.microcenter.com/product/512484/intel-core-i7-9700k-coffee-lake-36-ghz-lga-1151-boxed-processor
I just can’t figure out how to retrieve the price being shown, I’ve tried so many combinations I had to turn to more experienced user help.
this works for me: 'productPrice':'(.*?)', - link
Make sure you are getting the part of the page source that contains this information.
The answer was so simple, if using shortcuts on iOS I was able to pull the price of the MicroCenter product by these commands.
URL - microcenter page to product
Get Contents of URL (leave as is)
Get Text from Input
Match Text - Pattern - \$......
Get item from list - Item at Index / 2 (2 is for items on sale or not)
The rest you can decide what to do with it, make a notification or whatever you decide how to display the price. This answer I found was a way to make sure it works. Now I’ll make a menu of multiple items from micro I have my eye on to pull all the prices in 1 click display. https://m.imgur.com/Iljvsx6

How do I pass the quantities and prices of individual items to PayPal?

I'm currently taking a beginner's web design class. I wanted to expand upon a project we just did where we designed a site for a store and build a simple shopping cart using HTML and CSS and using PayPal to check out using a Sandbox account. I've already created a business Sandbox account and built the cart table with a list of items for purchase and number input forms for users to enter the quantity. My question is, how do I pass the individual quantities of the items and prices to the paypal cart?
Check the shopping cart items section of the variables reference. You'll notice fields that have a 'x' on the end of them. Those would be 1,2,3,etc. for each individual item.
The 2nd method on that page should help you setting that up : https://www.paypal.com/cgi-bin/webscr?cmd=p/pdn/howto_checkout-outside

Hold data for list to add later?

So no SQL tables or anything here. Basically, I have 3 pages that have 6 items each. Each item consists of an image and then some text and also a smaller image than changes from a check to an "x" depending on if user selects or not. So if the image is checked, the user is adding that to a list which would display on a fourth page. This data needs to persist through just a session and if the session times out, then it resets. If the list is complete and on that fourth page the user choices to email or share list via social sharing, then the data would be gone after that action. What I am trying to figure out is the best way to approach and implement this with minimal time and effort as it has to go out quickly. Can any of you explain and maybe point to some links with info on the best way to achieve?
This is being done in asp.net web forms with html, css, and javascript.
Much appreciated!
You can use ViewBag() (for view in razor) or ViewData[] (for page in .net) to hold data for one web page.when you want it to other page. You can pass it to other page.
check this out
ViewBag, ViewData and TempData

ListView add more items in Metro apps?

I have a metro application in which I have a Listview and service data contains above 100 items. Initially when am loading listview in my page it has to display only 8 items plus 1 more-related item and later if i click on a more-item it needs add another 9 items to my page and totally it has to show 17 items in my page and need to display more item also like that flow continues.What should I get to get my scenario.Can anyone help me.Below I tried to give u my scenario.
Thank you.
Take a look to this article: http://www.silverlightplayground.org/post/2012/06/10/Metro-Incrementally-load-GridView-and-ListView-with-ISupportIncrementalLoading.aspx.
There are a couple of solutions -- all depending on the work that you want to undertake. Also, I would suggest that you don't have a "More" button if you can help it -- it's not the best user interaction. Option 2 is going to give you the best experience.
Option 1
Use WinJS.Binding.List as your data source -- using this you can manipulate it like a JavaScript Array (e.g. push, pop etc). As you add & remove items from the list, the list view will react to those changes.
Full details are here.
Option 2
Create a VirtualDataSource derivation that is intimately aware of the ways in which you can request your data, and can offer up a consistent interface to the ListView. This enables your UI to be completely flexible to it's layout, and request enough data to satisfy the available space, while virtualizing the UI elements (better memory/performance), and the data (ensuring only the data needed by the user is requested.
Full worked example here.