/templetes/web/vyber_sestavy.html - Komentovat - Webová aplikace simulující kontingenční tabulku (CIV) - VLDC - Redmine

80b3a14c

cagy

<html lang="en"><head>

2

    <meta charset="utf-8">

3

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

4

    <meta name="description" content="">

5

    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">

6

    <meta name="generator" content="Jekyll v3.8.6">

7

    <title>Album example · Bootstrap</title>

8

    <link rel="canonical" href="https://getbootstrap.com/docs/4.4/examples/album/">

9

10

    <!-- Bootstrap core CSS -->

11

<link href="css/bootstrap.min.css" rel="stylesheet">

12

13

<link href="css/bootstrap-select.min.css" rel="stylesheet">

14

<link href="css/fontawesome.min.css" rel="stylesheet">

15

<link href="css/style.css" rel="stylesheet">

16

17

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

18

<script type="text/javascript" src="js/jquery.js"></script>

19

<script type="text/javascript" src="js/bootstrap.min.js"></script>

20

<script type="text/javascript" src="js/bootstrap-select.min.js"></script>

21

</head>

22

<body>

23

<div id="test"></div>

24

<main role="main">

25

26

  <div class="container">

27

    <h1>

28

      Sestava - Studenti - studijní programy

29

    </h1>

30

  </div>

31

32

<form>

33

  <div class="container box">

34

    <div class="col-md-12">

35

      <div class="col-md-12 form-group row">

36

          <label for="exampleFormControlSelect1" class="name-input-label">Titulek tabulky:</label>

37

          <input type="text" class="form-control name-input" id="name">

38

      </div>

39

40

      <span>Parametry:</span>

41

      <div class="col-md-7">

42

        <table class="table">

43

          <thead>

44

            <tr>

45

              <th class="col-1">Parametr</th>

46

              <th class="col-2">Umístění</th>

47

              <th class="col-3">Filtry</th>

48

            </tr>

49

          </thead>

50

          <tbody>

51

            <tr>

52

              <td><span class="select-text-padding">Akademický rok</span></td>

53

              <td>

54

                <span class="select-action-padding select-action-button select-input-action-margin-collapse">

55

                  <i class="fas fa-align-justify"></i>

56

                </span>

57

                <span class="select-action-padding select-action-button select-input-action-margin-collapse">

58

                  <i class="fas fa-align-justify transform"></i>

59

                </span>

60

              </td>

61

              <td class="s">

62

                <div class="col select-filter">

63

                  <select class="form-control" style="{width:60px;}" id="exampleFormControlSelect1">

64

                    <option>IN</option>

65

                    <option>GREATER</option>

66

                    <option>LESS</option>

67

                    <option>EQUAL</option>

68

                  </select>

69

                  <input type="text" class="form-control select-filter-input" id="name">

70

                </div>

71

              </td>

72

            </tr>

73

            <tr>

74

              <td><span class="select-text-padding">Fakulta</span></td>

75

              <td>

76

                <span class="select-action-padding select-action-button select-input-action-margin-collapse select-action-headlight">

77

                  <i class="fas fa-align-justify"></i>

78

                </span>

79

                <span class="select-action-padding select-action-button select-input-action-margin-collapse ">

80

                  <i class="fas fa-align-justify transform"></i>

81

                </span>

82

              </td>

83

              <td class="s">

84

                <div class="col select-filter">

85

                  <select class="form-control" style="{width:60px;}" id="exampleFormControlSelect1">

86

                    <option>IN</option>

87

                    <option>GREATER</option>

88

                    <option>LESS</option>

89

                    <option>EQUAL</option>

90

                  </select>

91

                  <input type="text" class="form-control select-filter-input" id="name">

92

                </div>

93

              </td>

94

            </tr>

95

            <tr>

96

              <td><span class="select-text-padding">Ročník</span></td>

97

              <td>

98

                <span class="select-action-padding select-action-button select-input-action-margin-collapse">

99

                  <i class="fas fa-align-justify"></i>

100

                </span>

101

                <span class="select-action-padding select-action-button select-input-action-margin-collapse select-action-headlight">

102

                  <i class="fas fa-align-justify transform"></i>

103

                </span>

104

              </td>

105

              <td class="s">

106

                <div class="col select-filter">

107

                  <select class="form-control" style="{width:60px;}" id="exampleFormControlSelect1">

108

                    <option>IN</option>

109

                    <option>GREATER</option>

110

                    <option>LESS</option>

111

                    <option>EQUAL</option>

112

                  </select>

113

                  <input type="text" class="form-control select-filter-input" id="name">

114

                </div>

115

              </td>

116

            </tr>

117

            <tr>

118

              <td><span class="select-text-padding">Typ strudia</span></td>

119

              <td>

120

                <span class="select-action-padding select-action-button select-input-action-margin-collapse select-action-headlight">

121

                  <i class="fas fa-align-justify"></i>

122

                </span>

123

                <span class="select-action-padding select-action-button select-input-action-margin-collapse">

124

                  <i class="fas fa-align-justify transform"></i>

125

                </span>

126

                <span class="select-action-padding select-action-button select-input-action-margin-collapse">

127

                  <i class="fas fa-heading"></i>

128

                </span>

129

              </td>

130

              <td class="s">

131

                <div class="col select-filter">

132

                  <select class="form-control" style="{width:60px;}" id="exampleFormControlSelect1">

133

                    <option>IN</option>

134

                    <option>GREATER</option>

135

                    <option>LESS</option>

136

                    <option>EQUAL</option>

137

                  </select>

138

                  <input type="text" class="form-control select-filter-input" id="name">

139

                </div>

140

              </td>

141

            </tr>

142

            <tr>

143

              <td><span class="select-text-padding">Počet</span></td>

144

              <td>

145

                <span class="select-action-padding select-action-button select-input-action-margin-collapse select-action-headlight">

146

                  <i class="fas fa-heading"></i>

147

                </span>

148

              </td>

149

              <td class="s">

150

                <div class="col select-filter">

151

                  <select class="form-control" style="{width:60px;}" id="exampleFormControlSelect1">

152

                    <option>IN</option>

153

                    <option>GREATER</option>

154

                    <option>LESS</option>

155

                    <option>EQUAL</option>

156

                  </select>

157

                  <input type="text" class="form-control select-filter-input" id="name">

158

                </div>

159

              </td>

160

            </tr>

161

          </tbody>

162

        </table>

163

      </div>

164

165

    <div class="selected-input-container">

166

      <div class="selected-input-box">

167

        <div class="selected-input-box-icon">

168

          <i class="fas fa-align-justify"></i>

169

        </div>

170

        <table class="table table-parameter">

171

          <thead>

172

            <tr>

173

              <th class="col-1-p"></th>

174

              <th class="col-2-p">Vlastní název</th>

175

              <th class="col-3-p"></th>

176

            </tr>

177

          </thead>

178

          <tbody>

179

              <tr>

180

                <td>

181

                  <span>Fakulta</span>

182

                </td>

183

                <td>

184

                  <input type="text" class="form-control select-filter-input" id="name">

185

                </td>

186

                <td>

187

                  <span><i class="fas fa-sort"></i></span>

188

                </td>

189

              </tr>

190

              <tr>

191

                <td>

192

                  <span>Typ studia</span>

193

                </td>

194

                <td>

195

                  <input type="text" class="form-control select-filter-input" id="name">

196

                </td>

197

                <td>

198

                  <span><i class="fas fa-sort"></i></span>

199

                </td>

200

              </tr>

201

          </tbody>

202

        </table>

203

      </div>

204

205

206

      <div class="selected-input-box">

207

        <div class="selected-input-box-icon">

208

          <i class="fas fa-align-justify transform"></i>

209

        </div>

210

        <table class="table table-parameter">

211

          <thead>

212

            <tr>

213

              <th class="col-1-p"></th>

214

              <th class="col-2-p">Vlastní název</th>

215

              <th class="col-3-p"></th>

216

            </tr>

217

          </thead>

218

          <tbody>

219

              <tr>

220

                <td>

221

                  <span>Ročník</span>

222

                </td>

223

                <td>

224

                  <input type="text" class="form-control select-filter-input" id="name">

225

                </td>

226

                <td>

227

                  <span><i class="fas fa-sort"></i></span>

228

                </td>

229

              </tr>

230

          </tbody>

231

        </table>

232

      </div>

233

234

235

      <div class="selected-input-box">

236

          <div class="selected-input-box-icon">

237

            <i class="fas fa-heading"></i>

238

          </div>

239

          <table class="table table-parameter">

240

            <thead>

241

              <tr>

242

                <th class="col-1-p"></th>

243

                <th class="col-2-p">Vlastní název</th>

244

              </tr>

245

            </thead>

246

            <tbody>

247

                <tr>

248

                  <td>

249

                    <span>Počet</span>

250

                  </td>

251

                  <td>

252

                    <select class="form-control" style="{width:60px;}" id="exampleFormControlSelect1">

253

                      <option>SUM</option>

254

                      <option>AVG</option>

255

                      <option>MIN</option>

256

                      <option>MAX</option>

257

                    </select>

258

                  </td>

259

260

                </tr>

261

            </tbody>

262

          </table>

263

      </div>

264

    </div>

265

266

267

      <div class="col-md-12 form-group row template-input">

268

          <label for="exampleFormControlSelect1" class="template-input-label">Vlastní název šablony:</label>

269

          <div class="">

270

            <input type="text" class="form-control select-filter-input" id="name">

271

          </div>

272

273

          <button type="submit" class="btn btn-success mb-2 template-input-submit">Uložit šablonu</button>

274

      </div>

275

276

277

      <div class="buttons-wrap">

278

        <button type="submit" class="btn btn-secondary mb-2 " name="generate-table">Vygenerovat tabulku</button>

279

        <button type="submit" class="btn btn-secondary mb-2 " name="export-xls">Export do XLS</button>

280

        <button type="submit" class="btn btn-secondary mb-2 " name="export-pdf">Export do PDF</button>

281

      </div>

282

  </div>

283

</div>

284

</form>

<div class="container box">

289

  <div class="col-md-12">

290

291

292

    <table class="tg table">

293

      <tr>

294

        <th class="tg-align" colspan="6">Vlastní nadpis Tabulky</th>

295

      </tr>

296

      <tr>

297

        <td class="tg-align" colspan="2"></td>

298

        <td class="tg-align" colspan="4">Ročník studia</td>

299

      </tr>

300

      <tr>

301

        <td class="tg-align">Fakulta</td>

302

        <td class="tg-align">Typ</td>

303

        <td class="tg-align">1.</td>

304

        <td class="tg-align">2.</td>

305

        <td class="tg-align">3.</td>

306

        <td class="tg-align">4.</td>

307

      </tr>

308

      <tr>

309

        <td class="tg-align" rowspan="2">FAV</td>

310

        <td class="tg-align">Bakalářský</td>

311

        <td class="tg-align">109</td>

312

        <td class="tg-align">110</td>

313

        <td class="tg-align">50</td>

314

        <td class="tg-align">23</td>

315

      </tr>

316

      <tr>

317

        <td class="tg-align">Navazující</td>

318

        <td class="tg-align">40</td>

319

        <td class="tg-align">20</td>

320

        <td class="tg-align">10</td>

321

        <td class="tg-align">5</td>

322

      </tr>

323

      <tr>

324

        <td class="tg-align" rowspan="2">FEK</td>

325

        <td class="tg-align">Bakalářský</td>

326

        <td class="tg-align">220</td>

327

        <td class="tg-align">100</td>

328

        <td class="tg-align">20</td>

329

        <td class="tg-align">10</td>

330

      </tr>

331

      <tr>

332

        <td class="tg-align">Navazující</td>

333

        <td class="tg-align">80</td>

334

        <td class="tg-align">77</td>

335

        <td class="tg-align">61</td>

336

        <td class="tg-align">20</td>

337

      </tr>

338

  </table>

339

  </div>

340

</div>

</main>

347

348

<footer class="text-muted">

349

  <div class="container">

350

351

  </div>

352

</footer>

353

354

<script type="text/javascript" src="js/app.js"></script>

355

</body>

356

</html>

357

<script type="text/javascript">

358

$("select").selectpicker();

359

</script>

Projekt

Obecné

Profil

ASWI - Pokročilé softwarové inženýrství » ASWI 2020 » Webová aplikace simulující kontingenční tabulku (CIV) - VLDC

Projekt

Obecné

Profil

ASWI - Pokročilé softwarové inženýrství » ASWI 2020 » Webová aplikace simulující kontingenční tabulku (CIV) - VLDC

aswi2020vldc-gitlab/templetes/web/vyber_sestavy.html @ 80b3a14c