Listing folder content with React-Router - javascript

I am building a "product documentation" web application using React. The application just sits on a shared drive, the user opens index.html and browses the docs. I use React and Bootstrap for getting a nice menu/tree etc. I have client side code, only.
I also have a bunch of PDF-s organized nicely into folders. The number of files will grow over time. I want the user to be able to browse among the files. I would be happy to have an ordinary anchor tag that opens the appropriate folder in Windows Exporer. This actually does the trick:
<a href="./folder_i_want_to_display/" >My product docs</a>
However, since I use React Router, the link does not pull up Windows Explorer anymore. Do you have any suggestion?
Browsers:IE10 and 11 only.

Related

Javascript not implemented in Rails version 7 project

I have a major problem in my rails project. Some javascript files located in the app/assets/javascripts directory are not being implemented.
More specifically, i'm implementing the project from https://www.freecodecamp.org/news/lets-create-an-intermediate-level-ruby-on-rails-application-d7c6e997c63f/
My github repository for the project is https://github.com/nknts33000/Rails/
The last commit where i'm stuck on this project is commit "Add a popup window to show a full post's content",where you use a js pop up window to see the posts from different users.
Sometimes when i run the project, i don't even get the posts from different users on the front page. And sometimes when the posts are showing,nothing happens when i click on them.
Any ideas what's going on?
my page so far

Integrating CKEditor in Dynamics NAV

I'm trying to integrate the CKEditor in Dynamics NAV. Dynamics NAV allows to integrate JavaScript AddIns. Unfortunately, there are some restrictions. One of these restrictions is the strict folder hierarchy for all the files, that belong to the addin. In order to import such a JavaScript Addin, the developer has to create a .ZIP file with a manifest.xml file in the root and three subfolders for Script, Stylesheet and Image. As you can imagine, if I split all files from CKEditor and its plugins and put them into the new folder structure, the editor won't work. On the other hand, if I leave them in their original folder structure, the AddIn could not be imported into Dynamics NAV.
Any ideas?
Put any Third-party software components on the IIS / NAV Webserver.
reference the js inside the Manifest.xml with:
<ScriptUrls>
<ScriptUrl>https://yourserver/ckeditor_version/ckeditor.js</ScriptUrl>
</ScriptUrls>
This is the offical way for all components:
https://learn.microsoft.com/en-us/dynamics-nav/manifest-overview

Routing and navigation in Office taskpanes

I have a mean-stack site with angular-ui-router, now I want to code an Office add-in with a server and a part of its functionality, and interact with Office.
I have seen add-in commands, which permits of going to certain pages from ribbon buttons. But could anyone tell me what should be the best tool to implement navigation (as well as going back & forward) inside the task pane (like ui-view and ui-router for a web site).
For example, how should we implement the navbar and the navigation in the following taskpane?
Additionally, I have seen some add-ins can launch 2 taskpanes (by 2 ribbon buttons in the same group) at the same time. We can switch between 2 taskpanes, and we can also show them side by side at the same time.
Does anyone know how to achieve this?
For independent taskpanes, you can specify an unique TaskpaneId for each Action defined in your manifest. See the manifest Action documentation for details. Note that this isn't supported by Outlook.
The UX you're referencing is using two different types of control elements. In this case there are several Button controls and a Menu control (the drop-down).
All of the above are defined within your add-in's manifest file. For working examples of add-in commands there is an Office Add-in Commands Sample available on GitHub. There are several add-in samples included in this repo, each with their own manifest (for example, the Word manifest).
For routing/navigation it's good to use angular router, so that the application will behave as a single page application.
Regarding navigation through dialogue windows opened by ribbon buttons or interaction among them is not possible till now in my knowledge. Each button should call different modules.

SharePoint not always loading jquery in Word 365 "Online" add -in

I have created an Office add-in which side loads Documents in SharePoint into Word.
To debug I use Word online, and open a more or less blank Word document in the same folder in SharePoint.
I then "Upload" my manifest file and initialise the add-in.
The add-in makes extensive use of jquery - and to avoid pitfalls I access a jquery file in the same folder set in SharePoint (hardcoded URL for now) rather than using the default SharePoint jquery.
So in SharePoint I have folders
Main Hosting folder
followed by
ContentDOCX has 1..n Word documents
Images all the images I use in the add-in (+ and - treeview for jquery)
Scripts Office js 1, jquery latest stable, and my add-in js
generated.aspx (the add-in html) with references to above scripts and images and sp.js from SharePoint /_layouts/15/ folder
and a nearly empty testGen.docx - which I am using to debug the code - up to Word.run, at which point the browser naturally errors, but I can test the last in Word locally.
When I load using Word online, I can happily run, view debug, and Word locally all works fine.
But when I ask one of the team to test the add-in fails to load jquery treeview, so they get an ugly badly designed bullet list, and a broken up web page in their add-in. Both online Word, via a browser and local Word.
Comparing browser settings in IE 11, they look identical.
We all have the same level of access to the SharePoint folders
Any suggestions regarding what might be preventing the scripts from running on the team machines? (Antivirus and firewall have both been checked)
One of the team can load a locally based copy I built, and jquery treeview works, but SharePoint fails - so it seems to point at remote web or SharePoint access.
Turned out to be a stupid error on my part!
When you copy sets of files to SharePoint using OneDrive for business they load as "checked in" - so all the html, JavaScript files etc. were safely checked in.
What I didn't know is that css files dragged into "Custom" folder in the sites Style library are not checked in.
Here's the odd part, not checked in files will work for the creator, but not for anyone else.
Once I was able to get to another users machine with debugging, I could see the CSS files were not being found (this was the misleading part, as jQuery was available, but tree-view is reliant on the CSS!) A quick browse on the same users machine to the Style Library and I noticed the CSS files were not visible! A quick check-in and all immediately worked fine!
Oh well you live and you learn!
Thanks to all who took time to look at this.

How to get page.js to work in a single page AND multipage on the same site?

am using page.js for routing in a Grails application using '/' to point /HomeController/index to serve up a single page web application. I just installed Grails Spring Security Core plugin, and I am using the Grails scaffolding to create the User Admin/Permissions views with the goal of serving them in the traditional multi-page way to avoid having to do a lot of UI work on admin pages. The bulk of the application will be served using single page architecture, with just the admin pages being served multi-page.
In their documentation, page.js says, "By default when a route is not matched, page.js will invoke page.stop() to unbind itself, and proceed with redirecting to the location requested. This means you may use page.js with a multi-page application without explicitly binding to certain links." But, I cannot get it to work...
I am using page.js like so:
page('/', SCM.Dashboard.home);
page('/hx', SCM.HX.summary);
page('/hx/vendor', SCM.HX.vendors);
page('/hx/customer', SCM.HX.customers);
page('/customer/list', SCM.Customer.list);
page('/maintenance/activity', SCM.Maintenance.activity);
page();
When I click a link to '/user', based on their documentation, I expect it to forward directly to 'http://domain.com/user'. It adds the correct path to browser location bar (http://domain.com/user), but the browser never forwards to the page. In order to see the page, I have to click the link, and after the location bar has changed, if I refresh the browser window, the correct page appears - obviously unacceptable. Yet, I cannot find in their documentation how to implement this correctly. I have experimented with various settings for hours with no luck. If I comment out the page.js code above, the multi-page admin pages work fine, and I am able to navigate from page to page no problem. Has anyone solved this problem?
I just upgraded from version 1.4.0 to version 1.5.0 and it links between the Single page (Main app) and Multi-page (Admin functionality) portions of the application seamlessly with no configuration needed!! Excellent feature addition!

Categories

Resources