<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Web frontend on AgStack Documentation</title><link>https://docs.agstack.org/inatrace/frontend/</link><description>Recent content in Web frontend on AgStack Documentation</description><generator>Hugo</generator><language>en-us</language><atom:link href="https://docs.agstack.org/inatrace/frontend/index.xml" rel="self" type="application/rss+xml"/><item><title>Getting started</title><link>https://docs.agstack.org/inatrace/frontend/getting-started/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://docs.agstack.org/inatrace/frontend/getting-started/</guid><description>&lt;p&gt;Running the INATrace web frontend against a local backend.&lt;/p&gt;&#10;&lt;h2 id="requirements"&gt;Requirements&lt;/h2&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;Node 14.x. Later majors do not work: the Angular 10 development server stops at startup with&#10;&lt;code&gt;An unhandled exception occurred: No such module: http_parser&lt;/code&gt;. Node 14 is past end of life, so&#10;install it next to your usual version with a version manager (nvm, asdf, volta) rather than&#10;system-wide.&lt;/li&gt;&#10;&lt;li&gt;Angular 10 comes from &lt;code&gt;npm install&lt;/code&gt;; there is nothing to install separately, and the commands&#10;below use the project&amp;rsquo;s own CLI.&lt;/li&gt;&#10;&lt;li&gt;WebStorm or VS Code (recommended)&lt;/li&gt;&#10;&lt;li&gt;VS Code pluggins:&#10;&lt;ul&gt;&#10;&lt;li&gt;Debugger for Chrome&lt;/li&gt;&#10;&lt;li&gt;EditorConfig for VS Code&lt;/li&gt;&#10;&lt;li&gt;npm support for VS Code&lt;/li&gt;&#10;&lt;li&gt;HTML Format (from Mohamed)&lt;/li&gt;&#10;&lt;li&gt;TSLint&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;h2 id="how-to-run"&gt;How to run&lt;/h2&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;Clone the repository&lt;/p&gt;</description></item><item><title>Using INATrace</title><link>https://docs.agstack.org/inatrace/frontend/user-interface/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://docs.agstack.org/inatrace/frontend/user-interface/</guid><description>&lt;p&gt;What a user sees on the way in: the public welcome page, registration, and the home screen each company lands on.&lt;/p&gt;&#10;&lt;h2 id="welcome-page"&gt;Welcome page&lt;/h2&gt;&#10;&lt;p&gt;This is the welcome page at &lt;a href="https://inatrace.org/"&gt;inatrace.org&lt;/a&gt;&#10;. From here, existing users can login by clicking &amp;ldquo;Login&amp;rdquo; in the top right corner. New users can click on &amp;ldquo;Read more&amp;rdquo; button, where they can get more info on how to get registered.&lt;/p&gt;&#10;&lt;p&gt;&lt;img&#10; src="https://docs.agstack.org/inatrace/frontend/images/inatrace_welcome.png"&#10; alt="INAtrace welcome"&#10; loading="lazy"&#10; class="img-fluid"&#10;/&gt;&lt;/p&gt;&#10;&lt;h2 id="registration"&gt;Registration&lt;/h2&gt;&#10;&lt;p&gt;New users must enter their name, surname, email and password. The terms and conditions have to be accepted. The submitted email address receives a confirmation link to confirm the email address. After confirming the email, a system admin must activate the account.&lt;/p&gt;</description></item><item><title>Products</title><link>https://docs.agstack.org/inatrace/frontend/products/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://docs.agstack.org/inatrace/frontend/products/</guid><description>&lt;p&gt;A product is what a company sells and traces. This is where its details, its QR labels, the companies involved in making it, and the public-facing B2C page are configured.&lt;/p&gt;&#10;&lt;p&gt;&lt;img&#10; src="https://docs.agstack.org/inatrace/frontend/images/icon-products.svg"&#10; alt="Products_icon"&#10; loading="lazy"&#10; class="img-fluid"&#10;/&gt;&lt;/p&gt;&#10;&lt;p&gt;Each company has its products, which are visible in the products tab which is opened by clicking the above icon.&lt;/p&gt;&#10;&lt;h2 id="product-settings"&gt;Product settings&lt;/h2&gt;&#10;&lt;p&gt;Each product can contain information like name, picture, origin, data about social responsibility, environmental sustainability, etc. This is defined in the &amp;ldquo;Product settings&amp;rdquo;.&lt;/p&gt;</description></item><item><title>Company operations</title><link>https://docs.agstack.org/inatrace/frontend/companies/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://docs.agstack.org/inatrace/frontend/companies/</guid><description>&lt;p&gt;The day-to-day record of a cooperative: what came in from farmers, what was done to it, what was paid for it, and who the farmers are.&lt;/p&gt;&#10;&lt;p&gt;The currently active company is displayed when opening the company tab. &amp;ldquo;Deliveries&amp;rdquo; tab of &amp;ldquo;My stock&amp;rdquo; is opened by default.&lt;/p&gt;&#10;&lt;h2 id="deliveries"&gt;Deliveries&lt;/h2&gt;&#10;&lt;p&gt;Shows deliveries of semi-products from farmers and collectors. By selecting a facility, new deliveries can be recorded by clicking &amp;ldquo;Add delivery&amp;rdquo; or &amp;ldquo;Add bulk delivery&amp;rdquo;.&lt;/p&gt;</description></item><item><title>Dashboard</title><link>https://docs.agstack.org/inatrace/frontend/dashboard/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://docs.agstack.org/inatrace/frontend/dashboard/</guid><description>&lt;p&gt;Deliveries and processing performance over a selected period, exportable to Excel, PDF or CSV.&lt;/p&gt;&#10;&lt;p&gt;The Dashboard contains a graphical representation of selected Company data. Currently, there is support for displaying the Deliveries for the selected time frame and displaying processing performance for the selected Processing action and time frame.&lt;/p&gt;&#10;&lt;h2 id="deliveries"&gt;Deliveries&lt;/h2&gt;&#10;&lt;p&gt;&lt;img&#10; src="https://docs.agstack.org/inatrace/frontend/images/inatrace_dashboard_deliveries.png"&#10; alt="INAtrace_user_profile"&#10; loading="lazy"&#10; class="img-fluid"&#10;/&gt;&lt;/p&gt;&#10;&lt;h2 id="processing-performance"&gt;Processing performance&lt;/h2&gt;&#10;&lt;p&gt;&lt;img&#10; src="https://docs.agstack.org/inatrace/frontend/images/inatrace_processing_performance.png"&#10; alt="INAtrace_user_profile"&#10; loading="lazy"&#10; class="img-fluid"&#10;/&gt;&lt;/p&gt;&#10;&lt;p&gt;For every graphical representation section, the user can export the data for the selected parameters in either Excel, PDF or CSV format.&lt;/p&gt;</description></item><item><title>System settings</title><link>https://docs.agstack.org/inatrace/frontend/settings/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://docs.agstack.org/inatrace/frontend/settings/</guid><description>&lt;p&gt;System-wide configuration, available to system administrators: companies, users, value chains, currencies and the type codebooks.&lt;/p&gt;&#10;&lt;p&gt;This section is dedicated to system settings. Settings are accessible by clicking the cog icon in the sidebar. This menu is only available for system administrators. Companies, users, value chains, currencies and settings are configured on these pages.&lt;/p&gt;&#10;&lt;h2 id="companies"&gt;Companies&lt;/h2&gt;&#10;&lt;p&gt;Here, new companies can be added and existing ones can be edited.&lt;/p&gt;&#10;&lt;p&gt;&lt;img&#10; src="https://docs.agstack.org/inatrace/frontend/images/inatrace_settings_companies.png"&#10; alt="INATrace company"&#10; loading="lazy"&#10; class="img-fluid"&#10;/&gt;&lt;/p&gt;&#10;&lt;h2 id="users"&gt;Users&lt;/h2&gt;&#10;&lt;p&gt;This is the list of system users. To show all users, the &amp;ldquo;My users&amp;rdquo; filter needs to be deactivated. Users can be edited, activated, deactivated and promoted or demoted out of the System admin role. Users can also be set as a Regional admin, which can administer resources owned by the companies where the user is part of.&lt;/p&gt;</description></item><item><title>Building</title><link>https://docs.agstack.org/inatrace/frontend/building/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://docs.agstack.org/inatrace/frontend/building/</guid><description>&lt;p&gt;Building and tagging a Docker image.&lt;/p&gt;&#10;&lt;p&gt;Builds are done using Docker with the build script located in &lt;code&gt;Dockerfile&lt;/code&gt;.&lt;/p&gt;&#10;&lt;p&gt;To build, tag and push an image run &lt;code&gt;docker-build.sh&lt;/code&gt;. See the file for a detailed command syntax.&lt;/p&gt;&#10;&lt;p&gt;To build and tag an image localy with name &lt;code&gt;inatrace-be&lt;/code&gt; and version &lt;code&gt;2.4.0&lt;/code&gt; run:&lt;/p&gt;&#10;&lt;pre tabindex="0"&gt;&lt;code&gt;./docker-build.sh inatrace-be 2.4.0&#10;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;To build and tag an image with name &lt;code&gt;inatrace-be&lt;/code&gt;, version &lt;code&gt;2.4.0&lt;/code&gt; and push it to a remote Docker registry &lt;code&gt;my-docker-registry&lt;/code&gt; run:&lt;/p&gt;</description></item></channel></rss>