9 | About
10 |
11 |
12 | *@
13 | @Body
14 | @*
15 |
9 |
10 |
12 |
13 | @code {
14 | SfImageEditor _imageEditor;
15 | TopToolbar _topToolbar;
16 | Index _indexDetails;
17 | private void created()
18 | {
19 | var data = QueryHelpers.ParseQuery(NavigationManager.ToAbsoluteUri(NavigationManager.Uri).Query);
20 | if (data.TryGetValue("fileName", out var fileName))
21 | {
22 | _topToolbar.RootName = fileName.ToString();
23 | }
24 | if (data.TryGetValue("imageUrl", out var imageUrl))
25 | {
26 | string imageUrlString = imageUrl.ToString(); // Convert to string explicitly
27 | _imageEditor.OpenAsync(imageUrlString);
28 | }
29 | }
30 | private void BackClickHandler()
31 | {
32 | NavigationManager.NavigateTo(NavigationManager.BaseUri);
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/server/Shared/NavMenu.razor:
--------------------------------------------------------------------------------
1 | @*
7 |
8 |
9 |
26 |
27 |
28 | @code {
29 | private bool collapseNavMenu = true;
30 |
31 | private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
32 |
33 | private void ToggleNavMenu()
34 | {
35 | collapseNavMenu = !collapseNavMenu;
36 | }
37 | }*@
38 |
--------------------------------------------------------------------------------
/server/Models/Constants.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Linq;
4 | using System.Threading.Tasks;
5 |
6 | namespace DocumentExplorer.Models
7 | {
8 | public class Constants
9 | {
10 | public const string Zip = ".zip";
11 | public const string Pptx = ".pptx";
12 | public const string Pdf = ".pdf";
13 | public const string Docx = ".docx";
14 | public const string Doc = ".doc";
15 | public const string Rtf = ".rtf";
16 | public const string Txt = ".txt";
17 | public const string Dotx = ".dotx";
18 | public const string Docm = ".docm";
19 | public const string Dotm = ".dotm";
20 | public const string Dot = ".dot";
21 | public const string Xml = ".xml";
22 | public const string Html = ".html";
23 | public const string Bmp = ".bmp";
24 | public const string Dib = ".dib";
25 | public const string Jpg = ".jpg";
26 | public const string Jpeg = ".jpeg";
27 | public const string Jpe = ".jpe";
28 | public const string Jfif = ".jfif";
29 | public const string Gif = ".gif";
30 | public const string Tif = ".tif";
31 | public const string Tiff = ".tiff";
32 | public const string Png = ".png";
33 | public const string Ico = ".ico";
34 |
35 |
36 |
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/server/Pages/TopToolbar.razor:
--------------------------------------------------------------------------------
1 | @*@page "/topToolbar"*@
2 |
3 | @using Syncfusion.Blazor.Navigations
4 |
5 | @RootName
15 |
16 |
44 |
45 | An error has occurred. This application may no longer respond until reloaded.
46 |
47 |
48 | An unhandled exception has occurred. See browser dev tools for details.
49 |
50 | Reload
51 | 🗙
52 |
53 |
54 |
55 |
56 |
57 |
--------------------------------------------------------------------------------
/server/Pages/About.razor:
--------------------------------------------------------------------------------
1 | @page "/about"
2 |
3 |
6 |
7 |
50 | @code {
51 | private TopToolbar _topToolbar;
52 | protected override void OnAfterRender(bool firstRender)
53 | {
54 | if (_topToolbar != null)
55 | {
56 | _topToolbar.RootName = "About";
57 | }
58 | }
59 | #region TopToolBar Interaction
60 | private void BackClickHandler()
61 | {
62 | NavigationManager.NavigateTo(NavigationManager.BaseUri);
63 | }
64 | #endregion
65 | }
--------------------------------------------------------------------------------
/server/wwwroot/css/open-iconic/README.md:
--------------------------------------------------------------------------------
1 | [Open Iconic v1.1.1](http://useiconic.com/open)
2 | ===========
3 |
4 | ### Open Iconic is the open source sibling of [Iconic](http://useiconic.com). It is a hyper-legible collection of 223 icons with a tiny footprint—ready to use with Bootstrap and Foundation. [View the collection](http://useiconic.com/open#icons)
5 |
6 |
7 |
8 | ## What's in Open Iconic?
9 |
10 | * 223 icons designed to be legible down to 8 pixels
11 | * Super-light SVG files - 61.8 for the entire set
12 | * SVG sprite—the modern replacement for icon fonts
13 | * Webfont (EOT, OTF, SVG, TTF, WOFF), PNG and WebP formats
14 | * Webfont stylesheets (including versions for Bootstrap and Foundation) in CSS, LESS, SCSS and Stylus formats
15 | * PNG and WebP raster images in 8px, 16px, 24px, 32px, 48px and 64px.
16 |
17 |
18 | ## Getting Started
19 |
20 | #### For code samples and everything else you need to get started with Open Iconic, check out our [Icons](http://useiconic.com/open#icons) and [Reference](http://useiconic.com/open#reference) sections.
21 |
22 | ### General Usage
23 |
24 | #### Using Open Iconic's SVGs
25 |
26 | We like SVGs and we think they're the way to display icons on the web. Since Open Iconic are just basic SVGs, we suggest you display them like you would any other image (don't forget the `alt` attribute).
27 |
28 | ```
29 | 8 | This document explorer demo application showcases several Syncfusion Blazor UI components together in a real-world application scenario. You can explore the source code of this application and use it as a reference for integrating Syncfusion Blazor UI components into your applications. 9 |
10 |List of Syncfusion Blazor UI components used in this sample
11 |
12 |
49 |
13 |
14 | File Manager
15 |
16 |
17 |
18 | TreeView
19 |
20 |
21 |
22 | Sidebar
23 |
24 |
25 |
26 | Numeric TextBox
27 |
28 |
29 |
30 | Toolbar
31 |
32 |
33 |
34 | Button
35 |
36 |
37 |
38 | PDF Viewer
39 |
40 |
41 |
42 | Word Processor
43 |
44 |
45 |
46 | Presentation
47 |
48 | 
30 | ```
31 |
32 | #### Using Open Iconic's SVG Sprite
33 |
34 | Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
35 |
36 | Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `